• Url : isi dengan url blog anda
• Desription : deskripsi dari blog anda
• Price per link : harga per link untuk blog anda
• Price per word : harga per kata untuk paid review yang kita buat di blog anda. (kalau kita bingung dengan harga yang harus ditentukan. Nah solusinya adalah gunakan saja fasilitas Suggest My price, klik dan pihak v4.payperpost akan memberikan saran harga bagi blog anda)
• Min adv rating : pilih 50%
• Allow adult content : jika anda mau menerima advertiser tentang adult konten
• Category : kategori blog anda
• Disclosure type : pilih in post
• Preferred link type : pilih follow, no follow atau either

• Kita harus membuat sebuah postingan dan didalam postingan itu di masukan kalimat yang ada seperti di kotak merah di bawah ini "The xenophobia ironed a pancake", atau
• Kita sisipkan kalimat tersebut kedalam ke postingan terakhir, atau
• Kita buat postingan baru dimana isinya hanya kalimat dibawah ini

• Buatlah gambar yang cocok, menarik dan pas untuk dipasang di samping judul postingan anda.
• Kemudian upload gambar yang telah anda buat di penyedia layanan gratis seperti Flicker.com atau Photobucket.com
• Setelah Gambar di upload copy image ULRnya, ini contoh ULR image nya.

http://multiply.com/mu/wemax/image/2/photos/43/1200x120/1/Bulpoin-Gue-Conceptual-Mode.jpg?et=Ccg1FDHvFitW2HlQTAog0g&nmid=105218041

•  Kemudian buat kede berikut:

<img src="MASUKKAN ULR GAMBARMU DISINI" width="45" hight="45" border="0"></img>a

• Nah kini tinggal cara memasukan kode diatas ke dalam blog kita.
• langkah pertama Login ke blog anda
• Untuk Mengurangi risiko Kode HTML kita rusak, alangkah baiknya kita download template kita secara lengkap. so jika terjadi kesalahan kita mudah mengembalikannya seperti semula.
• Lanjut Klik menu Layout  > Edit HTML dan jangan lupa klik kotak Expand Widget Templates
• Cari kode berikut:

<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>

•  Selanjutnya Sisipkan kode (Langkah 4) ke dalam kode diatas ini. contoh:

<a expr:href='data:post.url'>MASUKAN KODE DISINI <data:post.title/></a>
<b:else/>

• Klik Save Template

• Loggin ke Blog anda
• Pilih Rancangan 
• Download Template Lengkap, hal ini dimaksudkan agar ketika dalam kita mengotak-atik terjadi kesalahan kita mudah dalam mengembalikannya.
• Kemudian pilih Edit HTML
• Centang  Expand Template Widget
• Cari kode ]]></b:skin> , Cara mudah mencari kode tersebut deng menekan tombol CTLR + F
• Kalau sudah ketemu paste kode berikut tepat dibawahnya.

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body{display:none;}
</b:if>
</b:if>
</style>

• Langkah terakhir klik SAVE / SIMPAN TEMPLATE

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link, 
.post-timestamp, .reaction-buttons, 
.star-ratings, .post-backlinks, 
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>

• Lalu Simpan Template  
• Dan Lihat Hasilnya.

• Buka akun facebook anda kemudian klik disini
• Kemudian pilih salah satu Icon. biar lebih mudah saya rekomendasikan klik Merk atau Produk

• Pilih kategori dan isi nama blog anda pada kolom dibawahnya. 
• Setelah itu centang  Saya menyetujui Ketentuan Halaman Facebook
• Lalu klik Mulai

• Terus ikuti perintahnya sampai selesai. dan perlu diingat alamat Fans page anda, untuk mengetahui alamat Halaman fans Page anda Perhatikan gambar dibawah ini:

• Buka disini
• Pada kotak Faacebook Page ULR (?), masukan kode ULR fans page yang telah sobat buat tadi.

• Setelah semua di sisi, klik aja Get code
• pilih IFRAME, kemudian copy code yang muncul.

• Loggin ke blogger anda
• Pilih Rancangan > Edit Laman > Tambah Gadget > HTML/JavaScript. dan Paste code IFRAME tadi mdi kolom ini.

• Langkah terakhir klik Save

