trans online

Blogspot Template Blog - Berbicara tentang blog tentu berbicara tentang template blog ( blogspot ) dan berbicara tentang template blog tentu sobat akan mencari template blogspot tebaik dan berbicara tentang template blogspot terbaik saya rasa sampai sekarang belum ada tuch... hihihi

Mungkin sobat blogger merasa aneh dengan judul dalam postingan kali ini, namun mungkin bagi sebagian blogger juga sudah tahu bahwa maksudnya yaitu untuk menembak keyword. jadi, bagi sobat blogger yang merasa ke sasar dengan menggunakan keyword Blogspot Template Blog, mohon maaf .. dan jika berkenan silahkan lihat - lihat dulu artikel lain di blog ini terutama yang berhubungan dengan template blog . di antaranya..

1. Cara Mengganti Template Blogger 
2. Tatelu Blogger Template 
3. Tatelu Blogger Template V2
4. Template Blogger Seo Friendly 2012

 Silahkan di download templatenya jika di rasa pas dengan keinginan sobat blogger.

Salam!!!

Baiklah saya langsung saja yah all, soalnya da keburu mlm :D , jadi Related Post (Artikel Terkait) yg akan saya share kali ini, yaitu related post ala template gallery yg dmna dilengkapi thumbnail images overlay. nah berhubung karena saya telah memasang related post pada tempalate yg sy share beberapa hari lalu, jadi sobat bisa melihat contoh secara details dari related post ini.!heheee,..

Oke, biar gampang bisa dilihat seperti gambar di bawah ini :


atau bisa lihat contohnya pada template saya disini,... Gimana?? tertarik untuk memasangnya....
jika begitu sobat tinggal mengikuti langkah-langkah berikut.

1. Login ke blogger
2. Tata Letak.
3. Edit HTML.
4. Carilah kode </head> ,lalu letakkan Kode CSS berikut tepat diatasnya.

<b:if cond=data:blog.pageType == &quot;item&quot;>
<style media=screen type=text/css>
/*----- http://.blogspot.com/ Related Post -----*/
.relatedproduct h1{font:bold 22px arial;color:#5E0001;text-shadow:0 1px 0 #444;}
ul#related-posts{font-size:15px;list-style:none;text-transform:none;margin:10px 0;padding: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:4px solid #bbb;display:block;height:106px;position:relative;width:101px;color:#eaeaea;text-decoration:none;text-shadow:0 1px 0 #000}
ul#related-posts li .overlay{height:100px;line-height:16px;position:absolute;width:95px;z-index:10;padding:6px 0 0 6px}
ul#related-posts li a:hover .overlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg_cmaktdJ-P61A6jFOnz7TvgkOAHIhPDxg6dfcUIY2RA3__mQ2jg4SqpHBg_f7liNk2qrhrqJv4eWrBYEoaYbB9zdnqwCA9vjLmc0ms-a_sJ040JsuIUyliyUfvTcKHG63SYd-5LwyQs/s1600/transparant.png);display:block!important;}
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);border:4px solid #666}
</style>
</b:if>

5. Langkah Selanjutnya kita cari lagi Kode <p><data:post.body/></p> , Setelah ketemu, letakkan kode script berikut tepat dibawahnya. (bisa juga diletakkan diatas kode <div class=post-footer-line post-footer-line-1> )

