DAFTAR LAGU MP3
Cara mengirim lagu di di facebook
Klik kanan salah satu judul lagu yang berada didalam daftar lagu mp3 diatas, kemudian pilih Copy Link Location Atau Copy Shortcut selanjutnya buka facebook Klik kanan dan paste pada link box (Perhatikan gambar dibawah),
slanjutnya klik attach... tunggu beberapa saat sampai proses attach
selesai.. slanjutnya tinggal klik share.. n selesai. slamat mencoba.
Cara masukkan lagu di friendster
Bagi yang sudah senior mengotak atik friendster bukanlah hal yang sulit,
tapi bagaimana yang baru kemaren belajar buat account di friendster,
untuk itu kita coba belajar sama...
Biasanya sipemilik web atau blog yang menyediakan share untuk music
difriendster memberikan code untuk dimasukkan (copy paste) kedalam media
box friendster. caranya klik kanan kode tersebut pilih select all trus
pilih copy.. slanjutnya buka friendster anda dan paste di media box,
hasilnya seperti gambar dibawah slanjutnya klik save.
Beberapa kode lagu mp3 ada di blog ini
Contoh kode lagu yang telah dicopy ke media box friendster
Beberapa kode lagu mp3 ada di blog ini
Contoh kode lagu yang telah dicopy ke media box friendster
Cara Mudah Memasang Lagu Di Blog
Cara Mudah Memasang Lagu Di Blog - Banyak sudah tutorial-tutorial tentang cara memasang lagu atau cara menambahkan lagu pada blog, Memasang Widget Musik Player untuk sebuah blog memiliki kekurangan dan kelebihan tersendiri. Tergantung dari si pengunjung dan koneksi yang dimilikinya.
Untuk anda yang tetap ingin memasang lagu diblognya, berikut saya sediakan satu tutorial mudah dan singkat, silangkan disimak.
Pertama kunjungi situs scmplayer.net, kemudian pada tab Choose Skin, silahkan pilih tampilan skin widget yang nantinya akan ditampilkan pada blog anda.
 |
| Contoh Yang Saya Lakukan |
Kemudian klik pada tab Configure Settings untuk mengatur lagu yang sudah kita pilih tadi, atur sesuai keinginan anda. Atau seperti pengaturan saya pada gambar dibawah ini
 |
