Make Related Post With Thumbnail Blogger Ala Wong Pakong Blogs

Alhamdulillah bisa posting lagi, tapi tetap dengan katagory artikel tentang Tutorial dan Tips and Trick yaitu dengan judul Make Related Post With Thumbnail Blogger Ala Wong Pakong Blogs, yang di copas dari sebuah sumber yang suda lupa URLnya dimana. 

Langsung saja ke initi dari posting ini yaitu Make Related Post With Thumbnail Blogger Ala Wong Pakong Blogs dengan mengikuti sedikit langkah di bawah ini : 

1. Login Ke Blogger
2. Masuk ke Design / Rancangan
3. Edit HTML
4. Cari Kode </head> Lalu Copy Kode dibawah ini dan letakkan Diatas Kode yang anda cari tadi.

<!--Related Posts with thumbnails Scripts and Styles Start-->

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

<style type='text/css'>

#related-posts {

float:center;

text-transform:none;

height:100%;

min-height:100%;

padding-top:5px;

padding-left:5px;

}

#related-posts h2{

font-size: 1.6em;

font-weight: bold;

color: #585858;

font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;

margin-bottom: 0.75em;

margin-top: 0em;

padding-top: 0em;

}

#related-posts a{

color:#444444;

}

#related-posts a:hover{

color:#000000;

}

#related-posts a:hover {

background-color:#d4eaf2;

}

</style>

<script src='http://kompiajaib.googlecode.com/files/relatedpostwiththumbnails2.js' type='text/javascript'/>

</b:if>

<!--Related Posts with thumbnails Scripts and Styles End-->

5. Cari (ctrl + F) Kode <div class='post-footer-line post-footer-line-1'> atau  footer-line-1, Lalu copy kode dibawah ini dan letakkan di bawah kode yang anda cari tadi.

<!-- Marquee Kompiajaib Related Posts with Thumbnails Code Start-->

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

<div id='related-posts'>

<b:loop values='data:post.labels' var='label'>

<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_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>

<h3><b>Baca Juga Artikel Terkait Lainnya: </b></h3>

<div style='background:#white; border:1px solid #191919; border-bottom:1px solid #666; border-right:1px solid #666;margin: 0px auto; padding: 5px;width:95%;float:left;height:100%'>

<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>

<script type='text/javascript'>

var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=10;

var relatedpoststitle=&quot;&quot;;

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script></marquee>

<div style='border: 0px; padding: 5px; background-color: none; text-align: right; font-size:9px;'>Get this <a href='#' target='_blank'>widget</a></div>

</div>

</div><div style='clear:both'/>

</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>

</b:if>

</b:if>

<!-- Marquee Kompiajaib Related Posts with Thumbnails Code End-->

6. Simpan Template anda.

Begitulah Make Related Post With Thumbnail Blogger Ala Wong Pakong Blogs semoga masih ada yang butuh dan ingin mecobanya. dan semoga bermanfaat.

Membuat Footer 3 Kolom Pada Template Blogspot Ala Wong Pakong Blog

Pekerjaan yang lain sudah pada selesai sekarang posting dulu sebelum ngantuk meskipun dengan posting yang tidak terlalu penting, mengapa demikian soalnya pada posting ini sudah banyak orang yang tahu dan juga bisa melakukankan, tapi tidak apa-apa yang penting saya bisa update, pada posting sebelum mengenai Affiliasi Amazon, Sekarang pindah alih dulu ke Tips / Tutorial yaitu dengan judul Membuat Footer 3 Kolom Pada Template Blogspot Ala Wong Pakong Blog.

Tutorial ini sudah banyak di mesin pencari dengan kata kunci yang sudah terlalu banyak juga, tapi tidak apa-apa saya tetap posting dengan kata kunci yang agak beda dikit. hehehe....

Ok, langsung saja ke inti dari posting ini yaitu Membuat Footer 3 Kolom Pada Template Blogspot Ala Wong Pakong Blog dengan langkah-langkah sebagai berikut :

1. Login ke Account Blogger Anda

2. Masuk Ke Design / Rancangan

3. Pilih Edit HTML

4. Centang pada Expand Widget Templates

5. Cari / tekan CTRL+F Kode  <div id='footer'> /

    Setalah ketemu Masukkan Kode berikut Tepat di Bawah Kode yang Dicari Tadi.

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left;      margin:0; text-align: center;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'>

<b:widget id='HTML6' locked='false' title='Like' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>

<div id='footer3' style='width: 40%; float: left;      margin:0; text-align: center;'>

<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'>

<b:widget id='HTML7' locked='false' title='Support' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>

<div id='footer4' style='width: 30%; float: right;      margin:0; text-align: center;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>

 </div>

<div style='clear:both;'/>

<p>

<hr align='center' color='#EEEEEE' width='100%'/></p>

<div id='footer-bottom' style='text-align: center; padding:      10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'/>

</div>

<div style='clear:both;'/>

</div>

6. Lalu Simpan 

Cukup sudah Membuat Footer 3 Kolom Pada Template Blogspot Ala Wong Pakong Blog's mudah-mudahan dapat bermanfaat bagi yang belum penah mengalaminya dan mencobanya. Selamat mencoba dan Tetap Semangat Blogging.

Perjalanan Affiliasi Amazon sampai Bulan Mei 2012

Posting yang sebelum mengenai Mencoba Affiliasi Amazon, sekarang mengawali bulan Juni 2012 yaitu posting pertama pada bulan ini dengan judul Perjalanan Affiliasi Amazon sampai Bulan Mei 2012, dan mumpung masih semangat buat ngetik dan bercerita biarpun sedikit.

Masih terkait dengan posting yang sebelumnya dengan Affiliasi Amazon, ternyata asik juga mencoba Affiliasi Amazon apa lagi sudah Bisa Menghasilkan Penjualan. Pada bulan maret sudah mendapat $22.07 dengan sreenshoot yang sudah di upload pada posting yang sebelumnya, sesua dengan judul posting Perjalanan Affiliasi Amzaon sampai Bulan Mei 2012 alhamdulillah pada bulan Mei 2012 total pendapatan $59.55 patut disyukuri saja. apakah benar? lihat screenshoot dibawah ini 

Belajar dan terus belajar ternyata ada hasilnya juga meskipun hasilnya masih belum tercapai apa di cita-citakan. cukup dulu posting kali ini meskipun sedikit yang penting update dan screecshoot di atas bukan sok pamer tapi biar tambah semangat buat blogging. tetap semangat blogging.. !!!