J

A

L

A

N

T

I

K

U

S

!

!

  • NONTONYUK!
  • Pasang Iklan
  • Hubungi Kami
  • Tentang Kami
  • Kerjasama
No Name
 

Cara Membuat ARTIKEL MENARIK di Bawah Postingan Blogger

Cara Membuat ARTIKEL MENARIK di Bawah Postingan Blogger

Selasa, 18 Okt 2016, 14:00 WIB
Di setiap artikel JalanTikus, ada bagian Artikel Menarik yang berisi artikel rekomendasi untuk pembaca. Nah, kamu mau nggak nih punya Artikel Menarik juga di setiap postingan blog milikmu?

Bagi kamu pembaca setia JalanTikus, pasti sudah tidak asing dengan kehadiran Artikel Menarik di bawah setiap artikel yang tampil. Bagian itu berisi link 5 artikel yang direkomendasikan untuk kamu. Gimana, selama ini kamu merasa terbantu kan dengan adanya Artikel Menarik? Soalnya kamu jadi bisa melihat lebih banyak artikel seru yang ada di JalanTikus.

Menyadari manfaat adanya bagian tersebut, pernah nggak kamu tergoda untuk menyematkannya di blog milikmu? Jika kebetulan kamu punya blog, yuk kita sematkan Artikel Menarik di setiap postingan blog kamu!

BACA JUGA
  • Cara Membuat Daftar Isi Otomatis di Blogger
  • Cara Daftar dan Memasang Google Analytics di Blogger
  • Cara Mudah Disable Klik Kanan di Blogger (Blogspot)

Manfaat Artikel Menarik di Postingan Blog

Cara Membuat Related Post Di Blog 7

Sama seperti fungsi daftar isi dalam Blogger, keberadaan bagian Artikel Menarik atau Related Post di blog ini berguna untuk membantu memperkuat link internal pada blog milikmu. Dengan adanya saling kait antara postingan yang satu dengan postingan lain, kesempatan page rank blog kamu untuk terus naik pun semakin besar. Jadi, yuk sematkan Artikel Menarik di setiap postingan blog milikmu! Caranya?

Cara Membuat Artikel Menarik di Setiap Postingan Blogger

Banyak macam Artikel Menarik dalam blog. Ada yang menggunakan gambar, ada juga yang hanya menggunakan listikal gambar. Kali ini, sebagai tutorial kita akan buat 5 daftar artikel seperti yang digunakan di JalanTikus. Adapun cara membuat Related Post di blog yaitu:

  • Anggap saja kamu sudah login Blogger dengan akun Gmail milikmu. Langkah selanjutnya adalah masuk ke menu Template, lalu pilih Edit HTML.
Cara Membuat Related Post Di Blog 2
  • Pada dialog HTML yang ada, silakan cari kode ]]>/b:skin>. Untuk lebih mudahnya tekan ctrl+F dan cari kode tersebut.
Cara Membuat Related Post Di Blog 3
  • Jika sudah ketemu, silakan copy dan paste kode di bawah tepat di atas kode ]]></b:skin> tadi.

