Cara Menambahkan Gadget Hamster di Blog

Suatu saat saya berkunjung ke Blog tetangga, disana saya melihat Gadget Hamster. Bila saya klik didalam Gadget tersebut maka akan keluar sejenis makanan dan akan dimakan oleh Hamster tersebut. Apabila saya arahkan kursor (Arah Mouse) kekiri - kekanan maka Hamster itu akan mengikuti. Lucu .... Ngegemesin .... Hingga saya tertarik untuk menempatkan Gadget Hamster itu ke Blog saya. Kalo kamu mau menambahkan Gadget Hamster ke Blog kamu, ikuti tips berikut:

• Masuk ke Blog kamu
• Klik, "Rancangan" atau kalo kamu sudah ada didalam Blog, Klik, "Desain-Tambah Gadget"
• Klik, "HTML/JavaScript"
• Copy Paste Kode dibawah ini

<center><img src="http://img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 225px; width: 270px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_0" data-original-id="BLOGGER_object_0" /></center>

• Klik, "Simpan/Save"
• Atur Posisi Gadget/Widget sesuai keinginan kamu

Selamat Mencoba ...
Semoga Bermanfaat ...

Cara Menambahkan Musik di Blog

Ketika kamu masuk Blog C, maka yang pertama kamu dengar adalah suara AXL ROSE'S yaitu sang Vocalis grup Band Rock Legendaris "Guns 'N Roses". Atau juga kamu pernah masuk Blog lain dan ketika kamu baru masuk ke Blog itu maka kamu langsung disuguhkan musik/lagu. Gimana caranya?! Banyak cara menambahkan musik pada Blog, sesuai dengan kata Pribahasa "Banyak Jalan Menuju Roma", salah satu caranya adalah seperti yang akan saya bahas dibawah ini: 

• Login/Masuk ke Blog kamu
• Klik http://www.divine-music.info/

• Pilih Kategori lagu yang kamu sukai (Disini saya pilih Heavy Rock/Metal)

• Saya Pilih Grup Band "Guns 'N Roses", maka akan muncul Pilihan Lagu dan Kode
• Saya Pilih Lagu "Don't Cry" (Copy Kode tersebut)
• Kembali ke Blog kamu. Klik "Rancangan" atau kalo kamu sudah ada didalam Blok, Klik"Desain->Klik Dasbor->Klik, Tambah Gadget"
• Pilih, "HTML/JavaScript"
• Copy Paste Kode Lagu yang kamu pilih, atau Copy Paste Kode dibawah ini

<center> <br /> <a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br><br /> <a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br /> <br><br><b><br /> <a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br><br /> <embed SRC="http://divine-music.info/musicfiles/gunsnroses-dontcry.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED><br />

• Klik Simpan/Save
• Silahkan Kamu Atur Posisi Gadget/Widget

Selamat Mencoba ....
Semoga Bermanfaat ....

Cara Membuat Widget/Gadget IP. Address di Blog

Bila kamu masuk Blog C, maka pada barisan Widget/Gadget (adanya disebelah kanan) kamu dapat mengetahui Alamat IP Internet, Negara, Kota, ISP yang digunakan. Keren kann ... Mau tau gimana cara bikinnya? langsung azah ke TKP ...

• Login ke Blog kamu
• Klik "Rancangan" atau kalo udah masuk di blog, Klik "Desain" trus Klik "Rancangan"
• Klik "Add Gadget/ Tambahkan Gadget"
• Klik "HTML/JavaScript"
• Copy kode dibawah ini

<script src="//www.gmodules.com/ig/ifr?url=http://www.spyber.com/spybergadget.xml&amp;up_ip_background=D3E1F0&amp;up_ip_border=D3E1F0&amp;up_ip_fonttype=arial&amp;up_ip_fontsize=2&amp;up_ip_ip_fontsize=4&amp;synd=open&amp;w=270&amp;h=200&amp;title=&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>

• Paste/ Tempel Kode diatas kedalam "HTML/JavaScript"
• Klik "Save/ Simpan"

Selamat Mencoba ........
Semoga Bermanfaat ...

Cara Membuat Google Translate dengan Animasi Bendera Negara di Blog

Pada Postingan sebelumnya saya telah membahas tentang Cara Membuat Google Translate, kalau kamu belum membacanya, silahkan klik DI SINI  Pada Postingan kali ini saya mencoba membahas tentang Cara Membuat Google Translate dengan Animasi Bendera Negara. Ikuti langkah demi langkah tips dibawah ini :

