Cara Buat Artikel Terkait di Blog
Biasanya memang di dalam suatu untuk template bawaan atau aslinya tidak menyediakan widget Artikel terkait / Releated Post dan apabila di suatu blog sudah ada artikel terkait / Releated Post tentunya itu sudah di edit, oleh yang punya jadi pada waktu sobat pertamakali membuat blog dan menggunakan Template asli pasti belum ada widget Artikel terkait, kegiatan semacam ini banyak sekali dilakukan oleh blogger karena kegiatan ini adalah bagian untuk membangun atau meningkatkan Optimasi SEO di blog.
Kenapa Bisa Begitu ?..........
Dikarenakan biasa menambah page view dalam blog sobat, sebab dalam sebuah artikel / postingan apabila sudah diberi artikel terkait pasti dibawah postingan atau di halaman blog akan ada beberapa artikel yang terlihat baik itu berupa tulisan, barner atau gambar dengan tulisan akan tampak disana, dan para pengunjung blog pasti akan selalu melihat Artikel Terkait / Releated Post yang berkaitan atau bersangkutan dengan artikel yang sedang dibaca jadi para pengunjung akan mudah menemukan artikel yang saling bersankutan tersebut dan akan membuat pengunjung berlama-lama di blog sobat, nah seperti itulah gambaran dan hasilnya kalau kita memasang Widget Artikel Terkait / Releated Post dan akan menguntungkan bagi sobat sekalian.
Bagi para sahabat sekalian yang ingin Membangun sebuah blog untuk Optimasi SEO silahkan sahabat sekalian simak langkah tutoriarnya dibawah ini :
1. Masuk / login ke www.blogger.com kemudian masuk ke dasboard
2. Klik pada menu Template => Edit HTML
3. Cari kode </head> gunakan tombol Ctrl + F di keyboard supaya cepat ketemu
4. Kemudian copy kode yang ada dibawah ini dan letakan di bawah kode </head>
<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #00ff00;}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#df0101; text-transform:uppercase;}
#related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:90px;height:90px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}
#related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;}
#related-posts .related_img:hover{border:4px solid #fe2e2e;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
<script type='text/javascript' src='http://makingdifferent.github.io/blogger-widgets/related_posts_widget.js' />
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
5. Kemudian cari lagi Kode <div class=’post-footer’> atau <data:post.body/>
biasanya ada dua kode pilihlah kode <data:post.body/> yang ke 2
6. Copy kode dibawah ini dan letakan tepat dibawah kode <div class=’post-footer’>
atau <data:post.body/>
<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<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_thumbs&max-results=8"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=8;
var relatedpoststitle="<b>Artikel Terkait:</b>";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerwidgetgenerators.com'><img alt='Blogger Widgets' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIL6hSnYiAjBhbWH4BPZdWKo22Ct9wkA4vrDRHHqA5ItKyS-rNxaCKrZgyaxnJ_boEzA8e31NDPkqhHFHYdEsZG_vugDsII3DSbGARwdABkPAocO76Ae27FBpPt0UvrY1TE1Q8I6dVP_QO/s1600/best+blogger+tips.png'/></a>
</b:if>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
Silahkan sobat sekalian edit atau ganti tulisan yang admin tandai dengan warna merah sesuka sobat, pada angka 8 di atas menunjukan masimal post / artikel yang di tampakkan, untuk tulisan Artikel Terkait adalah judul bisa sobat ganti yang diinginkan.
Kemudian setelah selesai jangan lupa simpan Template dan lihat hasilnya apabila kurang sesuai di hati sobat silahkan di edit ulang, selamat mencoba Cara Membuat Artikel Terkait / Related Post
No comments:
Post a Comment
Silahkan Berkomentar Sesuai Artikel di atas
Thank's