Menampilkan Tag Clouds di Blogger | Tutorial Blog
Selain label dalam bentuk daftar, blogger juga menyediakan label dalam bentuk Cloud, jika fitur ini diaktifkan, label yang lebih populer muncul dalam font yang lebih besar daripada label yang kurang populer.
Berikut cara Menampilkan Tag Clouds di Blogger :
- Login ke akun anda klik Dasbor > Design > Page Elements > Add a Gadget.
- Kemudian pilih Label. Pada display ganti dari Daftar menjadi Cloud.
- Lalu klik Save.
Sekarang Lihat blog anda, label clouds harusnya sudah di tampilkan. Kalau belum berhasil, lanjutkan dengan langkah berikut :
- Klik Design > Edit HTML, beri centang pada Expand Template Widget.
- Copy kode dibawah ini, letakkan tepat di atas kode ]]></b:skin> /* Label Cloud Styles */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important} - Copy kode dibawah ini, letakkan tepat di bawah kode ]]></b:skin><script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script> - Simpan template Anda dan lihat hasilnya!.
Membuat Tombol To Page Down di WordPress.com | Tutorial Blog
Beberapa waktu yang lalu saya pernah posting tentang Membuat Tombol Back To Top di WordPress.com, pada postingan tersebut ada pertanyaan dari sobat ibnzuhri tentang membuat tombol back to down atau to page down di wordpress.com. Jadi pada postingan kali ini akan saya buat tutorial tentang Membuat Tombol To Page Down di WordPress.com.
Berikut tutorialnya :
- Login ke Wordpess Anda, Klik Appearance > Widgets.
- Drag Text ke Sidebar.
- Lalu letakkan kode berikut pada area Text.
<div style="display:scroll;position:fixed;top:300px;left:10px;"><a href='#footer' title='to page down'><img src='URL Icon' /></a></div>Ganti URL Icon dengan URL Image, Contoh :<div style="display:scroll;position:fixed;top:300px;left:10px;"><a href='#footer' title='to page down'><img src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/to-bottom.png' /></a></div>Untuk URL Icon, dapat Sobat gunakan Url yang lain. Jika sobat ingin memasang tombol page down dan page up sekaligus, Sobat dapat menggunakan kode berikut<div style="display:scroll;position:fixed;top:300px;left:10px;"><div><a href='#' title='to page up'><img src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/to-top.png' /></a></div><div><a href='#footer' title='to page down'><img src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/to-bottom.png' /></a></div></div> - Terakhir klik Save.
Catatan : Karena setiap template berbeda, ada kemungkinan kode diatas tidak bekerja, namun pada blog wordpress.com saya cara ini sudah berhasil.
Semoga tutorial ini bisa membantu Sobat dalam membuat Tombol To Page Down di WordPress.com
Mengganti Tampilan Thread Comment | Tutorial Blog
Postingan ini Lanjutan dari Menampilkan Thread Comment pada Custom Template, jika Sobat sudah berhasil Menampilkan Thread Comments biasanya tampilannya polos tanpa variasi. Pada postingan kali ini kita akan meng-edit css Thread Comment agar tampilannya seperti gambar berikut.
Caranya cukup mudah Sob, Sobat cukup menghapus kode css komentar di template Anda, lalu ganti dengan kode berikut :
Kode :
Jika sudah selesai Simpan template Anda dan lihat hasilnya.
Sekian artikel kali ini, Semoga Anda berhasil Mengganti Tampilan Thread Comment.
Menampilkan Thread Comment pada Custom Template | Tutorial Blog
Thread Comment merupakan fitur baru dari blogger yang telah resmi diluncurkan pada 12 januari yang lalu, fitur ini otomatis berlaku pada blog yang menggunakan tampilan dynamic views, jadi untuk tampilan klasik dan custom template fitur ini tidak otomatis di tampilkan.
Pada postingan kali ini saya akan membuat tutorial tentang cara Menampilkan Thread Comments pada Custom Template, trik ini terbukti berhasil pada template saya ini, walaupun pada template saya sebelumnya trik ini malah mambuat halaman posting saya hilang, jadi sebaiknya backup dulu template Anda sebelum di edit.
Berikut cara Menampilkan Thread Comment pada Custom Template :
- Login ke Blogger, Klik Design/Rancangan > Edit HTML.
- Beri tanda centang pada Expand Template Widget.Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
- Cari kode <b:include data='post' name='comments'/>, pada template saya kode tersebut ada 4 dan saya ganti semua dengan kode berikut :<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if> - Terakhir klik Save / Simpan Template.
Langganan:
Postingan (Atom)
Rocket
Rp250.000,- Rocket SEKALI INSTALL DI BLOGSPOT RATUSAN PRODUK SIAP HASILKAN UANG Senjata Para Pebisnis Affiliate TAHUKAH ANDA BAHWA - Siapa...
