Cara memodifikasi related post dengan tumblr (bergambar)

cara memodifikasi related post terkait dengan thumbelr anna namakanya seperti itu.....
ok sahabat ini anna dapatkan dari blogger seseorang yang di dapat dari blog maskolis.
 kalau sahabat tertarik akan related post yang seperti ini:

kalau sahabat mau silahkan sahabat copy pastekan di blog sahabat.
dengan mengediet html blog sahabat .... itupun kalau sahabat bosan akan related post sahabat.
oya sahabat related post tumblr ini sama dengan post yang terkait pada blog sahabat bila postingan
sahabat terterara dalam lebel atau sudah di buat kan label atau catagori judul blog sahabat.

sahabat dari pada kesa kesini sambil ngopi air mempeng panas.
sahabat langsung ajja ke tample lalu Ediet HTML
cari kode ]]></b:skin> setelah ketemu sahabat langsung  copy pastekan kode di bawah ini tentunya  di atas kode ]]></b:skin> ok


#related{width:100%;border-bottom:0px solid #ccc;margin:.1em 0 .5em;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKG9VfSYbPT3eyVuaIikBp8zliqdmY73DnAByuFWB43_8-UJgniM0aFTqFKNr-Q4t_rY2sd4MhbGXkXRop6ycNBsLjIhBE_dc20sCa6GMwdCYUw9lwpvCawH9xzZPVsUS49RKZh7XbgPE/s1600/frame_shadow+copy.png) no-repeat bottom center;padding:0 0 35px}
ul#related-posts{font:bold 11px Arial;list-style:none;text-transform:none;margin:10px 0;padding:0}
#related .related-posts{width:650px;margin:5px 0 0;padding:10px 15px 0 0}
ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px}
*html ul.rp#related-posts li{margin:0 13px}
ul#related-posts li a{-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);border:1px solid #aaa;display:block;height:77px;position:relative;width:77px;color:#000;text-decoration:none;text-shadow:0 1px 0 #ccc}
ul#related-posts li .overlay{height:72px;line-height:16px;position:absolute;width:72px;z-index:10;padding:5px 0 0 5px}
ul#related-posts li a:hover .overlay{background:#fff;display:block!important;opacity:0.9}
ul#related-posts li img{bottom:0;padding:0!important}
ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25)}
.clearfix:after{content:&quot;.&quot;;display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}


setelah itu sahabat cari kode <data:post.body/> setelah ketemu sahabat tempatkan di bawah kode <data:post.body/> hati-hati sahabat bila dalam kenyataan tidak bisa maka sahabat harus teliti dalam penempatan atau pilihan di kode tersebut karna ada beberapa pilihan maka sahabat bisa di tempatkan yang ke dua atau yang ketiga, yang terpenting sahabat ketiaka mencari kode <data:post.body/> enter dua kali sehingga pilihan keluar nah di situ sahabat tinggal tempatkan  ok



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='clearfix' id='related'>
<div class='related-posts'>
<h2 style='display:block;font: 18px Oswald;'>Sahabat baca juga:</h2>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJH8z7OGiJgCmAZWPZMkzhg6-XGmah9f0KTuCBYpljqxcd9O6XYZ-D99xmaXBYPRRtDQMLpwe0J-yk2I-tjWu2VDy4TwbKM62NFev0U_4im3FsilF45bAk7ZouVB_pzLENQdHPPUvuvW4/s1600/no+image.jpg&quot;;
var maxresults=14;
</script>
<script src='http://yourjavascript.com/1198561349/relatedimg.js' type='text/javascript'/>
<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=14&quot;' type='text/javascript'/>
</b:loop>

<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>              
</div>
</div>

</b:if>

lalu save dan lihat hasilnya

Share this post