Demikian cara membuat tombol Like Facebook di Blogger semoga bermanfaaat. jangan lupa like blog kita ya... :)

• Loggin ke blogger anda.
• Pilih menu Tataletak
• Kemudian Tambah Gadget / add a gadget
• Pilih HTML/Java Script
• Masukan kode dibawah ini:

<script type="text/javascript" src="http://tutorial-blog.googlecode.com/files/twitbird.js"></script><br /> <script type="text/javascript"> var birdSprite="http://4.bp.blogspot.com/-jmMHmT3wOak/Tam8b6aBLkI/AAAAAAAABBg/goBeWfPYRYw/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/m4d13";var tweetThisText = "Official blog twitter page ";tripleflapInit();</script>

• Ganti teks warna Merah diatas dg ULR Twitter anda.
• Klik Save.

1. Buka akun blogger anda, kemudian pilih menu Design > edit HTML dan jangan lupa download lengkap Tempalate Blog anda, untuk jaga-jaga kalau eror.
2. Centang menu  expand widget templates
3. Cari kode <b:skin><![CDATA[ kemudian masukan kode dibawah ini tepat diatasnya.

<script>
var last_expanded = &#39;&#39;;
function showHide(id)
{
var obj = document.getElementById(id);
var status = obj.className;
if (status == &#39;hide&#39;) {
if (last_expanded != &#39;&#39;) {
var last_obj = document.getElementById(last_expanded);
last_obj.className = &#39;hide&#39;;
}
obj.className = &#39;show&#39;;
last_expanded = id;
} else {
obj.className = &#39;hide&#39;;
}
}
</script>

.dropdown-b {
background-image:url('http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/tombol_menu1.gif');
text-align:center;
width:165px;
font-family: georgia, Helvetica, sans-serif;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom: 10px;
margin-top: 4px;
display:block;
text-decoration: none;
color: #000000;
height: 8px;
}
.dropdown-bg {
background-image: url('http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/tombol_menu2.gif');
text-align:center;
width:165px;
font-family: georgia, Helvetica, sans-serif;
padding-left:20px;
padding-right:20px;
padding-top:13px;
padding-bottom: 10px;
display:block;
text-decoration: none;
color: #000000;
height: 8px;
}
.hide{
display: none;
}
.show{
display: block;
}
a{cursor: hand}

<a class="dropdown-b" onclick="showHide('dropdown-b-1')">Menu 1</a>
<div id="dropdown-b-1" class="hide">
<a href="URL" class="dropdown-bg">Link 1</a>
<a href="URL" class="dropdown-bg">Link 2</a>
<a href="URL" class="dropdown-bg">Link 3</a>
<a href="URL" class="dropdown-bg">Link 4</a>
</div>
<a class="dropdown-b" onclick="showHide('dropdown-b-2')">Menu 2</a>
<div id="dropdown-b-2" class="hide">
<a href="URL" class="dropdown-bg">Link 1</a>
<a href="URL" class="dropdown-bg">Link 2</a>
<a href="URL" class="dropdown-bg">Link 3</a>
<a href="URL" class="dropdown-bg">Link 4</a>
</div><a class="dropdown-b" onclick="showHide('dropdown-b-3')">Menu 3</a>
<div id="dropdown-b-3" class="hide">
<a href="URL" class="dropdown-bg">Link 1</a>
<a href="URL" class="dropdown-bg">Link 2</a>
<a href="URL" class="dropdown-bg">Link 3</a>
<a href="URL" class="dropdown-bg">Link 4</a>
</div><a class="dropdown-b" onclick="showHide('dropdown-b-4')">Menu 4</a>
<div id="dropdown-b-4" class="hide">
<a href="URL" class="dropdown-bg">Link 1</a>
 <a href="URL" class="dropdown-bg">Link 2</a>
<a href="URL" class="dropdown-bg">Link 3</a>
<a href="URL" class="dropdown-bg">Link 4</a>
</div>

<b:if cond='data:blog.url == data:blog.homepageUrl'>LETAK WIDGET</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>LETAK WIDGET</b:if>

1. Loggin di Blogger
2. Pilih Template
3. Untuk mengantisipasi eror, download  lengkap template blog anda terlebih dahulu.
4. Kemudian pilh Edit HTML
5. Cari kode ]]></b:skin> kemudian copy kode dibawah ini tepat di atasnya.

