Membuat Postingan yang Berhubungan Plus Gambar


Tips blog saya yang sekarang adalah membuat Postingan yang berhubungan plus gambar.
Anda dapat melihat contohnya disamping. Dan anda juga dapat melihat tipsnya dibwah ini:


1. Pertama, Login dulu, kemudian pergi ke halaman Edit HTML, jangan lupa memberi tanda centang pada "Expand Widget Templates"


2. Cari kode ini </head>
(untuk mempermudah pencarian tekan CTRL + F )


3. Kemudian GANTI dengan kode dibawah ini:

<!--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: 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 src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>

</b:if>

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

</head>

4. Cari lagi kode dibawah :
<div class='post-footer-line post-footer-line-1'>
Atau

<p class='post-footer-line post-footer-line-1'>
Kalo sudah ketemu, masukan semua kode dibawah ini DIBAWAH setelah kode diatas tadi yang anda temukan.
<!-- 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=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://hatake-en.blogspot.com/2009/12/membuat-postingan-yang-berhubungan-plus.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>

<script type='text/javascript'>

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

var maxresults=5;

var relatedpoststitle="Baca Juga Dibawah Ini :";

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

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

</b:if>

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

Disave deh.. :D

Comments :

13 Komentar to “Membuat Postingan yang Berhubungan Plus Gambar”
Jaka Utama said...
on 

wah alternatif selain linkwithin ya

mas doyok said...
on 

kalau ada gambarnya jadi lebih nyus :) sip deh

Anonymous said...
on 

wah mamta[ tapi sdh saya coba tu wkwk

Ronaldo Rozalino said...
on 

Dicoba dulu deh ya bro!!!

Hidup Untuk Berbagi said...
on 

nice share broo...thanks infony!!!tq udah pasang link ku

Zhys said...
on 

all>> ok2.. thanks dh bri komntar.. :D

Unknown said...
on 

mantep sob... keep posting...

tech said...
on 

oke sobat.. nambah pengetahuan pada otakku tentang blogging,, keep blogging brother,, thanks for your article

Still wish said...
on 

mantap infonya sob makasih ya

asep canda said...
on 

ini dia yang aku cari cari sob langsung praktek ah

prafangga said...
on 

thx gan tipsnya bermanfaat

Zhys said...
on 

firex>> sama2 rix

tech>> y.. :D

Stil Wish>> makasih,,

asep>> yap.. :D

KANdaNGTips.bloGspot.Com said...
on 

wah... yang mau blognya menarik, kayaknya wajib baca post ini nih!?

Post a Comment