Cara Serba Mudah: Cara Membuat Artikel Terkait/Releted Post Tanpa Gambar

Cara Membuat Artikel Terkait/Releted Post Tanpa Gambar

Sebenarnya sangat penting bagi para pengguna blogger untuk menggunakan ARTIKEL TERKAIT ini karene dengan menggunakan artikel terkait maka artikel artikel yang berhubungan dengan postingan akan muncul dibawah postingan.

Selain berguna untuk menghubungkan artikel, ARTIKEL TERKAIT berguna untuk meningkat SEO, jadi ARTIKEL TERKAIT sangat penting bagi para pengguna blogger,

Dalam artikel terkait sebenarnya ada 2 pilihan yaitu ARTIKEL TERKAIT dengan thumbnail / gambar dan ARTIKEL TERKAIT tanpa gambar, nah untuk kali ini saya akan memberikan cara membuat ARTIKEL TERKAIT tanpa gambar.

LANGKAH 1 :
silahkan buka blog kamu dan pilih TEMPLATE >> lalu pilih EDIT HTML
jika sudah lalu kamu cari kode ]]></b:skin>.
nah jika udah ketemu lalu copy dan letakan script dibawah tepat diatas kode ]]></b:skin>

jika sudah klik SIMPAN

#related-post background:none;

width:100%;

margin-top:35px;

margin-bottom:10px;

padding:5px 0 10px 0px}

#related-post h4{font-size:150%;

text-transform:uppercase;

margin:0 0 15px;padding:0;

font-weight:normal}

#related-post li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX6Ey8_Cz9drUv9NdBGRLxK-lLosRDjN4mS51V00bXvYvo6gV2EPGYI5Tlc_jFAwwQ9AzHZmbynA_HJ25kZ1yzeZzWEUVaftY-fE226LdoYDTtYSlmPzhFWcsDpxKTTN_8Up7U3D453tRv/s1600/bullet.png) no-repeat 1px 5px;

color:#2c3e50;text-indent:0;

line-height:1.6em;

margin:0;padding:0 0 3px 19px}

#related-post .widget{margin:0;padding:0}#related-post ul{list-style:none;

margin:0;padding:0}

LANGKAH 2 :
nah pada langkah ke dua ini kamu harus melakukannya dengan hati hati karena banyak yang gagal dilangkah kedua ini.
kamu cari kode <data:post.body/> yang ke-2 dan ganti kode tersebut dengan kode dibawah.

setelah itu klik SIMPAN

<b:if cond='data:blog.pageType == "item"'> <div id='related-post' class='related-post'/> <script type='text/javascript'> var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> "<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop></b:if>]; var relatedPostConfig = { homePage: "<data:blog.homepageUrl/>", widgetTitle: "<h4>Artikel Terkait:</h4>", numPosts: 5, titleLength: "auto", containerId: "related-post", newTabLink: false, widgetStyle: 1, callBack: function() {} }; </script> <script type='text/javascript' src='https://kang-is.googlecode.com/svn/trunk/javascript/related-post.min.js'/></b:if>

NB: tulisan berwarna biru berguna untuk seberapa banyak kamu ingin menampilakan artikel terkait.