<!-- Related product  -->
<b:if cond=data:blog.pageType == &quot;item&quot;>
<div class=relatedproduct>
<h1>Related product you might see:</h1>
<script type=text/javascript>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbGv3gF88aCpNXbeNYm_SiBPIV41laYd1nohJm8qlT9NPCOWewKo6_CSUHTyIhvJV76XAhDYYuCKeVE92iX4cNXXoiDUiMRt5JitxxDLrTC97GM1KKnD-tFKOS8SM_z22Ccy3oSuZFqsc/s1600/no+image.jpg&quot;;
var maxresults=6;
</script>
<script type=text/javascript>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.media$thumbnail.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src="",a);c=s.indexOf(""",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else{if(typeof(defaultnoimage)!==undefined)thumburl[relatedTitlesNum]=defaultnoimage;else thumburl[relatedTitlesNum]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiai89Tgijx0OK9d-N5fb3-9X01BKB9dArZysiYVxingwqa42CvjaGgbidQlrRyb8LJQuA_VGe7qUJ-n4CWfFAz0-Tq0BIxKI6qF6P0GKDRbPZN_iYzHxSmxIOyxxsGZdPBoNmnysDgTgk/s400/noimage.png"}}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel==alternate){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(current){var splitbarcolor;if(typeof(splittercolor)!==undefined)splitbarcolor=splittercolor;else splitbarcolor="#d4eaf2";for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==current)||(!relatedTitles[i])){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write(<ul id="related-posts">);while(i<relatedTitles.length&&i<20&&i<maxresults){document.write(<li><a);document.write( href="+relatedUrls[r]+"><span class="overlay" style="display:none;">+relatedTitles[r]+</span><img style="width:101px;height:101px;border:0px;" src="+thumburl[r]+"/></a></li>);i++;if(r<relatedTitles.length-1){r++}else{r=0}}document.write(</ul>);relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
//]]>
</script>
</div>
<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>
</b:if>
<div style=clear: both;/>
<!-- Related product  -->

6. Priview dulu, jika tidak terjadi masalah pada templatenya, maka baru Klik SIMPAN TEMPLATE.

NB :>> Diatas terdapat tulisan yang berwarna, sobat tinggal merubahnya saja sesuai keinginan.

Lihat Juga Related Post Yang Lainnya :

1. Pasang Related Post (Artikel Terkait) Thumbnails - Marquee (Berjalan). dan
2. Pasang Related Post (Artikel Terkait) With Thumbnail And Summary.
3. Pasang Related Post (Artikel Terkait) Cantik Ala Utta Bag.2

woke.. saatnya pengumuman dari sekian lama.. dan ini gw sengaja post pagi" karena klo siang gk sempet XD... ya karena dari jam 13.00-17.30 gw mau ikut test utk masuk SMKN 2 Pkp .. yaa doain ya karena ini test terakhirnya... sebelumnya sumpah gw bingung nentuin pemenangnya karena eh karena template kalian semua bagus", ringan" .. XD pokok nya susah bgt nilainya... yaa tapi mau tidak mau harus ada pemenangnya ... ya langsung saja ya...



dan untuk pemenangnya:


JUARA 1

- Nama Author : Ridhwan Kurniantoro- Nama Blog : RIEDZ- Url Blog : http://ridhwaank.blogspot.com/- Original Template : MAMZERD V1- Nama Template : RIEDZ V1- Design/Re-design : Re-Design- Apa saja yg udh di re-design : Warna, Gambar, Header, Posting, Sidebar, Menu- Makna Template : Tenang, Menghanyutkan- Url Facebook : http://www.facebook.com/musashi.riedz

Awardnya:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsMUVcB2ytZuWm8Ms7s_VtmC7lg_3gf3gYfeOWGEpXAc9pe5DVKxXlDiN2Fy7M4pnOgvcE6brFDHduZ6dzuKa7qklAjzrtbsLjsCk9fp4iKJc0lvu5psu58tXJS6nsjXno9mFOseXbfAY/s320/award+juara+1+copy.png

 JUARA 2

- Nama Author : Rezza Makapuan- Nama Blog : RAZEE48- Url Blog : http://zhaa-inc.blogspot.com/- Original Template : Black Rock Shooter ( Mamzerd V.1 :V )- Nama Template : RAZEE V.4- Design/Re-design : re-Design- Apa saja yg udh di re-design : Header , Footer , Sidebar , Post , DLL- Makna Template : Abaikan ._.- Url Facebook : fb.com/FANSCLUBXzX

Awardnya:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguDsw9Lx9PzR-tdyL66lqysEGE6WYUBA6_RBFjKK4U7OUhkte0QmA3Fs64tB3qhwCnxGFTYi-lq6i7DXuBzbLRPTSaMcqeGZryzfclEdL0Otxjmg9aMHWPWKczMh8GEsQTQbJks1IUUbk/s1600/award+juara+2+copy.png

JUARA 3 

- Nama Author : Imam Fajar- Nama Blog : Mamzerd「48」Mayuroid- Url Blog : http://mamzerd.blogspot.com/- Original Template : Qhiyy- Nama Template : Mayuroid v1 - Design/Re-design : Re-Design- Apa saja yg udh di re-design : 95% :v :v :v - Makna Template : pikirkan sendiri -,-- Url Facebook : fb.me/me.mamz

Awardnya:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbSdBhaOa1XBm9tuYCIHwL8SxFi480LCmPfYp8cOy3Hm603-EySQCLWA2p_zQsZ-OtTGnjZSfY22TJPKthmaaBLjisMoYfOJiF6aNg92XHgp9HPqlDsPPAAYqfVjiOa0B3W8sLXLfi18w/s1600/award+juara+3.png

JUARA 4 

- Nama Author :m.faisal- Nama Blog :orblues creativity- Url Blog :www.ichalilmu.blogspot.com- Original Template :mamzerd (djohanes)- Nama Template :thinking ahead- Design/Re-design :re- Apa saja yg udh di re-design :banyak mass- Makna Template :pikiran lebih maju ,tepatnya thinking ahead :D- Url Facebook :www.fb.com/leg12345

 Awardnya:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCkHf06Bg4IUK5wEyt5q1XF873SUzZfV4wnT4N2IdSpzTORxZSg9YtBuG88PrLXfxMcBxaPkVSX6hgTxrtXFACBbkwnDBrcd8SuwoPfS_6CjrPRzE00Vuv9eA9q-N1ivNmEJDHmQFHj9g/s1600/award+juara+4.png

 JUARA 5

- Nama Author : Muh Fahri Alwan- Nama Blog : Momis-Creation- Url Blog : http://chakimomis.blogspot.com/- Original Template : Shinipuru v2 ( Djogsz )- Nama Template : Sasuke v1- Design/Re-design : Re-design- Apa saja yg udh di re-design : Header , Post DLL- Makna Template : entahlah- Url Facebook : http://www.facebook.com/muhfahri.alwan

Awardnya:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Y3Ypt-DSVgSCM0N1e1YgKj6iuclKFc3f1MOAVSgu18CjpaBo_xZFapFbSH-2yhs6GvO4nphDNtPcGLTDPprEOvZLW272XiwVjggbjvX0_mKomFSpD5_0Em99kZx9yqLFELI-WvXeOuY/s1600/award+juara+5.png

JUARA 6 

- Nama Author : Muh Syaifullah Mhfdz- Nama Blog : Scuiszz-Creation- Url Blog : http://galpock.blogspot.com/- Original Template : Johanes DJ- Nama Template : Wizard Mashiro- Design/Re-design : Re-design- Apa saja yg udh di re-design : Banyak liat aja sendiri- Makna Template : Ga tau gw juga bingung- Url Facebook : http://www.facebook.com/muhsyaifullah.mhfdz

Awardnya:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiLMuV8os2x8w06Oyth8xnTsYfRKHsJX0Tnxe3g8CIxiv1q7QlEnluVOUJrzFGUCVlltfPYvWZZg_e4SB_4xgoBdrGWuG2phGz8XHqI6yiFZnF7IqxEC6PhwCllgktxKQgY0RAE-O1SpY/s1600/6st+copy.png

JUARA 7 

- Nama Author : Muh Ary F- Nama Blog : The Masked Man- Url Blog : maskedx.blogspot.com- Original Template : zoombie mors- Nama Template : MaskedX- Design/Re-design : reDesign- Apa saja yg udh di re-design : banyak- Makna Template : entahlah- Url Facebook :http://www.facebook.com/tmasked.x

Awardnya:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHR9bxamGf0DGmkVoaQVezj5ZO5Zf_yV4riCE91uUagLETFbVxwYGlKKTddWXcx9BJKQ3aGhojxcjNW2R6Q1Qzku1L51mVjqO9S1uWe8AVUSw5ZOZnH2pPMj7cmGupmSAZR7mwdEO59nw/s1600/7st+copy.png

JUARA 8 

- Nama Author : Hatta Riau Marwangsyah- Nama Blog : Rozers Zone- Url Blog : http://anonymous-evolution.blogspot.com/- Original Template : Blog Johanes- Nama Template : R.Z V.1- Design/Re-design : Re-Design- Apa saja yg udh di re-design : Header, sidebar, footer, css, html, hampir 90% dahh- Makna Template : Tentang warna kesukaan gue, Dannn sesuatu banget xD- Url Facebook : http://www.facebook.com/Hatta.Riau.Last.Child.JJPNS

Awardny:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFfPBLA2ngS_Geb7HvDU4uQMGPA2jIee9xMlmxtR85H47hMYIRvE_mL1pid4u2Ib8TlcPKE8uCbREyBMFXy5rM1t0BB0EnxGQjiKrPA-3Trh6QTT-hNjvk-B28zYT5KsIl90UyNggg03I/s1600/8st+copy.png

JUARA 9 

- Nama Author :M.Teguh Arief- Nama Blog :Creative Shadow Style- Url Blog :http://yoursee.blogspot.com- Original Template :johanes Djogan- Nama Template :CSS V.2- Design/Re-design :Re-Design- Apa saja yg udh di re-design : css, html, dll- Makna Template :kebersamaan dan kerukunan adalah segalanya- Url Facebook : https://www.facebook.com/m.teguharief

Awardnya:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi39ZRtDsSOruTbEk8uNR_1Ckwft8rUM9CNEV55NWXNckCS8bAxaDaikFklyXqxS2E4VGq15ubpI2sC3Wiz4tr90bMA1PwyFraYBsl8hyphenhyphenjOP1Mmvfuoys-0BeossAXe1qm6Kvw3YaW2s1E/s1600/9st+copy.png

JUARA 10

- Nama Author : Chandra Aryoz- Nama Blog : Aryoz Comunity- Url Blog : http://aryoz-comunity.blogspot.com- Original Template : MKR Site- Nama Template : The Red Yozers V.2- Design/Re-design : Semua... XD- Apa saja yg udh di re-design : Byk ah.. males nyebutin- Makna Template : Dark Itu Indah- Url Facebook : http;//facebook.com/chandra.aryoz

awardnya:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXdFo2IqLxHZDEjv_hMvzikBEa_gDyozOB5VLEhNmPhF-pWf1R7xWXXSFl3gmAsufm1nc32gBvzq1SmqixK-dzysAVyOt5lF4UakqlDVrRYV34633b0xmYk3OwLGO_HLc2KiI-DH0ZKUY/s320/10st+copy.png

 oke sudah semua. ya begitulah didalam sebuah kompetisi, apalagi didunia maya.. pasti bnyk org" yg lebih bagus dari kalian... dan untuk yg tidak menang tidak perlu berkecil hati.. karena say sudah menyiapkan award khusus Partisipasi untuk kalian ...

To All Participation:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5YOOUO_-9EDDQQVeKxi1s5NHAZ2_ov168cYR3rkse5JgtPKbTD5yvGoyeLowyeddgxiF9aPfSHwRwu8Vg4nkw2oX3gxR0cM2Th4dZJlcx7suJirpiXNjEmeNiYYMGwp2I8HmEYMR8DXc/s400/sdsdsd.png

monggo silahkan diambila yaaa. :D ...
dan untuk Juara 1-----3 ya.. silahkan hubungi saya untuk pengambilan hadiah pulsa di:
My Facebook : >>KLIKDISINI<<
My No HP : 081949081477
tapi maaf sebelumnya.. hri ini dari jam 13.00-17.30 saya ikut test utk masuk SMKN2 PKP.. jadi hadiahnya kira" bisa saya kirim paling malam harinya atau besok harinya...
oke... nantikan Award Selanjutnya kira" pda tgl 26 ya gitu lah XD...