Kang Niam Blog

Memasang bread crumb ini akan membuat blog kita lebih mudah di kenali oleh searching engine, karena bread crumb ini seperti sebuah keywords atau tag yang bisa memancing searching engine untuk meng index postingan kita menjadi lebih cepat, oleh karena itu saya sangat menyarankan sekali buat sobat blogger yang belum memasangnya, oke sekarang kita langsung saja ke TKP cara memasang bread crumb dib blog kita.

Pertama biasa masuk ke Blogger
Edit HTML
Centang Expand Widget Template
cari kode seperti ini: ]]></b:skin>
setelah itu copy code dibawah ini tepat di atas kode tadi:
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
setelah itu save template sobat.
sekarang centang expand widget template.
dan cari kode seperti ini:

<div class='post hentry uncustomized-post-template'>

kalau udah ketemu copy code dibawah ini tepat dibawah kode ini:

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

Kalau udah selesai sekarang pratinjau blog sobat kalau udah berhasil jangan lupa save templatenya. Sekarang untuk melihat hasilnya silahkan lihat salah satu postingan sobat dan lihat di atas judul postingan maka akan ada navigasi yang berurutan. Nah itulah yang baru saja sobat buat.

 

Blogger Statistik merupakan Tampilan yang unik dan cukup nyaman di gunakan itulah kesan pertama saya waktu mencoba dasbor draft blogger, yang menambah fiturnya, yaitu "statistik" bagi yang menggunakan dasbor normal atau bukan draf tentu tidak dapat menikmati tampilan baru ini karena memang masih dalam tahap pengembangan dan belum di resmikan, tetapi saya lebih suka blogger draft ini saya jadikan default dasbor saya, karena dengan ini saya bisa tau update dari fitur-fitur blogger, bagaimana kalian tertarik...?

bagi temen-temen blogger yang belum pernah menggunakan blogger draft, saya saranin untuk mencobanya, karena blogger draft ini menurut saya lebih canggih dan nyaman, tapi bukan berarti tidak ada kekurangannya loh... kan belum di keluarin secara masal /resmi oleh blogger jadi ini pasti ada yang belum selesai fitur/tool-tool yang akan di berikan, langsung saja klik disini untuk menuju blogger draft, dan cobalah fitur barunya.

selamat mencoba tampilan baru blogger.

tidak usah basa basi langsung aja soalnya lagi sibuk
pertama masuk blogger.
rancangan.
Elemen Laman.
add gadget/tambah gadget.
copy paste code di bawah ini:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language='javascript'>

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

setelah itu simpan dan lihat hasilnya.
Jangan lupa ganti url dengan url blog kamu.

special Thanks to Abu Farhan atas scriptnya

 




 

Cara membuat Breadcrumb ini berbeda dengan cara yang  pernah saya posting  cara membuat breadcrumb sebelumnya, karena membuat breadcrumb dengan cara yang kedua ini, maka setiap kita menggunaka banyak label tidak akan banyak juga judul post kita yang ada di navigasi breadcrumb, bagi yang sudah menggunaka cara yang pertama, silahkan di standarkan dulu atu dihapus dulu kodenya, baik langsung saja kita ke TKP.

• Pertama masuk blogger

 

• Edit HTML centang Expand Widget Template

 

 

• lalu masukkan kode CSS dibawah ini di atas Kode : ]]></b:skin>

 

 

• Setelah itu cari kode seperti dibawah ini :

 

 

• Kalau sudah ketemu hapu dan ganti dengan kode seperti dibawah ini :

 

 

• Kalau sudah selesai silahkan simpan template dan lihat hasilnya.

 

Semoga berhasil dan selamat mencoba.