• Masuk ke blok kamu, atau klik http://www.blogger.com/
• Klik "Rancangan" atau kalo kamu sudah ada didalam Blog, Klik "Desain"
• Pilih "Add Gadget/ Tambahkan Gadget"
• Klik "HTML/JavaScript"
• Copy Kode berikut :

<div id="google_translate_element"></div><script> function googleTranslateElementInit() {   new google.translate.TranslateElement({     pageLanguage: 'id',     layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL   }, 'google_translate_element'); } </script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></span><br /> <span style="font-size: x-small;"><a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="English"><img alt="English" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/inggris.gif" title="English" border="0" height="20" align="absbottom" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="French"><img alt="French" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/francis.gif" title="French" border="0" height="20" align="absbottom" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="German"><img alt="German" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jerman.gif" title="German" border="0" height="20" align="absbottom" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain"><img alt="Spain" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/spnyol.gif" title="Spain" border="0" height="20" align="absbottom" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian"><img alt="Italian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/italia.gif" title="Italian" border="0" height="20" align="absbottom" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cnl&amp;hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch"><img alt="Dutch" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/belanda.gif" title="Dutch" border="0" height="20" align="absbottom" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian"><img alt="Russian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/rusia.gif" title="Russian" border="0" height="20" align="absbottom" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese"><img alt="Portuguese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/brazilia.gif" title="Portuguese" border="0" height="20" align="absbottom" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese"><img alt="Japanese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jepang.gif" title="Japanese" border="0" height="20" align="absbottom" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cko&amp;hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean"><img alt="Korean" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/koreautara.gif" title="Korean" border="0" height="20" align="absbottom" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic"><img alt="Arabic" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/saudiarabia.gif" title="Arabic" border="0" height="20" align="absbottom" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified"><img alt="Chinese Simplified" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/cina.gif" title="Chinese Simplified" border="0" height="20" align="absbottom" /></a>

• Paste kode diatas kedalam "HTML/JavaScript"
• Klik "Save/ Simpan"

Selamat Mencoba .........

Silahkan lihat Artikel lain, Klik DI SINI

Cara Merubah Judul Blog

Pada postingan terdahulu, saya telah membahas tentang bagaimana cara merubah alamat blog, kalo kamu belum membacanya, silahkan lihat DI SINI. Pada postingan kali ini saya mencoba membahas bagaimana caranya merubah judul blog.

• Masuk ke Blog kamu
• Klik "Rancangan" atau kalo kamu sudah masuk, Klik "Desain"
• Klik "Setelan"
• Klik "Dasar"

• Ganti JUDUL Pada Kotak "Judul"
• Setelah Judul Blog yang lama di ganti dengan Judul Blog Baru, Klik "Simpan Setelan"

• Maka sekarang Blog kamu telah berganti dengan Judul Blog yang baru

Selamat Mencoba .........
Baca Juga Artikel yang lain, Klik DI SINI

Cara Merubah Alamat URL Blog

Ketika kamu baru pertama kali membuat Blog, maka yang ada dalam fikiran kamu adalah ingin agar Blog kamu cepat jadi, sehingga tidak terfikir bagaimana menetapkan Alamat URL yang baik, komersil, keren, dll. Ketika Blog kamu sudah jadi baru terfikirkan untuk mengganti Alamat URL Blog yang pertama kali kamu buat asal-asalan itu. Ga perlu Panik, ga perlu cemas, nasi sudah menjadi bubur, kalo udah jadi bubur ga juga mesti dibuang khan .......... kasih kecap manis, kasih ayam goreng atau telur, kasih sambal sedikit. Khan masih enak juga rasanya, hehehehehehe .... Okelah untuk mengganti Alamat URL Blog yang kamu butuhkan sekarang adalah segelas minuman hangat atau softdrink dan sedikit cemilan. Kemudian ikuti langkah demi langkah tips berikut ini :

• Masuk ke Blog kamu
• Klik "Rancangan" Kalo udah masuk Blok , Klik "Desain"
• Pilih "Setelan"
• Pilih "Penerbitan"