| Klik Untuk Memperbesar |
Setelah itu klik tombol Done, lalu copy script yang diberikan.
Langkah terakhir, masuk ke akun blogger anda pilih tata letak. Kemudian klik tambah gadget pilih gadget HTML/Javascript. Lalu paste kan script tadi. klik Simpan.
Sekarang blog anda sudah terpasang lagu, setiap pengunjung yang datang akan disambut dengan lagu yang anda pasang
pastikan pada tab Edit Playlist, anda memasukan url yang benar. Selamat mencoba....
Cara membuat / memasang widget burung Twitter terbang di Blogger
Memasang Burung Twitter Terbang di Blogspot. Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget menarik ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat.
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini
- Pertama-tama silahkan login di Blogger
- Klik Design > Page Element > Add Gadget > Html/Javascript
- Copy paste kode di bawah ini ke kolom Html/javascript
<!-- floating twitter Bird -->
<script type="text/javascript" src="http://zuazz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYReq7RCCrnbALCwhzXoa7rLVin3csFKrlCaBY259kvikt4YTU5_0nnWqBrZbb-XWNtDJeTnV9NdXutBpqnJ4U26wYuNiv6_-6s4Xtm77txSHQIAHV22kdBw_ePa5gddQytXFWJKnKklU/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://zuazz.blogspot.com/";
tripleflapInit();
</script>
<script type="text/javascript" src="http://zuazz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYReq7RCCrnbALCwhzXoa7rLVin3csFKrlCaBY259kvikt4YTU5_0nnWqBrZbb-XWNtDJeTnV9NdXutBpqnJ4U26wYuNiv6_-6s4Xtm77txSHQIAHV22kdBw_ePa5gddQytXFWJKnKklU/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://zuazz.blogspot.com/";
tripleflapInit();
</script>
- Ganti kode yang berwarna biru dengan akun Twitter sobat
- Ganti kode warna merah bila ingin mengganti warna burung twitter dengan kode yang telah disediakan dibawah
- Simpan dan lihat hasilnya.
Warna Pilihan Burung Twitter
Warna Kuning
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzjC-3IwYETHfyQb1Mu6svqtJy4j9QsStaDuFQ-77ZUAcL_QjI23JOWEB5BrLrZi2PqDSaPXqEcZQfEMV9BFXi3JlFXFPLMNFPxHpYOCf5RE5pRsGwM2f8X2pLqJExRGnRBPqdzr-UhYs/s1600/yellow+bird.png
Warna Hitam
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimkK8eOCS6lmKKAEXXACEJl13mL-bnsycHXX-tqrqUBSGZYuXn5OPNUZiI04Yao4KIYvGBzzQXlFw9fuXL6n2opJjruDyrORa9F8D1Q4a-If78Sm2_uWdqYOuixXhgkOJZTpmwg34aqEE/s1600/black+bird.png
Warna Biru
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqRor9pQZdSuJlTbiFMk-9z3ll4S-C9Pkbu70reMORpganwi1La1ML5jqoSlkw5l9q14LwjxoDVsFzL2jIbPijhDXK839Gc_iwg4SBcAZPN2zF9uqWf0UXk8Yiu8LiRZIoKPg-VG1qATU/s1600/Blue+bird.png
Warna Coklat
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwEkK6slWKdeNLRy6eM__mJGVLNyNvrTSpfc60BfPkOfqieSivjVEOFMrMCLB2l-VIRKoEjkVzYIKLla0UbYR-d94rSfLnuZfn-NyPJWifp2FPh2U1zxpRwz14DIaOyIWMIEwn_K2sNRs/s1600/brown+bird.png
Warna Hijau
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyQGfPVHHBWtFiTkvRt_OlMgT0GV7WXLOrov6WxVfZdBraLqZNBcylRaboMwbBVVNhyphenhyphencoekdeOjcvRaGnP7yjo5H9YmZeOOrevKHuAhcX4bSX8aIVF__RHh_boNPm4xK28tZ2aTlQUt1Y/s1600/Green+bird.png
Warna Ungu
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr85FzH13MDjHthY2WAqY4S7mgwS2b891UOOud62Pl9joybxAOOpjCb5a_s1VBw-t9MlayZ35AYwNIhT7XILSbLnmc1_lR0ejkJGQD0bRzQM1H8h8ku8ISfcc0OhXs6gQuhJGvtxWMJBQ/s1600/purple+bird.png
Warna Putih
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqjUwUt1gKuy6SqYE3op5tSC_0vBJ6xeFgCGg2uvJnCdNzbYm-1ze6f8c26pqYCGNpKadS8qj4eObP7D69nwvitpCB0UafnDvwPdLSLrgLkLUw1aN3LgiovOWOCIsxHldl14m5VVCV8A4/s1600/white+bird.png
Warna Merah
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU6AucuvKgwd7-llwS90pnlzGtIuSKaqPIl_SZc1lxYNBng39q_jShO9bguKht6N1KFe044bECPdbsquPavuuluI504zLmnOV9ToNujH8wfbRppJyVs1UNX6rfTjEdy5Mlnuksj2BIQrM/s1600/red+bird.png
Dan terakhir jangan lupa disimpan
Good luck Sob..!!!!
Sumber: http://bloggerpeer.blogspot.com
=======================================================
=======================================================
Cara Mudah Mempercepat KOneksi Internet di Warnet
Langsung
aja gan,ini hanyalah trik sederhana bagaimana kita dapat tetap 'konek'
disaat admin operator mulai 'menjahili' privacy yang seharusnya kita
dapatkan.
Trik sederhana ini hanya bekerja untuk beberapa warnet yang 'demen' memainkan IP Address untuk memantau segala aktivitas pelanggan,seperti remote view,blocking dan sebagainya.
Karena hal seperti itu akan mengganggu privacy pelanggan,karena dengan sesuka hati mereka akan membatasi 'bandwith' yang sebenarnya menjadi hak mutlak kita.
Trik ini akan menyebabkan bandwith yang kita dapat,tidak dapat diganggu kecuali jika operator memang memutuskan hubungan koneksi internetnya.
Bahkan bukan tidak mungkin trik ini dapat mengalirkan semua bandwith ke 'counter' milik kita.
Namun sekali lagi,trik ini hanya akan bekerja untuk beberapa warnet yang menggunakan metode 'switch connection' dan untuk yang berkepentingan saja ya. :D
Pertama,sobat pergi ke 'Control Panel'
Trik sederhana ini hanya bekerja untuk beberapa warnet yang 'demen' memainkan IP Address untuk memantau segala aktivitas pelanggan,seperti remote view,blocking dan sebagainya.
Karena hal seperti itu akan mengganggu privacy pelanggan,karena dengan sesuka hati mereka akan membatasi 'bandwith' yang sebenarnya menjadi hak mutlak kita.
Trik ini akan menyebabkan bandwith yang kita dapat,tidak dapat diganggu kecuali jika operator memang memutuskan hubungan koneksi internetnya.
Bahkan bukan tidak mungkin trik ini dapat mengalirkan semua bandwith ke 'counter' milik kita.
Namun sekali lagi,trik ini hanya akan bekerja untuk beberapa warnet yang menggunakan metode 'switch connection' dan untuk yang berkepentingan saja ya. :D
Pertama,sobat pergi ke 'Control Panel'
Kemudian,sobat pilih 'Network anda Internet Connection'
Lalu sobat pilih 'Network Connection'
Selanjutnya sobat akan dihadapkan jendela windows seperti ini,maka klik kanan gambar icon komputer tersebut dan pilih 'Properties'
Kemudian,akan keluar jendela 'Local Area Connection Properties',maka pilih pada kolom 'Internet Protocol(TCP/IP)' dan klik 'Properties'
Kemudian sobat check list aja 'Obtain an IP Address Automatically' dan ckeck list juga 'Obtain DNS Server Automatically' lalu klik 'Ok'.
Selesai.
Catatan:
Jika trik ini tidak bekerja,berarti warnet tersebut menggunakan metode bukan 'switch dalam tanda petik pent-',untuk mengembalikannya sobat harus restart computer.
Berharap warnet tersebut menggunakan DeepFreeze,jika tidak ya mau ga mau install ulang untuk mendapatkan IP dan DNS servernya.
Catatan:
Jika trik ini tidak bekerja,berarti warnet tersebut menggunakan metode bukan 'switch dalam tanda petik pent-',untuk mengembalikannya sobat harus restart computer.
Berharap warnet tersebut menggunakan DeepFreeze,jika tidak ya mau ga mau install ulang untuk mendapatkan IP dan DNS servernya.
Berikut ini adalah kumpulan ekstensi musik untuk blog anda. Silahkan
saja pasang di widget anda, cara pemasangannya sangat mudah bisa sobat
lihat DISINI.
Musik akan diputar apabila pengunjung menunjungi blog milik anda.
Dibawah ini hanya kumpulan ekstensi untuk lagu-lagu indonesia. Smoga
bermanfaat.
Daftar script untuk lagu-lagu Indonesia:
Astrid – Tentang Rasa ( http://www.4shared.com/embed/3OL5LNdR/Astrid_-_Tentang_Rasa.swf )
Bondan – Kita Selamanya ( http://www.4shared.com/embed/xeqXY3FU/Bondan_-_Kita_Selamanya.swf )
D’bagindas – Empat Mata ( http://www.4shared.com/embed/fcs1b0aY/DBagindas_-_Empat_Mata.swf )
Dewi Lestari – Malaikat Juga Tahu ( http://www.4shared.com/embed/_qB8uv0g/Dewi_Lestari_-_Malaikat_Juga_T.swf )
Judika – Cinta Satukan Kita ( http://www.4shared.com/embed/oDe8vBNM/JUDIKA_-_CINTA_SATUKAN_KITA__O.swf )
Lyla – Magic ( http://www.4shared.com/embed/nG4CvZTT/Lyla_-_Magic.swf )
Nikita Wiily – Kutetap Menanti (http://www.4shared.com/embed/s8qieq3Y/Nikita_Willy_-_Kutetap_Menanti.swf )
Rossa – Ku Menunggu ( http://www.4shared.com/embed/fZhIkbCe/Rossa_-_ku_menunggu.swf )
Sheila – Berhenti Berharap ( http://www.4shared.com/embed/V9Yxsv-f/Sheila_on_7_-_Berhenti_Berhara.swf )
Smash – I Heart U ( http://www.4shared.com/embed/cTKB7BQW/Smash_-_I_Heart_You.swf )
ST 12 – Aku Terjatuh ( http://www.4shared.com/embed/cTKB7BQW/Smash_-_I_Heart_You.swf )
Utopia – Serpihan hati ( http://www.4shared.com/embed/Krq-9edb/Utopia_-_Serpihan_Hati.swf )
Vierra – Takut ( http://www.4shared.com/embed/pOEq6Oxa/Vierra_-_Takut_2_.swf)
Wali – Doaku Untukmu Sayang (http://www.4shared.com/embed/tIExvuj3/Wali_-_Doaku_Untukmu_Sayang.swf )
Yovie Nuno – Sempat Memiliki (http://www.4shared.com/embed/dWDgz_PN/Yovie_n__Nuno_-_Sempat_Memilik.swf )
Cara Membuat Menu Tab View
Karena sering ditanya tentang bagaimana
caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu
yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain",
"Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu
sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil
tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin
posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum
bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam
pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp
scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho
:D
Tab view itu contohnya seperti ini :
Tab view itu contohnya seperti ini :
Beginilah cara untuk membuat menu tab view tersebut
1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>
<script src='http://kendhin.googlepages.com/tabview.js' type='text/javascript'/>
6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">
<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.
Cara Menjadikan Menu Sidebar Seperti Tombol
Jika kurang puas dengan tampilan default sidebar blogspot, ada beberapa cara yang bisa kita lakukan agar tampilan sidebar bisa lebih menarik. Misalnya dengan cara menjadikan judul sidebar seperti tombol dan memberi garis pada menu sidebar. Tapi jika kedua cara tersebut masih belum membuat anda puas, maka masih ada satu cara lagi yang bisa dilakukan, yaitu juga dengan cara menjadikan menu sidebar tersebut seperti tombol. Di bawah ini adalah contoh tampilan menu sidebar yang masih datar (sedangkan judulnya sudah seperti tombol):
Nah, anda bisa bayangkan jika menu sidebar ini di sulap menjadi seperti tombol, tentu kesannya akan tampak lebih menarik. Caranya pun cukup mudah, hanya dengan permainan efek beberapa garis (border) pada background menu. Jika ingin mencoba anda bisa ikuti beberapa langkah berikut:
1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.
3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik Download Template Lengkap.
4. Kemudian carilah kode: .sidebar li
5. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekan Enter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.
6. Selanjutnya perhatikanlah beberapa baris kode di bawahnya. Lebih kurang akan tampak seperti di bawah ini.
.sidebar li {
line-height:1em;margin:0px 0px 0;
padding-top:2px;
padding-left:15px;
padding-bottom:4px;
text-shadow:0 1px 0 #Ffffff;
}
(Anda tidak perlu bingung jika semua kode di atas tidak persis sama dengan kode yang terlihat pada blog anda, karena itu tergantung pada template yang kita gunakan)
7. Sekarang gantilah semua kode tersebut dengan kode di bawah ini (agar lebih mudah copy saja, lalu paste (timpal) di atasnya):
.sidebar li {
border-bottom:1px solid #90969c;
border-right:1px solid #b8b9ba;
border-top:2px solid #ffffff;
margin-border: 0 0px 0;
line-height:1em;
margin:0px 0px 0;
padding-top:2px;
padding-left:15px;
padding-bottom:4px;
text-shadow:0 1px 0 #FFFF00;
}
(Sebagai catatan yang berwarna merah adalah ukuran ketebalan garis bayangan tombolnya. Sedangkan yang berwarna biru adalah kode dari warna garis bayangannya. Anda bisa rubah keduanya sesuai dengan ketebalan dan warna garis yang anda inginkan. Jika kesulitan dalam menentukan kode warna maka anda bisa lihat Daftar Kode Warna.
7. Jika sudah jangan lupa klik SIMPAN TEMPLATE dan tunggu hingga proses selesai.
8. Sekarang anda sudah bisa melihat hasilnya dengan mengklik Lihat Blog.
9. Sebagai contoh hasilnya akan terlihat seperti di bawah ini:
Selamat mencoba dan semoga berhasil!
Cara Mudah Membuat Logo Blog Keren! (6 Online Text Logo Generators)
Tampilan logo blog pada header yang khas dan memiliki desain yang bagus
pasti menjadi dambaan setiap blogger. Logo blog biasanya ditampilkan
sebagai bagian dari header yang berupa paduan gambar dan gambar teks
yang berisi nama atau ciri dari suatu blog. Umumnya, logo blog
digunakan untuk menggantikan teks pada bagian title dan deskripsi
header. Tentu saja, membuat logo blog, meskipun hanya berupa logo text,
bukanlah perkara mudah bagi setiap orang. Keahlian setidaknya dibutuhkan
untuk membuat teks logo dengan menggunakan software image editing
semacam Correl Draw maupun Photoshop.
Pengen punya logo teks blog yang seperti ini?
Atau yang seperti ini?
Kabar baiknya, saat ini ada banyak layanan situs online logo creator and generator
yang dapat memudahkan pekerjaan membuat logo blog. Siapa saja dapat
dengan mudah membuat teks logo blog maupun logo blog untuk header dengan
hasil yang lumayan baik dan tidak mengecewakan. Telah saya pilihkan 6
online logo generator/creator yang mudah untuk digunakan sebagai
berikut:
1.
Memiliki berbagai jenis text generator sesuai dengan bentuk design-nya, misalnya patterned text generator, glitter text generator, LCD text generator, marquee text generator, dan masih banyak lagi yang lainnya. Memiliki interface yang bersih dan waktu muat halaman yang cepat sehingga membuat kita semakin mudah dan cepat dalam membuat logo.
2.
FLaming text memiliki banyak sekali koleksi design yang bermacam-macam dengan berbagai pilihan dari yang paling sederhana dan paling animatif. Membuat anda harus lebih jeli dan benar-benar fokus untuk membuat pilihan karena banyaknya design yang harus dipilih. Interface generator yang lengkap disertai live preview dari hasil teks yang diedit sehingga tidak perlu lagi berpindah halaman untuk kembali mengedit.
3.
Sama halnya dengan flamingtext, cooltext memiliki banyak koleksi design dan memiliki interface editor yang mudah dan handy, sehingga siapapun dapat dengan mudah menggunakannya. Terdapat dua jenis design, yaitu logo dan button. Dilengkapi pula dengan puluhan jenis font menarik yang dapat dipilih dan disesuaikan dengan design blog.
4.
Ketika membuka halaman web situs ini, anda akan masuk ke halaman text logo editor yang sederhana. Kostumisasi keseluruhan teks diserahkan kepada user, sehingga dapat membuat logo sesuai dengan kehendak. Pilhan style-nya tidak begitu banyak, namun masih cukup berharga mengingat hasil gambar dari online logo creator ini memiliki kualitas yang cukup baik.
5.
Design-design pada situs ini lebih menekankan pada koleksi design font yang menawan. Design yang dihasilkan dengan generator dapat dikostumisasi lebih, namun warna gambar hitam dan putih menurut saya adalah yang terbaik karena kesan vector-nya sangat kuat dan memukau.
6.
Cukup sederhana, atau bisa dibilang sangat sederhana, selain karena situs ini hanya memiliki satu halaman, design-nya pun sangat terbatas. Namun, bagi anda yang sedang belajar dan dalam proses awal blogging dan design gambar, situs ini bisa menjadi awalan bagi anda untuk belajar membuat design logo.
Setelah mendapatkan logo blog, pasang logo tersebut untuk menggantikan title dan description pada header blog. Simak Cara Mengubah/Memasang Gambar Background Header Blogger/Blogspot
Happy Bloggin'!
Cara Membuat & Memasang Tanda Tangan di Blog
DI BLOG (BLOGGER), kita dapat membubuhkan tanda tangan
(signature) sebagai sebagai identitas penulis blog (blog author).
Dengan adanya tanda tangan ini, posting-posting blog terasa lebih
khusus, karena memiliki tanda tangan sang penulis blog yg unik. Sobat
Blogger bisa membuat dan memasangnya di blog Blogger dengan mudah.
Kehadiran online signature maker
memberikan kemudahan untuk membuat tampilan tanda tangan tersebut.
Selain untuk digunakan di email, gambar tanda tangan ini bisa digunakan
pula di blog sebagai blog author signature.
Cara Membuat Gambar Tanda Tangan Secara Online
Untuk membuat tanda tangan
dengan online tool, saya memilih menggunakan MyLiveSignature, sehingga
tutorial ini akan mengetengahkan langkah-langkah membuat signature
dengan online tool tersebut.
1. Masuk ke mylivesignature.com.
2. Ada beberapa opsi disana, jika ingin membuat tanda tangan tanpa register, klik "Proceed". Jika ingin daftar, klik "register"
3.
Setelah klik proceed, anda akan masuk ke halaman opsi jenis signature
yang akan dibuat. Ada 4 cara membuat signature: dengan wizard, dengan
menulis sendiri di screen tool, upload gambar yang di-scan, atau
menggunakan font. sendiri. Saya sarankan untuk membuat dengan wizard
(pilih opsi pertama), karena cara itu lebih mudah.
4. Tuliskan nama anda atau nama yg ingin dibuat sebagai tanda tangan. Klik 'next step'.
5. Langkah selanjutnya adalah memilih
jenis font tanda tangan. Ada banyak jenis font dan langsung bisa dilihat
melalui preview. Pilih font yang diinginkan dengan klik opsi di sebelah
preview. Setelah itu 'klik next'.
7.
Setelah gambar jadi, anda akan dibawa ke halaman hasil akhir gambar. Di
halaman tersebut terdapat gambar tanda tangan/signature dan di bwahnya
tertera ID dari tanda tangan tersebut. SImpan ID jika dibutuhkan kembali
di kemudian hari. Untuk menyimpan gambar, klik kanan, lalu pilih 'save
as' atau 'save image as'
Cara Memasang Tanda Tangan di Bawah Posting Blog
1. Pastikan terlebih dahulu gambar tandatangan tadi telah di upload. Kemudian simpan direct url dari gambar tersebut.
2. Untuk menampilkan gambar di bawah posting kita bisa menggunakan dua cara:
a. Dengan memasukkan html gambar di fitur blogger untuk menyisipkan widget di posting:
Dari Setting > Formatting > Lihat ke bagian kosong di sebelah kanan Post template di bagian bawah halaman.
Isikan script image ke dalamnya:
< img border="0" src="urlgambartandatangan.jpg" />
Ganti urlgambartandatangan.jpg dengan url gambar tandatangan sobat.
Kelemahan
dari cara ini adalah susunan struktur pada badan post kadang-kadang
bisa kacau, dan membutuhkan waktu load yang lebih lama
b. Dengan memasukkan gambar di bagian template HTML melalui Edit HTML Blogger:
Melalui Edit HTML, sobat dapat
memasukkan script secara lebih leluasa dan juga dapat menambahkan
aturan-aturan tertentu agar struktur tampilan lebih sempurna.
- Di beberapa tutorial, saya melihat script yang dimasukkan hanya dalam bentuk HTML gambar seperti ini:
< img border="0" src="urlgambartandatangan.jpg" />
Namun,
jika hanya dengan HTML gambar, struktur gambar menjadi tidak independen
karena dia mengikuti aturan (div) pada tulisan di atasnya (tulisan
posting di bagian akhir/bawah). Sehingga kadang-kadang gambar betubrukan
dengan tulisan atau bergeser.
- Untuk membuat gambar berstruktur independen maka tambahkan struktur sendiri pada tag gambar:
<div>< img border='0' src='urlgambartandatangan.jpg' /></div>
Dengan cara ini, gambar dapat berada di baris selanjutnya di bawah tulisan posting.
- Agar gambar bisa diatur posisinya, akhirnya gunakan aturan berikut:
<div style='padding:5px;float:right'>< img border="0" src='urlgambartandatangan.jpg' /></div>
- right akan menampilkan gambar di sisi kanan, ganti dengan left jika ingin gambar berada di sebelah kiri.Ganti urlgambartandatangan.jpg dengan url gambar tandatangan yg telah di-upload.
- Setelah selesai mengedit script, masuk ke dahsboard > design > Edit HTML.
- Jangan lupa centang "Expand Widget Templates"
- Cari <data:post.body/>
- Letakkan kode yang telah diedit tadi tepat di BAWAH-nya.
- Save Template.
Note: Jika blog telah menggunakan fitur auto readmore, ada lebih dari satu <data:post.body/>, letakkan kode tanda tangan di bawah <data:post.body/> yg kedua.
Tidak ada komentar:
Posting Komentar