Membuat Related Post Blogger
Langsung saja ikuti petunjuk dibawah ini !
1.
Login Blogger.com
2.
Klik Rancangan » Edit HTML
3.
Back up template lama Anda agar jika gagal, tidak merusak tampilan
blog.
4.
Klik "Expand Template Widget".
5.
Gunakan Ctrl + F untuk mempermudah pencarian.
6.
Masukkan kode css berikut tepat atas kode </head>
=================== Masukkan kode css berikut tepat atas kode
</head>=================
<style>
#related-posts { float : left; width : auto; margin-top:20px; margin-left :
5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; }
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding
: 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px;
font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a
{ text-decoration : none; } #related-posts a:hover { text-decoration : none; }
#related-posts ul { border : medium none; margin : 10px; padding : 0; }
#related-posts ul li { display : block; background :
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSAZ7cpKTIuW1VrItJelenBwBvQ7uaFeQBBMQd4QzygDTFkB5jya4DDx5EuE8UYwZNDqDmFgUx3EDoHKzrv2lVy4hUe0p2pUvmTHxsNoUJprAgXD_6bUCttwkfEt7FfzAS9iYXjkix38E/s1600/arthur.png")
no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom :
1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px
dotted #cccccc; } </style> <script src=https://sites.google.com/site/jscript911/script/rp.js'
type='text/javascript'/>
7.
Cari kode <data:post.body/> atau <div
class='post-body> usahakan yang
berdekatan dengan post-entri, Kemudian copy code dibawah ini, letakkan tepat
dibawahnya.
============== Cari kode <data:post.body/> atau <div
class='post-body> ================
<b:if
cond='data:blog.pageType == "item"'>
<div
id="related-posts">
<font
face='Arial' size='3'><b>Related Posts :
</b></font><font color='#FFFFFF'><b:loop
values='data:post.labels' var='label'><data:label.name/><b:if
cond='data:label.isLast != "true"'>,</b:if><b:if
cond='data:blog.pageType == "item"'>
<script
expr:src='"/feeds/posts/default/-/" + data:label.name +
"?alt=json-in-script&callback=related_results_labels&max-results=5"'
type='text/javascript'/></b:if></b:loop> </font>
<script
type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
8.
Kemudian SAVE dan Lihat hasilnya.
+TIPS JIKA GAGAL MEMASANG RELATEDPOST
Ini yang menjadi perbedaan dengan blogger lainnya, saya akan
memberikan tips – tips pemasangan script.
Dalam pemasangan tiap script apapun itu tidak semuanya cocok,
dikarenalan perbedaan dalam menggunakan template. Lalu apakah solusinya ?
Okeh langsung saja ya.
1.
Pada saat kawan mencari kode <data:post.body/> atau <div
class='post-body> pada template kawan, pastikan kawan sudah mencentang
“Expand Template Widget” hal kecil ini biasanya disepelekan oleh para blogger
sehingga tidak akan bisa ketemu kode <data:post.body/> atau <div
class='post-body> jika tiak mencentang EXPAND TEMPLATE WIDGET.
2.
Ketika kawan menemukan lebih dari satu kode <data:post.body/>
atau <div class='post-body> , maka pilih kode yang terakhir untuk
menempatkan script. Setelah itu save dan mencoba lihat hasilnya. Jika belum
berhasil pasang juga scriptnya pada kode yang kedua dari terakhir (jika kode
<data:post.body/> atau <div class='post-body> lebih dari satu.).
Save dan
lihat hasilnya. Jika gagal lagi, pasang juga scriptnya pada kode ketiga dari
terakhir dan seterusnya.
3.
Jika terjadi kasus seperti ini :
<div
expr:id='"summary" +
data:post.id'><data:post.body/></div>
<script.............. pageType ==
"item"'><data:post.body/></b:if>
</p>
saat
mencari kode <data:post.body/> atau <div class='post-body>.
Maka
tempatkanlah scriptnya setelah kode penutup dari script yang kawan pasang
sebelumnya. Pada contoh diatas kode <data:post.body/> sudah dipakai untuk
script READMORE maka, pemasangan script RELATEDPOST setelah penutup script
READMORE.
LALU SAVE
DAN LIHAT HASILNYA, JIKA MASIH GAGAL JUGA SILAHKAN KAWAN IMPROVE SENDIRI DENGAN
SEDIKIT TUTORIAL YANG SAYA BERIKAN DISINI.
0 Response