• Perhatikan Gambar di atas
• Ketik Alamat URL baru yang kamu inginkan pada Kotak "Alamat BlogSpot"
• Klik "Tergantung Ketersediaan" untuk melihat apakah Alamat URL yang kamu minta tersedia atau tidak, kalau Alamat URL kamu tidak tersedia, ketik ulang Alamat URL yang baru yang unik, narsis, keren, yang pastinya komersil agar banyak dikunjungi orang.
• Ketik ulang huruf / angka yang ada dalam "Please Prove you're not a robot" kedalam kotak yang kosong.
• Kalo kamu kesulitan Nyontek huruf / Angka, Klik Gambar orang duduk dikursi yang ada disebelah kanan (lihat gambar).
• Kalo semuanya udah selesai, Klik "Save/ Simpan"

Sip dueh, sekarang alamat URL Blog kamu sudah berubah ...

Jangan lupa, sekarang Alamat URL Blog kamu sudah berubah, jangan masuk ke Alamat URL yang lama, karena Alamat URL yang lama sudah kosong. Silahkan pake Alamat URL Blog kamu yang baru .

Selamat Mencoba, Semoga Bermanfaat ........

Lihat Juga Artikel yang lain, Klik DI SINI

Cara membuat gadget quran online di blog

Bila kamu mempunyai blog yang bernuansa Islami, maka untuk memperlengkap Blog kamu bernuansa agamis perlu juga kayaknya menambahkan Gadget Quran Online. Salah satu manfaatnya adalah pengunjung di Blog kamu dapat memilih dan mendengarkan Ayat Al-Qur'an langsung dari Blog kamu. Gimana caranya? Langsung azah ke TKP !

• Masuk ke Blog kamu
• Klik "Rancangan" atau kalau kamu sudah masuk, Klik "Desain"
• Klik "Add Gadget/ Tambahkan Gadget"
• Pilih "HTML/ JavaScript"
• Copy Paste Kode berikut :

<iframe src="http://m.alquran-indonesia.com/mquran/index.php/quran" style="border:0px;width:270px;height:400px" frameborder="0"></iframe>

• Klik "Save/ Simpan"

Keterangan :
Kamu bisa merubah angka default Width : 270 dan Height : 400 dengan angka yang kamu inginkan, sesuai dengan kebutuhan.

Selamat mencoba, semoga bermanfaat ................
Baca juga artikel lainnya, Klik DI SINI

Cara Membuat teks animasi

Untuk posting kali ini saya akan membahas tentang Teks Animasi dengan menggunakan Situs Editor Teks Gratisan Online. Penasaran ingin melihat bagaimana hasil bentuk dan rupa Teks Animasi tersebut, Silahkan klik DI SINI  untuk melihat contohnya. Sedangkan cara membuat Teks Animasi ikuti langkah demi langkah berikut ini :

• Login ke blog kamu
• Masuk ke Situs Editor Teks Gratisan Online, klik DI SINI

• Klik "TEKS"
  
  

• Klik 1,2, 3 atau Next untuk melihat pilihan lain
• Klik "Click Here To Edit Here"

• Ganti tulisan yang ada dalam kotak yang ditandai dengan lingkaran merah, dengan kata-kata kamu sendiri, contoh "Selamat Datang", "Welcome to My Blog" atau apalah terserah kamu

• Setelah selesai, kemudian Klik "Generate Animation"

• Copy Paste kode yang diberi tanda lingkaran merah
• Kembali ke Blog kamu, Klik "Rancangan"
• Klik "Add Gadget/ Tambahkan Gadget"
• Klik "HTML/JavaScript"
• Paste Kode yang tadi di copy
• Klik "Save/ Simpan"

Silahkan mencoba, semoga bermanfaat .........
Lihat juga artikel yang lain, klik DI SINI

Cara Menambahkan Kalender di blog

Berbagai macam Gadget yang di sediakan oleh Blog, terutama sekali oleh Google salah satunya adalah Gadget Kalender. Bagi kamu yang ingin menambahkan Gadget Kalender pada Blog, ikuti tips berikut :

• Login ke Blog kamu 
• Klik "Desain/ Rancangan"
• Klik "Add Gadget/ Tambahkan Gadget"
• Klik "HTML/JavaScript"
• Copy Paste kode berikut

<div style="color: red;"> <script src="//www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/100336449200724795172/hc_ind.xml&up_skin=blk&synd=open&w=250&h=165&title=Kalender+2012&border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&output=js"></script>

•  Klik "Simpan"
• Atur Gadget, cara mengatur Gadget lihat DI SINI 

Selamat Mencoba, Semoga Bermanfaat ......... 

Lihat Juga Artikel  BLOG - C dibawah ini :

