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
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.

Follow by Email

About Me