related post valid html5 under blogger

 pasang related post valid html5 ini mudah sekali penerapan nya ini saya share script related post valid html5 ini saya mendapatkan kode related post valid html5 dari teman dan saya modif lagi agar valid html5
 pertama biasa login ke akun blogger anda
 pilih nama blog anda yang mau di pasang artikel terkait lalu pilih template
 dan back up dahulu template anda

 langkah selanjutnya anda simpan kode css related post tepat diatas kode </head> bila blog anda sudah di modif simpan saja sebelum </style>
ini kode nya silahkan copy
#related-posts {
float : left;
width : 540px;
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(&quot;https://1.bp.blogspot.com/_cNpXRtRph18/SpbSRYurg2I/AAAAAAAAD7Q/ GbYNm2feyIQ/rss.png&quot;) 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;
}
#related-posts ul li:hover {
background-color:#E2EBF8;
border-top:1px dotted #cccccc;
}
</style>
<script src='https://oemar.googlecode.com/files/Related_post _hack.js' type='text/javascript'/>

lalu cari kode <data:post.body/> atau <div class='post-body> tergantung template sih soalnya beda" tapi rata" pake kode yang pertama, ok sudah ketemu <data:post.body/> kita simpan scriptdibawah ini setelah kode <data:post.body/>
ini kode nya
     <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 != &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;amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
    <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
    </script>
    </div></b:if>


lalu save template nya dan hasil nya seperti dibawah ini
related post valid html5

bagaimana pasang sript related post valid html5 mudahkan

Komentar

  1. silahkan berkomentar sesuai title :-)

    terima kasih

    BalasHapus
  2. Bos masih belum falid, muncul peringatan seperti ini:
    Bad value /feeds/posts/default/-/Aqiqah surabaya?alt=json-in-script&callback=related_results_labels&max-results=5 for attribute src on element script: Whitespace in path component. Use %20 in place of spaces.

    BalasHapus
    Balasan
    1. oya sob untuk spasi kan ada keterangan harus pake %20 nah itu tmbhin jadi Aqiqah%20surabaya :-)

      Hapus
Posting Komentar

jangan berkomentar berbau sara dan spam :)