• Cara Posting di BlogSpot 
• Cara merubah tampilan BlogSpot 
• Cara Mengirim Gambar di BlogSpot 
• Cara mengedit postingan 
• Cara Backup Blog 
• Cara pasang SEO 
• Cara membuat readmore 
• Cara membuat pertanyaan konfirmasi 
• Cara pasang label 
• Cara atur posisi widget 
• Cara Membuat Search Engine Sendiri
• Cara Menyembunyikan Navbar Blog
• Cara Menghilangkan Navbar Blog 
• Alamat Download Template Blog Gratis 
• Cara Menambahkan Google translate/Terjemahan 
• Cara Menambahkan Jam di Blog 
• Cara Membuat Teks Berjalan

Cara Membuat Teks Berjalan

Teks Berjalan dalam slide
Kode

<marquee behavior=scroll direction=left>Tulis teks di sini</marquee>

Hasilnya seperti ini
Tulis teks di sini

Teks Berjalan ke kiri terus menerus
kodenya

<marquee behavior="scroll" direction="left">Tulis teks di sini</marquee>

Hasilnya Seperti ini :

Tulis teks di sini


Teks memantul kembali dan sebagainya:
Kode

<marquee behavior="alternate">Tulis teks di sini</marquee>

Hasilnya Seperti ini :
Tulis teks di sini

Teks Berjalan ke atas
Kode

<marquee behavior="scroll" direction="up">Tulis teks di sini</marquee>

Hasilnya Seperti ini
Tulis teks di siniTeks Berjalan Lambat
Kode

<marquee behavior=scroll direction=left scrollamount=1>Teks Berjalan Lambat</marquee> 

Silahkan ubah nilai default angka 1dengan nilai angka yang di-inginkan, maka teks akan berubah kecepatannya

Hasilnya seperti ini
Teks Berjalan Lambat

Teks Berjalan Sedang
Kode

<marquee behavior=scroll direction=left scrollamount=10>Teks Berjalan Sedang</marquee>

Silahkan ubah nilai default angka 10 dengan nilai angka yang di-inginkan, maka teks akan berubah kecepatannya

Hasilnya Sepeti ini :
Teks Berjalan Sedang

Teks Berlari
Kode

<marquee behavior=scroll direction=left scrollamount=20>Teks Berjalan Cepat</marquee>

Silahkan ubah nilai default angka 20 dengan nilai angka yang di-inginkan, maka teks akan berubah kecepatannya

Hasilnya Sepeti ini :
Teks Berjalan Cepat

Catatan :
bila teks ingin berjalan ke kanan, ganti dengan "right"
bila teks ingin berjalan ke kiri, ganti dengan "left"
bila teks ingin berjalan ke bawah, ganti dengan "down"
bila teks ingin berjalan ke atas, ganti dengan "up"
 

Lihat Juga Artikel  BLOG - C dibawah ini :

• Cara Posting di BlogSpot 
• Cara merubah tampilan BlogSpot 
• Cara Mengirim Gambar di BlogSpot 
• Cara mengedit postingan 
• Cara Backup Blog 
• Cara pasang SEO 
• Cara membuat readmore 
• Cara membuat pertanyaan konfirmasi 
• Cara pasang label 
• Cara atur posisi widget 
• Cara Membuat Search Engine Sendiri
• Cara Menyembunyikan Navbar Blog
• Cara Menghilangkan Navbar Blog 
• Alamat Download Template Blog Gratis 
• Cara Menambahkan Google translate/Terjemahan

Cara Menambahkan Mp3 pada Blog

Pada BlogSpot juga tersedia fasilitas musik berupa Mp3, bermacam ragam jenis musik yang disediakan, tapi kali ini saya ingin menambahkan Mp3 Jacko yaitu Legenda King Of Pop MICHAEL JACKSON. Cara menambahkannya adalah sebagai berikut :

• Seperti biasa, kamu Login dahulu ke Blog kamu
• Klik "Desain/Rancangan"
• Klik "Add Gadget/Tambahkan Gadget"
• Pada Kotak Pencarian Gadget ketik "mp3"

• Maka akan muncul Berbagai Pilihan Mp3 seperti gambar berikut

• Berhubung kali ini saya memilih untuk menambahkan Mp3 Michael Jackson, maka Pilih MP3 music yang bergambar Michael Jackson, Klik " tanda + "

 

• Klik "SIMPAN"
• Tralalalalalala .......... Sekarang Musik Mp3 kamu sudah jadi, silahkan atur posisi gadget sesuai selera kamu, cara untuk mengatur gadget lihat DISINI

Lihat Juga Artikel  BLOG - C dibawah ini :

