Cara Menampilkan Labels Pilihan Pada Template Blogger

1. Login ke blogger.com
2. Pilih  Template --> Edit HTML
3. Kode paste kode CSS dibawah dan letakkan diatas kode  ]]></b:skin>

/* Labels pilihan blogger cybermales */
img.label_thumb{
float:left;
padding:5px;
border:1px
solid #F3F3F3;
background:#D2D0D0;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{
float:left;
width:100%;
min-height:70px;
margin:0px 10px 2px 0px;
padding:0}
ul.label_with_thumbs li{
padding:8px 0;
min-height:65px;
margin-bottom:10px;
list-style:none;
}
.label_with_thumbs a{}
.label_with_thumbs strong{}

4. Kemudian cari kode </head>
5. copy dan pastekan kode dibawah, lalu letakan diatasnya

<script src='http://blogger-cybermales.googlecode.com/files/labelspilihan.js.txt' type='text/javascript'/>

6. Save Template
7. Lihat navigasi kanan dan Klik "Layout"
8. Klik Add Gadget >> pilih "HTML/javascript"
9. Letakkan kode dibawah pada form yang muncul dan isikan judul sesuai keinginan

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Category Here?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

# Rubahlah teks merah (Category Here) dengan kategori yang ingin ditampilkan.
10. Simpan

Read More

Repair Share Buttons Blogger Not Showing in Custom Template

It blogger share buttons aren't showing below your posts don't worry it happens if you are using a modified blogger theme. It's a easy fix. Follow steps below.

1. Log in Blogger.com
2. Go to Design >> Edit HTML
3. Check the "Expand Widget Templates" BOX
4. Search for any one of the following three line(you will find one of them for sure):

<p class='post-footer-line post-footer-line-3'>

If you don't find the code above, find the code below

<div class='post-footer-line post-footer-line-3'>

and if still didn't find the code above, find the code below

<data:post.body/>

5. After finding any of the line above paste the following code below it.

<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

6. Save your template and view your template, you should see blogger share buttons now.

Read More