Tampilkan postingan dengan label Widget / Gadget. Tampilkan semua postingan
Menampilkan Tag Clouds di Blogger
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!.
Recent Comments Blogger dengan Avatar
Membuat Recent Comments Blogger dengan Avatar | Tutorial Blog
Tutorial kali ini sama saja dengan tutorial memasang Widget Recent Comment Valid XHTML, cuman kodenya aja yang berbeda. Jadi untuk tutorial yang lebih jelas silakan baca Widget Recent Comment Valid XHTML. Untuk postingan ini saya buat singkat saja.
Berikut caranya :
- Buat widget HTML/JavaScript.
- Beri judul Recent Comments atau apalah terserah Anda.
- Lalu masukkan kode berikut :
<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 30,
characters = 60,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://wadahtutorial.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>Keterangan :numComments : 5, jumlah komentar yang ditampilkanavatarSize : 30, ukuran avatar dalam pixelcharacters : 60, jumlah karakter yang ditampilkanwadahtutorial.blogspot.com ganti dengan URL blog Anda.max-results=5, jumlah komentar yang ditampilkan, ganti sesuai keinginan Anda. - Terakhir klik Save. Selesai...
Menampilkan Widget Hanya di HomePage
Menampilkan Widget Hanya di HomePage | Tutorial Blog
Trik ini dapat Sobat gunakan jika Anda ingin Menampilkan Widget Hanya di HomePage, jadi widget tidak akan muncul pada halaman posting, halaman label, dan halaman yang lainnya, karena widget hanya akan muncul pada halaman utama saja. Jika Sobat ingin kebalikannya atau widget tidak akan muncul pada halaman utama (Home Page), Sobat dapat mengikuti tutorial Menyembunyikan Widget di HomePage.
Jika Sobat hanya ingin menyembunyikan widget dari postingan saja, silakan baca Menyembunyikan Widget pada Halaman Posting.
Untuk cara Menampilkan Widget Hanya di HomePage, berikut tutorialnya :
- 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 ID widget yang ingin di edit, misal HTML1, HTML2, HTML3, Label1, HTML9, PopularPosts1, dan lain lain. Untuk mengetahui ID widget tersebut silakan baca Cara Mengetahui ID Widget Blogger.
- Lalu tambahkan kode berikut pada kode widget tersebut.Untuk lebih jelasnya lihat kode berikut :Kode :Kode :Ket : Kode yang berwarna merah adalah kode yang di tambahkan.
- Terakhir klik Save / Simpan Template.