• Cara membuat Blog di BlogSpot
  
• Cara Posting di BlogSpot 
• Cara merubah tampilan BlogSpot 
• Cara Mengirim Gambar di BlogSpot 
• Cara mengedit postingan 
• Cara Backup Blog 
• Cara pasang SEO 
• Cara membuat readmore 
• Cara membuat pertanyaan konfirmasi 
• Cara pasang label 
• Cara atur posisi widget 
• Cara Membuat Search Engine Sendiri
• Cara Menyembunyikan Navbar Blog
• Cara Menghilangkan Navbar Blog 
• Alamat Download Template Blog Gratis 
• Cara Menambahkan Google translate/Terjemahan

Cara Membuat Google Translate

Untuk membuat Google Translate/ Google Terjemahan pada blog kamu caranya cukup gampang dan mudah, ikuti langkah demi langkah tips dibawah ini :

• Login ke Blog kamu
• Klik Desain/ Rancangan
• Klik "Add Gadget/ Tambahkan Gadget"
• Pilih "HTML/JavaScript"
• Pilih Salah satu Kode dibawah ini lalu Copy

Kode Model Google Translate Vertikal 

<center><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&amp;up_source_language=id&amp;w=160&amp;h=60&amp;title=&amp;border=&amp;output=js"></script></center>

Kode Model Google Translate Horizontal

<div id="google_translate_element"></div><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'id', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL }, 'google_translate_element'); } </script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

• Paste kedalam kotak "HTML/JavaScript" tadi
• Lalu SIMPAN

Selamat Mencoba & Semoga Bermanfaat ....
Lihat Juga Artikel  BLOG - C dibawah ini :

• Cara membuat Blog di BlogSpot
  
• Cara Posting di BlogSpot 
• Cara merubah tampilan BlogSpot 
• Cara Mengirim Gambar di BlogSpot 
• Cara mengedit postingan 
• Cara Backup Blog 
• Cara pasang SEO 
• Cara membuat readmore 
• Cara membuat pertanyaan konfirmasi 
• Cara pasang label 
• Cara atur posisi widget 
• Cara Membuat Search Engine Sendiri
• Cara Menyembunyikan Navbar Blog
• Cara Menghilangkan Navbar Blog

Cara Menambahkan Jam di Blog

Agar Blog menjadi cantik dan indah jangan biarkan Blog kosong melompong tanpa hiasan. Salah satu cara untuk menghias Blog yaitu dengan cara menambahkan Gadget Jam pada blog.

 

1. Login ke Blog
2. Klik "Desain/Rancangan"
3. Klik "Add Gadget/ Tambahkan Gadget"
4. Pilih "HTML/JavaScript"
5. Copy paste kode dibawah ini

<br /> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMjcwNjAzNzcyNjQmcHQ9MTMyNzA2MjgwOTEwOCZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMGRpZ2l*/YWwtY2xvY2stb3JuYW1lbnQtYnV*dG9uLTAxJmc9MSZvPTI1ZGY*ZTc3ZGMzMjQyYmZhY2ZlOGVlN2NiNzkyZGM5Jm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:175px;height:100px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Digital-Clock-Islamic-Ornamental-Button-3409-8192_134217728.widget?__install_id=1327060367682&amp;__view=expanded" width="175" height="100" flashvars="&col1=b7c628&col2=000000&col3=eeffcc&tzoffset=false&gig_lt=1327060377264&gig_pt=1327062809108&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

atau jam yang ini

<embed src="http://www.clocklink.com/clocks/5001-green.swf?TimeZone=Indonesia_Jakarta&amp;Place=&amp;DateFormat=DD-mm-YY&amp;" width="300" height="25" wmode="transparent" type="application/x-shockwave-flash"></embed>

Lalu SIMPAN
Maka Blog kamu sekarang menjadi lebih cantik dan indah dengan hiasan JAM
Lihat Juga Artikel  BLOG - C dibawah ini :

• Cara membuat Blog di BlogSpot
  
• Cara Posting di BlogSpot 
• Cara merubah tampilan BlogSpot 
• Cara Mengirim Gambar di BlogSpot 
• Cara mengedit postingan 
• Cara Backup Blog 
• Cara pasang SEO 
• Cara membuat readmore 
• Cara membuat pertanyaan konfirmasi 
• Cara pasang label 
• Cara atur posisi widget 
• Cara Membuat Search Engine Sendiri
• Cara Menyembunyikan Navbar Blog
• Cara Menghilangkan Navbar Blog

