Saturday, February 2, 2013

CARA MEMBUAT RELATED POST DI BLOG

CARA MEMBUAT RELATED POST DI BLOG

CARA MEMBUAT RELATED POST DI BLOG
Hi Sobat Adios kali ini Adios bakal posting tentang Cara membuat related post di blog. Tapi kali ini Adios gak posting Related Post yang bergambar ya,,, Kenapa begitu??? Karena menurut pengalaman Adios yang termasuk baru di dunia Blogger, kalau sobat pasang Related Post yang bergambar di Blog biasanya sering error, agak susah sedikit pasangnya kalau sobat masih pemula. Tapi bukan cuma itu alasan Adios posting Cara membuat related post di blog ini tanpa gambar. Selain yang Adios sebutkan di atas, Related Post tanpa gambar akan memudahkan pengunjung untuk melihat lebih banyak Related Post yang sobat miliki di Blog, sehingga akan membuka peluang pengunjung blog sobat akan menyumbang lebih banyak page view untuk Blog sobat. Jadi ga usah cari yang bergambar ya. hehe langsung aja sobat pasang Related Post ini.

Oya selain itu Related Post ini juga menjaga agar Blog sobat terlihat lebih rapi. So... langsung saja sobat ikuti Cara Membuat Related Post di Blog

- Seperti biasa loggin dulu ke Blogger.com
- Kemudian masuk ke Dashboard
- Masuk ke perancangan template
- Edit HTML (tapi sebelum itu ada baiknya sobat download dulu template lengkap sobat)
- Jangan lupa centang Expand Widget dulu ya biar gak berantakan

Nah setelah langkah di atas lanjutkan ke Cara membuat related Post berikut

Setelah masuk ke menu Edit HTML
- Tekan Ctrl F pada keyboard dan cari code  ]]></b:skin>
- Kemudian sobat Copy Paste Code di bawah ini tepat di atas code ]]></b:skin>

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px; background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;} .rbbox:hover{background-color: rgb(255, 255, 255);}

- Tapi inget jangan sampai salah ya,
Contoh :
.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px; background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;} .rbbox:hover{background-color: rgb(255, 255, 255);}
]]></b:skin>

Kemudian lanjut ke Cara membuat related post di blog selanjutnya

- Tekan Ctrl F lagi dan cari code <data:post.body/>
- Jika sudah ketemu Copy Paste code berikut tepat di bawah code <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<H2>Related Post:</H2>

<div class='rbbox'>

<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>

<div id='albri'/>

<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 50;

maxNumberOfLabels = 3;

function listEntries10(json) {

var ul = document.createElement(&#39;ul&#39;);

var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i &lt; maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {

if (entry.link[k].rel == &#39;alternate&#39;) {

alturl = entry.link[k].href;

break;

}

}

var li = document.createElement(&#39;li&#39;);

var a = document.createElement(&#39;a&#39;);

a.href = alturl;

if(a.href!=location.href) {

var txt = document.createTextNode(entry.title.$t);

a.appendChild(txt);

li.appendChild(a);

ul.appendChild(li);

}

}

for (var l = 0; l &lt; json.feed.link.length; l++) {

if (json.feed.link[l].rel == &#39;alternate&#39;) {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);

var txt = document.createTextNode(label);

var h = document.createElement(&#39;b&#39;);

h.appendChild(txt);

var div1 = document.createElement(&#39;div&#39;);

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById(&#39;albri&#39;).appendChild(div1);

}

}

}

function search10(query, label) {

var script = document.createElement(&#39;script&#39;);

script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;

+ label +

&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);

script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);

document.documentElement.firstChild.appendChild(script);

}

var labelArray = new Array();

var numLabel = 0;

<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'>

textLabel = &quot;<data:label.name/>&quot;;

var test = 0;

for (var i = 0; i &lt; labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel &lt; maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

}

</b:loop>

</b:loop>

</script>

</div>

<script type='text/javascript'>RelPost();</script>

</div>

</b:if>

 - Jika sudah langsung saja kawan simpan template. Demikian postingan ane tentang Cara Membuat Related Post di Blog
 
Catatan : Jika berhasil silahkan tinggalkan komentar. Jika terjadi kesalahan dalam pemasangan dan merusak template blog sobat maka sobat tinggal upload lagi template sobat tadi dan coba pasang ulang. Terimakasih telah berkunjung ke postingan Adios yang berjudul
Cara Membuat Related Post di Blog

Jika sobat mau copy paste artikel boleh aja tapi cantumin sumber artikel ya
Sumber artikel: Adios Blog 

Ingat Share dan Likenya ya Sobat

Judul : CARA MEMBUAT RELATED POST DI BLOG