Cara Membuat Artikel Terkait Sederhana Pada Blog




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2MFRYNkva6Z4N-f84aMQluL2NLufhe0rpsf9U0F9liSr1Ka8InMXzm780RXaVllK0aL1PxhYSWK_kBezqslOnnOAFAvqVCE2ItXh1bTyLnW0yqof9vYRCMCd-1om-wiDpLtdg6B_9434/s640/Untitled.png 

Cara Membuat Artikel Terkait di Blogspot - Testimoni, baca dulu: 3 Cara Membuat Artikel Terkait atau Related Post di Blog. Model sederhana dari bentuk artikel terkait lebih ringan dalam me’load’ label ketika akses halaman posting. Bentuk yang friendly dan simpel dapat sobat terapkan langkah-langkah pembuatannya pada Blogspot di bawah ini, cekidot:
1. Login pada akun Blogger sobat,
2. Setelah berada di Dasbor, beralih ke Template dan klik Edit HTML,
3. Muncul kotak editor template, sembarang klik di salah satu kotak tersebut, kemudian tekan Ctrl + F,
    cari kode </head>,
4. Letakkan kode css dan script di bawah ini sebelum 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/AVvXsEgheTvLRBnSus9uE806oAmyNgp9aGQyPGalAhNbdFP79DDmP0DD4z9BrRUHcHz6OEvql_ZtS6qTSGxtD_yKneEfe7Vr2iHHFVLMVL6t4y2775X91gNdVHg6rjtWWJDbB24eMP0RQc4NMVIO/s1600/rss.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='http://yourjavascript.com/0542826181/ttm.txt.js' type='text/javascript'/>
5. Setelah itu cari kode <data:post.body/> atau <div class='post-body> dan letakkan script berikut
    di bawahnya,
<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;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>     

 Intinya, meletakkan kode tersebut berdekatan dengan post-entri.

6. Klik Simpan Template, dan sobat lihat hasilnya.



2 komentar to "Cara Membuat Artikel Terkait Sederhana Pada Blog"

Posting Komentar

Diberdayakan oleh Blogger.
SEO Reports for cara-tips-dan-informasi.blogspot.com My Ping in TotalPing.com

Blog Ini Dilindungi Oleh :

About This Blog

Selamat Datang Di Blog Cara, Tips dan Informasi.... Cara, Tips dan Informasi menyajikan berbagai Cara, Tips, Informasi, & berbagai Download... Semoga bermanfaat..

Popular Posts

Label

Translate

Followers

Iklan

Pasang Iklan disini
Pasang Iklan disini

Powered by 123ContactForm | Report abuse