Cara Menghilangkan Navbar Blog

Untuk Menghilangkan Navbar Blog kamu secara permanen, cukup ikuti langkah-langkah di bawah ini :

1. Login ke Blogger>> Desain/Rancangan >> Edit HTML
2. Back Up Blog ( Silahkan Baca DISINI )
3. Cari kode ]]></b:skin> dan tambahkan Kode berikut tepat di atas kode ]]></b:skin>

#navbar-iframe {
display: none !important;
}

Saran : 

Menurut hemat saya daripada kamu harus menghilangkan Navbar Blog dan masih memakai template asli yang disediakan BlogSpot, ada baiknya kamu memakai template dari pihak ke-3 yang menyediakan template gratis, untuk melihat Alamat Download Template Blog Gratis, klik DISINI

Lihat juga Artikel BLOG - C dibawah ini :

• Cara membuat Blog di BlogSpot 
• Cara Posting di BlogSpot 
• Cara merubah tampilan BlogSpot 
• Cara Mengirim Gambar di BlogSpot 
• Cara mengedit postingan 
• Cara Backup Blog 
• Cara pasang SEO 
• Cara membuat readmore 
• Cara membuat pertanyaan konfirmasi 
• Cara pasang label 
• Cara atur posisi widget 
• Cara Membuat Search Engine Sendiri
• Cara Membuat transparan Navbar

Cara Menyembunyikan Navbar Blog

Trik ini bukan untuk menghilangkan Navbar secara permanen, tetapi hanya menyembunyikan Navbar saja bila kursor didekatkan maka Navbar akan kelihatan.

Gambar Navbar Blog

Ikuti langkah demi langkah tips berikut ini :

• Login ke Blog
• Klik Desain/Rancangan
• klik "Edit HTML"
• Back Up Blog (silahkan baca DISINI untuk melihat cara Back Up Blog)

Copy Kode dibawah ini

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br /> <br /> <script type='text/javascript'><br /> $(document).ready(function(){<br /> $("#navbar").fadeTo("slow", 0.1);<br /> $("#navbar").hover(function(){<br /> $(this).fadeTo("slow", 1.0);<br /> },function(){<br /> $(this).fadeTo("slow", 0.1);<br /> });<br /> });<br /> </script>

Silakan Copy Kode jQuery di atas lalu paste tepat di atas kode </head>

Catatan :

1. Ganti kode yang berwarna merah (0.1 = 90%) menggambarkan transparasi navbar pada saat belum didekati kursor mouse. Jika ingin navbar tidak nampak sama sekali letakkan saja nilai (0.0 )
2. Ganti kode yang berwarna biru (1.0) menjadi 0.75 jika ingin transparasi navbar saat didekati mouse bernilai 25%. Sedangkan jika tetap pada nilai 1.0, maka navbar akan terlihat sangat jelas (tanpa transparansi) saat didekati kursor mouse.

Selamat mencoba...

Lihat juga Artikel BLOG - C dibawah ini :

• Cara membuat Blog di BlogSpot 
• Cara Posting di BlogSpot 
• Cara merubah tampilan BlogSpot 
• Cara Mengirim Gambar di BlogSpot 
• Cara mengedit postingan 
• Cara Backup Blog 
• Cara pasang SEO 
• Cara membuat readmore 
• Cara membuat pertanyaan konfirmasi 
• Cara pasang label 
• Cara atur posisi widget 
• Cara Membuat Search Engine Sendiri
• Cara Menghilangkan Navbar Blog

Cara Membuat READMORE Otomatis

Bermula ketika saya membuat Postingan, ternyata isinya terlalu panjang. Kemudian saya coba atasi dengan membuat READMORE manual yang ada pada Menu Lembar Postingan dan Cara Membuat READMORE manualnya dapat dilihat DISINI , Seiring bertambahnya ide dan bertambahnya Postingan saya pikir capek juga bila harus membuat READMORE secara manual, saya berfikir kenapa tidak membuat READMORE OTOMATIS saja. 

Berikut ini Blog C beri tahu cara membuat READMORE OTOMATIS :

Masuk ke akun blogger anda kemudian pilih Rancangan - Pilih Edit Html - Download Template Lengkap (agar template aslinya dapat di Upload kembali bila editan tidak sesuai dengan keinginan)

Kemudian Klik "Expand Widget Template" pada kotak yang disediakan

 

Cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.


<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 300; summary_img = 300; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

Cari kode html berikut ini :

<data:post.body/> atau <p><data:post.body/></p>