/* ==== Related Post Widget Start ==== */ .related-post{margin:15px 0 0;border-top:1px solid #f0f0f0;padding:15px 0 0} .related-post h4{font-size:14px;margin:0 0 .5em;text-transform:uppercase} .related-post-style-2{margin:0 0 0 0!important;padding:0 0 0 0!important;list-style:none} .related-post-style-2 li{margin:0 0 0 0;padding:0 0 0 0} .related-post-style-2 li{padding:5px 0!important;border-top:1px solid #eee;overflow:hidden} .related-post-style-2 li:first-child{border-top:none} .related-post-style-2 .related-post-item-thumbnail{width:60px;height:60px;max-width:none;max-height:none;background-color:transparent;border:none;padding:0;float:left;margin:2px 8px 0 0} .related-post-style-2 .related-post-item-title{font:normal normal 16px Fjalla One,Helvetica,Arial,sans-serif} www.masyadi.com .related-post-style-2 .related-post-item-summary{display:block;overflow:hidden} .related-post-style-2 .related-post-item-more{}

Cara Membuat Related Post Di Blog 4
  • Setelah selesai, cari lagi kode </body> dengan cara yang sama. Lalu copy dan paste kode di bawah tepat di atas </body>.

&lt;div class='related-post' id='related-post'&gt;&lt;/div&gt; &lt;script type='text/javascript'&gt; var labelArray = [ "<span class="color-red">Lifestyle</span>" ]; var relatedPostConfig = { homePage: "<span class="color-red">https://bangrapy.blogspot.com</span>", widgetTitle: "&lt;h2&gt;Artikel Menarik Lainnya&lt;/h2&gt;", numPosts: 5, summaryLength: 140, titleLength: "auto", thumbnailSize: 60, noImage: "http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w60-h60-c/no-image.png", containerId: "related-post", newTabLink: false, moreText: "Read More...", widgetStyle: 2, callBack: function() {} }; &lt;/script&gt;&lt;script type='text/javascript'&gt; //&lt;![CDATA[ /<em>! Related Post Widget for Blogger by Taufik Nurrohman =&gt; http://gplus.to/tovic */ var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"&lt;h4&gt;Artikel Terkait:&lt;/h4&gt;",widgetStyle:1,homePage:"http://www.dte.web.id",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()</em>(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()<em>(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&amp;&amp;labelArray.length&gt;0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c&gt;0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&amp;orderby=updated&amp;start-index="+a+"&amp;max-results="+d.numPosts+"&amp;callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'&lt;ul class="related-post-style-'+A+'"&gt;',b=d.newTabLink?' target="_blank"':"",y='&lt;span style="display:block;clear:both;"&gt;&lt;/span&gt;',v,t,w,r,u;if(!s){return}for(var q=0;q&lt;d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&amp;&amp;d.titleLength&lt;t.length)?t.substring(0,d.titleLength)+"&amp;hellip;":t;r=("media$thumbnail" in x[q]&amp;&amp;d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in x[q]&amp;&amp;d.summaryLength&gt;0)?x[q].summary.$t.replace(/&lt;br ?\/?&gt;/g," ").replace(/&lt;.</em>?&gt;/g,"").replace(/[&lt;&gt;]/g,"").substring(0,d.summaryLength)+"&amp;hellip;":"";for(var p=0,a=x[q].link.length;p&lt;a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='&lt;li&gt;&lt;img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"&gt;&lt;a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+"&gt;"+w+'&lt;/a&gt;&lt;span class="related-post-item-summary"&gt;&lt;span class="related-post-item-summary-text"&gt;'+u+'&lt;/span&gt; &lt;a href="'+v+'" class="related-post-item-more"'+b+"&gt;"+d.moreText+"&lt;/a&gt;&lt;/span&gt;"+y+"&lt;/li&gt;"}else{if(A==3||A==4){c+='&lt;li class="related-post-item" tabindex="0"&gt;&lt;a class="related-post-item-title" href="'+v+'"'+b+'&gt;&lt;img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"&gt;&lt;/a&gt;&lt;div class="related-post-item-tooltip"&gt;&lt;a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+"&gt;"+w+"&lt;/a&gt;&lt;/div&gt;"+y+"&lt;/li&gt;"}else{if(A==5){c+='&lt;li class="related-post-item" tabindex="0"&gt;&lt;a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'&gt;&lt;img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"&gt;&lt;span class="related-post-item-tooltip"&gt;'+w+"&lt;/span&gt;&lt;/a&gt;"+y+"&lt;/li&gt;"}else{if(A==6){c+='&lt;li&gt;&lt;a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+"&gt;"+w+'&lt;/a&gt;&lt;div class="related-post-item-tooltip"&gt;&lt;img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"&gt;&lt;span class="related-post-item-summary"&gt;&lt;span class="related-post-item-summary-text"&gt;'+u+"&lt;/span&gt;&lt;/span&gt;"+y+"&lt;/div&gt;&lt;/li&gt;"}else{c+='&lt;li&gt;&lt;a title="'+t+'" href="'+v+'"'+b+"&gt;"+w+"&lt;/a&gt;&lt;/li&gt;"}}}}}s.innerHTML=c+="&lt;/ul&gt;"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&amp;orderby=updated&amp;max-results=0&amp;callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]); //]]&gt; &lt;/script&gt;

Cara Membuat Related Post Di Blog 5

Catatan: Pada labelArray, kamu bisa mengganti "Lifestyle" dengan label apa pun yang menurut kamu banyak berisi postingan menarik. Dan jangan lupa ganti https://bangrapy.blogspot.com/ dengan alamat blog milikmu.

  • Selesai. Tinggal save, dan silakan lihat hasilnya.
Cara Membuat Related Post Di Blog 1

Nah, gampang kan cara memasukkan Artikel Menarik di setiap postingan blog ini? Sekarang kamu akan merekomendasikan artikel-artikel yang menurutmu menarik kepada pembaca blog milikmu. Mereka bisa semakin lama mengunjungi blog-mu dan tentu page rank-mu pun akan terdongkrak karenanya. Selamat mencoba!

ARTIKEL TERKAIT
Perbandingan Foto Fotografer Profesional Dan Amatir Banner2

11 Perbandingan Hasil Foto Profesional dan Amatir, Mana yang Lebih Keren?

Artis Yang Berbahaya Di Internet 6

BAHAYA! Jangan Cari Nama 10 Artis ini di Internet Jika Tidak Mau Kena Akibatnya

Hasil Fotoshop Terburuk

15 Photoshop Terburuk yang Pasti Bikin Mata Kamu Sakit (Part 2)

5 Kebiasaan Miliarder Yang Jamin Bikin Kamu Sukses

5 Kebiasaan Miliarder yang JAMIN Bikin Kamu Sukses

APPS TERKAIT
Wordpress_icon
WordPress
Apps Automattic, Inc
Google Chrome For Android Icon
Chrome Browser 81.0.4044.138
Apps Google
Line For Android Icon2 Icon
LINE for Android 10.0.2
Apps Naver
Tinder Icon
Tinder 11.10.0
Apps Tinder
Langganan Artikel
Temukan Tips dan Berita menarik setiap harinya. GRATIS!

Tags Terkait:

Tunggu sebentar...

Keluar dari JalanTikus

Popup External Background JalanTikus

Apakah anda yakin untuk meninggalkan website JalanTikus?

Ya
Batal