My Diary

Cara Membuat BreadCrumb Terindex Goole | Simple Breadcrumb

Cara Membuat BreadCrumb Terindex Goole | Banyak jalan menuju roma, begitu kata pepatah, mulai jalan yang berliku-liku sampai jalan yang lurus :D. Banyak cara membuat breadcrumb mulai dari cara yang susah sampai yang mudah. Namun, kali ini kita akan membahas cara membuat breadcrumb terindex google dan cara ini termasuk cara yang paling simple yang saya perdapatkan.

Cara membuat breadcrumb terindex google dengan cara yang sangat simple. Kenapa saya katakan cara ini sangat simple, karena cukup dengan mencari suatu kode, kemudian menggantikan dengan kode breadcrumb, langsung jadi.

Cara membuat breadcrumb terindex google ini anda tidak perlu banyak2 mengutak atik kode template. Dulu saya pernah dapatkan cara membuat breadcrumb ini di google.com, namun sangat sukar, sangat banyak kode yang harus kita ganti, cari ini, ganti itu, ganti ini cari itu lagi,,, pokoknya ribet. Tapi Alhamdulillah kali ini Cara membuat breadcrumb terindex google ini sangat gampang alias simple. OK, langsung aja kita mulai.

Cara Membuat BreadCrumb Terindex Goole| Blogspot

1. Edit HTML, centang widget template, cari kode ]]></b:skin> , biar mudah CTR + F, paste kode berikut diatas kode tadi.

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

2. Cari kode ini <b:includable id='main' var='top'>

Kemudian gantikan dengan kode beikut

<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType == "static_page"'>

<b:else/>

<b:if cond='data:blog.pageType == "item"'>

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

<b:if cond='data:post.labels'>

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

<b:if cond='data:label.isLast == "true"'>

» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>

</b:if>

</b:loop>

» <span><data:post.title/></span>

</div>

<b:else/>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>

</b:if>

</b:loop>

<b:else/>

<b:if cond='data:blog.pageType == "archive"'>

<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>

</div>

<b:else/>

<b:if cond='data:blog.pageType == "index"'>

<b:if cond='data:blog.pageName == ""'>

<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>

<b:else/>

<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>

</b:if>

</div>

</b:if>

</b:includable>

<b:includable id='main' var='top'>

<b:include data='posts' name='breadcrumb'/>

Akhirnya, Save TAEMPLATE. Lihat apa yang terjadi.

Semoga Cara Membuat BreadCrumb Terindex Goole ini bisa menjadi bermanfaat. :) happy blogging

Tips Membuat READ MORE Otomatis untuk Blogspot

Tips Membuat READMORE Otomatis | Bermain blog tidak pernah membosankan, khsusunya bagi penggila blog, namanya aja penggila blog, ya gaa.. :P. Salah satu hal yang penting dan perlu diperhatikan dalam membuat blog adalah Readmore. Kenapa? dengan adanya readmore maka blog kita akan mendapat page view lebih banyak lagi, karena ketika user menemukan blog kita, tentunya mereka harus dua kali klik baru bisa terbuka dengan penuh artikelnya. So, membuat ReadMore itu penting karena bisa memperbanyak Pageview, Blog yang memiliki pageview banyak mempunyai nilai plus tersendiri, apalagi bagi anda yang ingin menguangkan blog anda :).

Banyak cara dan tips membuat readmore, Namun salah satu cara yang paling sederhana dan gampang adalah Tip membuat read more otomatis. Dengan tip ini makan readmore akan muncul sendiri secara auto pada setiap home page atau pun halaman kategori. Menarik kan :D

Tips Membuat readmore otomatis sampai hari ini masih menjadi pilihan saya dalam bermain blog, saya rasa anda. OK, langsung saja kita mulai langkah-langkah Tips Membuat READ MORE Otomatis untuk Blogspot

1. Buka blogger.com dan log in ke blog, Kemudian Edit HTML, Expand widget template.
2. Cari kode </head> Kemudian masukkan kode dibawah ini persis di atas kode tadi

var thumbnail_mode = "float" ;

summary_noimg = 250;

summary_img = 250;

img_thumb_height = 120;

img_thumb_width = 120;

</script>

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

3. Langkah Selanjutnya dalam membuat read more otomatis adalah cari kode ini

<data:post.body/> atau <p><data:post.body/></p>

Kemudian ganti kode tersebut dengan kode dibawah ini.

<b:if cond='data:blog.pageType != "item"'>

</script>

<a expr:href='data:post.url'>»»  READMORE...</a></span>

</b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Catatan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dan lain-lain.

4. Langkah terakhir adalah SAVE TEMPLATE, Lihat apa yang terjadi :D