Ganti kode tersebut dengan kode di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Nb : Tulisan yang berwarna merah adalah yang bisa anda ganti.

• Summary noimg 300 = Tinggi artikel terpenggal tanpa image
• Summar img 300 = Tinggi artikel terpenggal dengan image
• READMORE bisa anda ganti dengan Baca Selengkapnya, dll...

Kemudian Klik "Save template"
Lihat Perubahan yang terjadi, disamping tampilannya berubah, susunannya pun menjadi ringkas dan rapih

Berikut ini adalah Artikel Tutorial Blog dari  BLOG - C  :

• Cara membuat Blog di BlogSpot 
• Cara Posting di BlogSpot 
• Cara merubah tampilan BlogSpot 
• Cara Mengirim Gambar di BlogSpot 
• Cara mengedit postingan 
• Cara Backup Blog 
• Cara pasang SEO 
• Cara membuat readmore 
• Cara membuat pertanyaan konfirmasi 
• Cara pasang label 
• Cara atur posisi widget 
• Cara Membuat Search Engine Sendiri
• Cara Menyembunyikan Navbar Blog
• Cara Menghilangkan Navbar Blog

Alamat Template Blog Gratis

Bosan dengan Template yang disediakan oleh Blogger?!! dibawah ini ada 21 list Alamat Template Gratis buat BlogSpot, tentunya dapat membuat tampilan BlogSpotmu menjadi beda dan menjadi lebih keren

 

1. BTemplate
2. Our Blog Templates
3. Bloggertricks
4. Blog Template 4 U
5. Blogger-Templates
6. Blogspot template
7. Blogger Buster
8. Blogger Styles
9. Ipietoon
10. Bietemplates
11. Deluxe Templates
12. Zoom Template
13. Free Template
14. Our Blog Template
15. X Template
16. Instant Shift
17.  Blogger Template Free
18. Blogger Template Place
19. Blogger Buster
20. Template-blogger
21. Premium Blogger Templates

Baca juga artikel BLOG - C dibawah ini :

• Cara membuat Blog di BlogSpot 
• Cara Posting di BlogSpot 
• Cara merubah tampilan BlogSpot 
• Cara Mengirim Gambar di BlogSpot 
• Cara mengedit postingan 
• Cara Backup Blog 
• Cara pasang SEO 
• Cara membuat readmore 
• Cara membuat pertanyaan konfirmasi 
• Cara pasang label 
• Cara atur posisi widget 
• Cara Membuat Search Engine Sendiri
• Cara Menyembunyikan Navbar Blog
• Cara Menghilangkan Navbar Blog

Cara Menambahkan Foto ke Profil Blog

1. Pertama, klik tautan "Edit Profil" pada dasbor Anda. (Gambar 1)

 Gambar 1

2. Gulir ke bawah menuju bagian "Foto", tempat Anda dapat memilih berkas dari komputer atau    memasukkan URL gambar jika foto yang Anda inginkan dapat ditemukan di internet. Harap perhatikan bahwa gambar harus berukuran 50 k atau lebih kecil.(Gambar 2)

Gambar.2

3. Setelah itu jangan lupa Klik "Simpan Profil" (Gambar 3)

Gambar.3

Lihat juga Artikel BLOG - C dibawah ini :
♠ Cara membuat Blog di BlogSpot
♠ Cara Posting di BlogSpot
♠ Cara merubah tampilan BlogSpot
♠ Cara Mengirim Gambar di BlogSpot
♠ Cara mengedit postingan
♠ Cara Backup Blog
♠ Cara pasang SEO
♠ Cara membuat readmore
♠ Cara membuat pertanyaan konfirmasi
♠ Cara pasang label
♠ Cara atur posisi widget
♠ Cara Membuat Search Engine Sendiri

Cara Membuat Search Engine di blog

Berbagai trik dan berbagai Cara Membuat Search Engine, salah satunya adalah yang akan BLOG - C bahas kali ini, terserah Anda ingin meletakkan Search Engine yang model mana. Ikuti langkah berikut :

Search Engine Model 1

• Login ke BlogSpot
• Klik "Rancangan"
• Tambah Gadget
• Cari dan Klik "HTML/ Java Script"

• Copy kode dibawah ini :

<br /> <div style="text-align:color="red;" center;"><form id="searchThis" action="/search" style="display: inline;" method="get"><input id="searchBox" name="q" type="text"> <input id="searchButton" value="Search" type="submit"></form></a></div>

