*** Selamat Datang di Blog " online 21 " Terima Kasih Sudah Berkunjung, promo glutera oktober 2013, glutera promo november 2013 - ada juga glutera promo desember 2013 sampai dengan glutera promo januari 2013, ikuti juga Berita berita menarik lainya , seperti : mengenai video polisi ditembak terbaru 2013, download mp3 cinta farhat, lagu cinta farhat, berita terbaru seputar briptu norman kamaru , download video polisi gorontalo menggila, download Video Porno Luna Maya Ariel Peterpan Cut Tari, Download Video Mesum Ariel peterpan BCL, Download Video Mesum Ariel Luna Maya Cut Tari, Download Video Porno Luna Maya Ariel Cut Tari, dan Berita gosip Terbaru Lainya ... Info berita terbaru coblos ulang pilkada gresik 2015, perolehan hasil suara sementara coblos ulang pilkada gresik 2015, perolehan hasil akhir coblos ulang pilkada gresik 2015, hasil perolehan suara tetap coblos ulang pilkada gresik 2015, coblos ulang Gresik, Pilkada gresik putaran ke 2, pilkada ulang gresik, hasil coblos ulang gresik, polres gresik, polsekta gresik, polsek gresik kota, pemkab gresik, pengadilan gresik, jual glutera di gresik, kecamatan gresik kota, info tuban kota, polres tuban, polsek palang, polsek jenu, dan info Gresik news lainya.... ***

Time is Not Money

BISNIS ONLINE SUKSES 2014


INFO TERBARU = "VSI GRESIK NETWORK, GLUTERA PROMO OKTOBER 2014" - "GLUTERA PROMO NOVEMBER 2014 - "GLUTERA PROMO DESEMBER 2014"> GLUTERA PROMO JANUARI 2014

Info Bisnis Online di Internet

Sabtu, 26 Juni 2010

Cara Membuat Related Post dengan Foto untuk Blogger biar kelihatan Cantik

Contoh Related Post / Artikel Terkait dengan Gambar

Menampilkan link ke posting terkait / Related Post bersama dengan Foto atau Gambar yang sesuai akan mempercantik tampilan halaman Web atau Blog kamu. Pembaca akan tergoda untuk pergi untuk posting yang bersangkutan pada saat mereka melihat Gambar yang menarik dan Artikel yang berkaitan dengan yang di baca pada saat itu.

Ceritanya begini :  

Waktu itu aku penasaran Banget, pengen Buat "Related Post" untuk Blog aku, maklum aku adalah Blogger Pemula (Newbie) yang memang selalu pengen tau dan pengen banget punya Blog yang cantik dan menarik. karena ke inginanku yang begitu tinggi sampai sampai dua hari  berturut turut mencari cari artikel di Blog milik  Blogger senior, Browsing di Mbah Google juga udah berkali kali, tapi nggak nemuin juga cara yang paling simpel dan Mudah untuk bisa membuat Related Post / Artikel terkait, aku sempat Putus asa juga, namun di antara keputus asaan itu akhirnya aku nemuin sebuah artikel yang sangat simpel dan benar benar mudah banget di terapkan, tinggal Copy Code HTML nya lalu di Tempel di menu "Edit Template" Jadi Deeehhh...!!!


Ini adalah tulisan Pertama mengenai Related Post  yang di sertai Foto / Gambar yang sudah aku Praktekkan di salah satu Blog aku "Seputar Gresik"  Posting terkait kali ini di sertai gambar  mini  dan Cantik yang dihasilkan oleh blogger untuk setiap posting.

Berikut adalah langkah-langkah rinci untuk menginstal widget posting terkait untuk blogger dengan Gambar :

1. Yang Pasti, Kamu harus Login dulu ke Blogger, masuk ke Dashboard Blogger kamu dan arahkan ke menu Rancangan & Edit HTML lalu Pastikan Centang "Expand Template Widged" pada kotak kecil di sebelah tulisan.

2. Setelah itu Kamu Cari Kode :
</head>
 
Lalu Ganti Kode itu dengan Kode HTML dalam Kotak di Bawah ini :  

 
    <!--Related Posts with thumbnails Scripts and Styles Start--> 
    <!-- remove --><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: black;
    font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
    margin-bottom: 0.75em;
    margin-top: 0em;
    padding-top: 0em;
    }
    #related-posts a{
    color:black;
    }
    #related-posts a:hover{
    color:black;
    }
    
    #related-posts  a:hover {
    background-color:#d4eaf2;
    }
    </style>
    <script type='text/javascript'>
    var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";
    var maxresults=5;
    var splittercolor="#d4eaf2";
    var relatedpoststitle="Related Posts";
    </script>
    <script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
    <!-- remove --></b:if>
    <!--Related Posts with thumbnails Scripts and Styles End-->
    </head>


3. Sekarang Cari Kode Ini :
<div class='post-footer-line post-footer-line-1'>
 
Keterangan : Jika tidak menemukan kode itu Coba yang ini :         

<p class='post-footer-line post-footer-line-1'>
 
Sekarang segera setelah adanya garis-garis ini   ( jika kamu udah nemuin kode yang di maksud )   tempatkan kode ini :


<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><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>
<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=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if> 
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://www.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

Ya Udah ... Cuma Gitu ajja koq Caranya..., Mudah khan...??!!! 
Selamat Mencoba dan Semoga Berhasil,  Jangan Lupa Tinggalkan Komentar... Okey...??!!

Komentar :

ada 5 komentar ke “Cara Membuat Related Post dengan Foto untuk Blogger biar kelihatan Cantik”
4FILESOFT mengatakan...
pada hari 

wah ini yang saya cari...
makasih sob...
nice post..

ayu mengatakan...
pada hari 

aq masih lum ngerti nih......

Muhammad Raiz mengatakan...
pada hari 

trima kasih banyak bro,,,infonya b'manfaat skali...
ditunggu kunjungannya........
Raiz....

PutraHosting.com dapur hosting hemat mengatakan...
pada hari 

kok sulit sekali ya Gan

Anonim mengatakan...
pada hari 

girlfriend, ex girlfriend, amateur porn, ex gf, gf, rate my girlfriend, ex girlfriend pics, November 26: Gorgeous amateur babes show off hot whaletails

Check out this beautiful redhead model on All Pro Models. Redhead Alert! Hardley Surtan has some beautiful redheads on this blog. Redheads have more sex!

Ada kesalahan di dalam gadget ini

Kasih Makan Ikan Yuuk ...

Bintang Biru berkerlip di Peta adalah yang sedang baca Blog

================================ Powered By : Online-21 Copyright © 2010