#related-posts { float : left; width : 620px; margin-top:0px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url('http://farm6.staticflickr.com/5079/7394893900_2368b345e7_t.jpg') no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 2px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; }

<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><font face='Arial' size='3'><b>Related Posts : </b></font><font color='#c20000'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/></b:if></b:loop> </font><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script></div></b:if>

1. Login dahulu ke Blogger.com
2. Buka window Broswer baru , atau tekan CTLR + T
3. Buka Link  http://www.linkwithin.com/learn

Cara Meletakkan Related Post dengan Thumbnails di bahwa setiap Posting

1. Login ke blogger anda
2. Masuk ke Tata Letak => Edit HTML
3. Cari kode ]]></b:skin>
4. Letakkan kode di bawah ini di atas ]]></b:skin> :

.indentmenu{
font: bold 11px Arial;
width: 100%; /*leave this value as is in most cases*/

}

.indentmenu ul{
margin: 2px;
padding: 0;
float: left;
/* width: 80%; width of menu*/
background: transparent;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
margin: 2px;
color: #000; /*text color*/
padding: 5px 11px;
text-decoration: none;
border: 1px solid #ccc;
}

.indentmenu ul li a:hover{
background:#ddd;
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
border: 1px solid #000000;
background:#000000;
}

.tabcontentstyle{ /*style of tab content container*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

<div style="float:left;margin:0px 10px 0px 0px;padding:0px;height:350px;">

<div id="pettabs" class="indentmenu">

<ul>
<li><a href="#" class="selected" rel="tab1">1</a></li>
<li><a href="#" rel="tab2">2</a></li>
<li><a href="#" rel="tab3">3</a></li>
<li><a href="#" rel="tab4">4</a></li>

</ul>
<br style="clear: left"/>
</div>

<div style="width:240px;text-align:justify;padding: 5px; margin-bottom:1em">

<div id="tab1" class="tabcontent">
<a href="URL Artikel Kamu 1">
<img border="0" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" alt="obamabush" width="240" src="URL Gambar 1?imgmax=800" height="152" title="obamabush"/></a>

<p><h3><a href="URL Artikelka Kamu 1">Judul Aritkel 1</a></h3></p>
Tulis deskripsi singkat artikel pertama kamu disini [...]
</div>

<div id="tab2" class="tabcontent">
<a href="URL Artikel Kamu 2">
<img border="0" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" alt="beyone" width="240" src="URL Gambar 2?imgmax=800" height="152" title="beyone"/></a>

<p><h3><a href="URL Artikel Kamu 2">Judul Aritkel 2</a></h3></p>
Tulis deskripsi singkat artikel kedua kamu disini [...]
</div>

<div id="tab3" class="tabcontent">
<a href="URL Artikel Kamu 3">
<img border="0" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" alt="Guns N 'Roses" width="240" src="URL Gambar 3?imgmax=800" height="152" title="Guns N 'Roses"/></a>

<p><h3><a href="URL Artikel Kamu3">Judul Aritkel 3</a></h3></p>
Tulis deskripsi singkat artikel ktiga kamu disini [...]
</div>

<div id="tab4" class="tabcontent">
<a href="URL Artikel Kamu 4">
<img border="0" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" alt="ipod" width="240" src="URL Gambar 4?imgmax=800" height="152" title="ipod"/></a>

<p><h3><a href="URL Artikel Kamu 4">Judul Aritkel 4</a></h3></p>
Tulis deskripsi singkat artikel keempat kamu disini [...]
</div> </div>

<script type="text/javascript">

var mypets=new ddtabcontent("pettabs")
mypets.setpersist(true)
mypets.setselectedClassTarget("link")
mypets.init(2000)

</script>

1. Login ke blogger dengan akun Anda.
2. Di dashboard masuk ke layout
3. Setelah itu anda pilih add gadget >> HTML/Javascript
4. Masukkan kode-kode di bawah ini pada kotak HMTL/Javascript

<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  = 50,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://chenkgelate.googlecode.com/files/recentcomment.js"></script>
<script type="text/javascript" src="http://www.chenkgelate.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>