• Paste kode diatas kedalam di kotak HTML/ Java Script 

• Maka hasilnya akan seperti ini :

  
Seach Engine Model 2

• Login ke BlogSpot
• Klik "Rancangan"
• Tambah Gadget
• Cari dan Klik "HTML/ Java Script"

• Copy Kode berikut :

<span style="color: red;"><div id='topsearch'> </span><br /> <div style="color: red;"><div id='search'></div><div style="color: red;"><form action='/search' id='searchform' method='get'> </div><div style="color: red;"><input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search&quot;;}' onfocus='if (this.value == &quot;Search&quot;) {this.value = &quot;&quot;;}' type='text' value='Cari Artikel Disini'/></div><div style="color: red;"><input src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA4_qgaMPOBv9uZA4P9MbhewAifUUoQvrKkg69WxUD2JinZ1VA_VRbI1Wew8Dckp2TvffwM2jJSonYad7RzOFY1XrQgLvtqi-ZkRtxYzAVyijPDnQ2WWArKowhiMUfvr_m8bjNbowYj-Ke/s1600/search.gif' style='border:0; vertical-align: top;' type='image'/> </div><div style="color: red;"></form></div>

• Paste kode diatas kedalam di kotak HTML/ Java Script  

• Maka hasilnya akan seperti gambar berikut :

• Sekarang Kotak Search Engine Anda sudah jadi, terserah Anda pilih yang mana.

Jika Anda suka artikel ini, BLOG-C akan kirim langsung ke alamat email Anda.
Silahkan masukkan alamat email Anda, kemudian klik "Subcribe" :

Share|

Lihat juga Artikel BLOG - C dibawah ini :

• Cara membuat Blog di BlogSpot 
• Cara Posting di BlogSpot 
• Cara merubah tampilan BlogSpot 
• Cara Mengirim Gambar di BlogSpot 
• Cara mengedit postingan 
• Cara Backup Blog
• Cara pasang SEO 
• Cara membuat readmore
• Cara membuat pertanyaan konfirmasi 
• Cara pasang label 
• Cara atur posisi widget

Cara Mengatur posisi Widget dan Gadget

Pemasangan Widget :

• Login ke Blog
• Klik "Rancangan"
• Klik "Tambahkan Gadget"
• Cari dan Klik "HTML/ JavaScript"

•  Copy kode dan paste kedalam kotak "HTML/ JavaScript"

 Contoh gambar peletakan kode dalam kotak HTML/JavaScript

• Klik "Simpan"
• Klik "Perubahan Anda sudah disimpan, Lihat Blog"

 Pengaturan Posisi Widget
Setelah kita melakukan penambahan gadget, maka tidak otomatis susunannya menjadi beraturan sesuai dengan keinginan kita. Setiap penambahan gadget baru, gadget tersebut posisinya akan berada di bagian atas. Untuk menjadi susunan yang sesuai dengan yang kita inginkan, kita harus mengaturnya. Cara mengaturnya adalah sebagai berikut :

• Login ke Blog
• Klik "Rancangan"

• Pilih Gadget yang ingin kita atur posisinya, lalu tarik gadget dengan cara men-drag gadget (nge-drag = tekan mouse bagian kiri jangan dilepas) ke posisi yang di-iinginkan.
• Klik "Pratinjau" sebelum di "Simpan"
• Bila hasilnya belum memuaskan, ulangi langkah diatas, klik "Pratinjau"
• Bila hasilnya sudah sesuai dengan keinginan klik "Simpan"
• Klik "Perubahan Anda telah disimpan, lihat blog"

• Bila Anda melakukan langkah-langkah di atas dengan benar, maka tampilan "Widget" Anda akan berurutan sesuai dengan pengaturan yang Anda lakukan
• Semoga bermanfaat ...

Jika Anda suka artikel ini, BLOG-C akan kirim langsung ke alamat email Anda.
Silahkan masukkan alamat email Anda, kemudian klik "Subcribe" :

Share|

Lihat juga Artikel BLOG - C dibawah ini :
♠ Cara membuat Blog di BlogSpot
♠ Cara Posting di BlogSpot
♠ Cara merubah tampilan BlogSpot
♠ Cara Mengirim Gambar di BlogSpot
♠ Cara mengedit postingan
♠ Cara Backup Blog
♠ Cara pasang SEO
♠ Cara membuat readmore
♠ Cara membuat pertanyaan konfirmasi
♠ Cara pasang label
♠ Cara atur posisi widget
♠ Cara Membuat Search Engine Sendiri