Custom Error 404 di Blogger

Blogger beberapa hari yang lalu telah update fitur baru yaitu Customize your search preferences. Fitur ini hanya tersedia di dasboard baru blogger, kalau di dasboard blogger yang lama fitur ini nggak ada. So, silahkan pindah ke dasboard yang baru ya, buat nikmati fasilitas terbaru dari blogger ini.



Membuat costum error 404 di blogger sangat mudah kok, sobat tinggal ikuti saja Tips trik dibawah ini :
  • Masuk Blogger
  • Klik stelan » Pilih Search preferences / Preferensi penelusuran (seperti gambar dibawah ini)
  • Lihat pada judul Galat dan Pengalihan Klik Edit
  • Isi kotak tersebut dengan kata - kata anda, seperti gambar di bawah ini
  • Masukkan kode dibawah ini di kotak tersebut.
<center><img alt="membuat kostum 404 di blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi41dtMBLpHsqgzOiQjhn1WyuZwKaJIASipkouXtRRIS0sUHBPeEisK1jEf_uCM2i8zopHeppOOyeAZ0P7msMEeHHn1mW9I2dAIWIcUk_193eAqFYpHnMuNXMLls6eo8-9GFoq7faI7pZte/s350/pagenotfound.jpg" /></center>
Halaman yang anda cari tidak ditemukan
Sepertinya ada kesalahan dengan halaman yang anda cari. Kemungkinan entri telah dihapus atau alamat sudah diganti yang baru.
<br/>
<br/>
<br/>
<b><a href='http://tipstrik-ku.blogspot.com/'>BERANDA</a> atau <a href='http://tipstrik-ku.blogspot.com/2012/03/sitmap.html'>DAFTAR ISI</a></b>
<style type='text/css'>
#sidebar-wrapper, #sidebar, #header-wrapper, #header-inner {
display: none;
}
#outer-wrapper, #main-wrapper {
border: none;
background: none;
}
body {
background: #000
}
#main-wrapper {
width: 100%;
}
</style>
  • Silahkan disimpan dan lihat hasilnya

Keterangan!!

  • Silahkan Sobat ganti tulisan yang berwarna biru diatas.
  • Jika kode diatas tidak bekerja diblog sobat, silahkan komen kalau kodenya gak bekerja. 
  • Silahkan ubah tampilan error 404 sesuai selera sobat, dengan cara edit kode CSS nya. 
  • Nah tampilan error 404 ini akan bekerja jika seseorang salah menulis URL Ex: http://tipstrik-ku.blogspot.com/404-error-not-found.html / http://tipstrik-ku.blogspot.com/ajbbuysdfbi :)

New Kode Emoticon Facebook

Seneng chetingan sama teman-teman lewat facebook? Kalau iya, sering pakai emoticon apa gak? Kalau cheting-an tanpa emoticon menurut saya percakapan kita kurang hidup. Iya apa gak? Berikut ini adalah beberapa code emoticon facebook :


Kode emoticon chat facebook terbaru :

[[249199828481201]] - Konata Izumi
[[250128751720149]] - Domo Kun
[[223328504409723]] - Gintoki Sakata
[[236147243124900]] - Pokeball
[[326134990738733]] - Pikachu
[[155393057897143]] - Doraemon
[[224502284290679]] - Nobita
[[144685078974802]] - Mojacko
[[334954663181745]] - Spongebob
[[196431117116365]] - Shin chan
[[138529122927104]] - Pedo Bear
[[269153023141273]] - Poring
[[332936966718584]] - Hello Kitty
[[252497564817075]] - Kerokeroppi
[[297354436976262]] - Santa Claus
[[157680577671754]] - Angry Bird

[[171108522930776]] - Troll face
[[211782832186415]] - Me Gusta
[[168456309878025]] - LOL Face
[[218595638164996]] - Yao Ming
[[177903015598419]] - Forever Alone
[[105387672833401]] - Fuck yeah
[[FUUUOFFICIAL]] - Rage face

Code emoticon kaskus di Fb :

[[243344945733611]] - Repost
[[mahochat]] - Maho
[[203443053077888]] - I Love Kaskus
[[205827876172490]] - Bingung
[[261018420628968]] - Thumbs
[[328740787138287]] - Nope
[[296027833771776]] - Capede
[[311851138846391]] - Alay
[[guengakak]] - Ngakak

Kode Cheting di Facebook Terbaru Lainnya :

[[124206401029136]] - Windows icon
[[124208857695557]] - Apple Logo
[[124211087695334]] - F*** OFF finger
[[345533462139449]] - bete
[[308300382542918]] - calm
[[309626999060642]] - dan2
[[263022747090798]] - hai
[[200102950080196]] - hwa
[[158227984284324]] - mad
[[114550798664378]] - mo
[[299734090065127]] - omg
[[350421394973827]] - shy
[[208296672587372]] - doa
[[157844747656241]] - etc
[[158207970952008]] - groa
[[241721525896214]] - grr
[[113519815433465]]] - hepi
[[239939099411255]] - joke
[[346508562029170]] - kdip
[[[185298018232820]] - mbok
[[239249926147852]] - phew
[[332418196786941]] - shok
[[328430820514942]] - tear
[[222287944513884]] - we
[[164481350318329]] - win
[[330544910308348]] - zzz
[[267658843290223]] - hoeh
[[180154485416003]] - :)
[[221390677938174]] - t
[[269394746450013]] - TT
[[222023621206273]] - uhuk
[[346372985378735]] - luph
[[187322684697844]] - tida
[[208533842565519]] - cuih
[[266659030060927]] - down
[[171108522930776]] - trollface
[[foreveralonecomics]] - forever alone
[[MegustaMeMe]] - Me Gusta
[[149333368464171]] - Yao
[[145768898802324]] - FUUUUUU
[[168456309878025]] - LoL
[[FapFapFapFap.B]] - Fap Fap Fap Fap
[[106043532814443]] - Y U NO
[[214457085240151]] - Nothing to do here
[[129627277060203]] - Poker Face
[[160723207280093]] - Are you f*cking kidding me?
[[ChallengeAceptado]] - challenge Accepted - See More

[[yahoo]] [[google]] [[facebook]] [[kaskus]] [[amazon]] [[youtube]] [[googlechrome]] [[opera]] [[internetexplorer]] [[flock]] [[microsoft]] [[microsoftword]] [[microsoftexcel]] [[microsoftpowerpoint]] [[megaxus]] [[grandchase]] [[indovision]] [[history]] [[sony]] [[nokia]] [[telkomsel]] [[windows]] [[transformer]] [[itones]] [[photosop]]

Tips Ampuh Mendatangkan Visitor

Cara mendatangkan visitor ke blog. Sebenarnya ada banyak sekali tips trik atau tutorial ampuh mendatangkan trafik, namun saya akan berbagi tips trik cara mendatangkan trafik yang paling ampuh menurut saya. Oke silahkan baca dibawah ini :

1. Blog Walking
Dengan cara konvensional, sampai saat ini masih terbukti efektif, terutama untuk blog berbahasa Indonesia. Apa sih yang dimaksud dengan blogwalking? Blogwalking adalah berkunjug ke blog orang lain. Untuk mendapatkan pengunjung, Sobat tidak hanya berkunjung saja diblog orang lain, melainkan harus berkomentar di blog atau meninggalkan jejak di buku tamu.

Kelemahan:
  • Harus sering-sering berkunjung ke blog orang lain.
2. Social Networking
Tak bisa dipungkiri bahwa Social Networking juga baik untuk digunakan sebagai media promosi. Facebook dan twitter adalah senjata utamanya. Yang penting account facebook atau twitter sobat memiliki penggemar / pengikut yang banyak. Untuk mendapatkan banyak penggemar atau pengikut, Sobat dapat menggunakan beberapa layanan gratis seperti tweepi.com, twiends.com, youlikehits.com, dan masih banyak lagi lainnya. Sobat juga bisa menyewa jasa follower atau facebook likers yang disediakan di forum – forum seperti adsense-id.com atau kaskus.us.

Kelemahan:
  • Pengunjung biasanya tidak berlangsung lama
  • Harus memiliki twitter / facebook populer
  • Harus rajin posting ke twitter / facebook
3. Sosial Bookmarking
Dengan sosial bookmark, Anda tidak hanya mendapatkan pengunjung. Tapi juga mendapatkan backlink yang dapat memperkuat posisi halaman / situs web di search engine, terutama google.

Kelemahan:
  • Harus rajin mengirim artikel ke social bookmarking
  • Harus memiliki daftar besar bookmark sosial
4. Article Marketing
Sama seperti sosial bookmark, artikel direktori tidak hanya mendapatkan pengunjung, tetapi juga mendapatkan backlink. Contoh artikel direktori: ezinearticles.com

Kelemahan:
  • Harus banyak menulis artikel
  • Artikel direktori web biasanya menekankan kualitas artikel, sehingga Anda harus menyediakan artikel yang berkualitas.

5. Search Engine Optimization (SEO)
Yah .. Ini adalah salah satu andalan ketika menangkap trafik / pengunjung. Dengan SEO, kita akan mendapatkan yang relatif lebih banyak pengunjung, kualitas, dan tahan lama. Namun, Anda memerlukan keterampilan khusus dan kemauan dan kemampuan untuk belajar. Sebenarnya, article marketing, sosial bookmarking juga termasuk dalam SEO.

Nah teman - teman. Untuk artikel saat ini mungkin di sini saja. Kemudian jika ada tambahan, mungkin saya akan menambahkannya. Atau mungkin sobat ingin menambahkan atau bertanya, silakan. Ok, semoga artikel ini membantu.

Happy blogging :)

Banner Iklan Stayle Buysellads

Cara Membuat Banner Iklan Stayle Buysellads - Sudah pada tahu apa belum website buysellads? jika belum monggo kunjungi di http://buysellads.com. Banner yang diberikan buysellads sebenarnya ada banyak macamnya, tapi kita akan bahas cara membuat banner iklan stayle buysellads seperti screenshot di samping, atau lihat demonya disini http://daftaharga.blogspot.com/

Cara Memasang Banner Iklan Stayle Buysellads :


  • Masuk Blogger.com
  • Terus pilih Edit HTML dan cari ]]></b:skin>
  • Letakkan kode dibawah ini diatas kode ]]></b:skin>
/* Ads
---------------------------------------------*/
div.bsap_125 a{width:125px;display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;text-align:center;text-decoration:none;overflow:hidden;float:left;line-height:100%;margin:0 4px 10px 0;}
div.bsap_125 img{border:2px solid #ddd;clear:right;padding:5px;}
div.bsap_125 a.adhere{color:#666;font-weight:bold;font-size:12px;border:2px solid #ccc;background:#e7e7e7;text-align:center;width:125px;height:125px;line-height:1000%;}
div.bsap_125 a.adhere:hover{border:2px solid #999;background:#ddd;color:#333;}
html>body div.bsap_125 a.adhere{width:123px;height:123px;}
div.bsap_468 a{width:468px;display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;text-align:center;text-decoration:none;overflow:hidden;line-height:100%;margin:0;}
div.bsap_468 img{border:0;clear:right;}
div.bsap_468 a.adhere{color:#666;font-weight:bold;font-size:12px;border:1px solid #ccc;background:#e7e7e7;text-align:center;width:468px;height:60px;line-height:480%;}
div.bsap_468 a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;}
html>body div.bsap_468 a.adhere{width:466px;height:58px;}
.bsap a{text-shadow:1px 1px 1px #111!important;color:#eee!important;overflow:visible!important;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;border:0 none!important;-webkit-border-top-left-radius:80px;-webkit-border-bottom-right-radius:80px;-moz-border-radius-topleft:80px;-moz-border-radius-bottomright:80px;border-top-left-radius:80px;border-bottom-right-radius:80px;margin:0 10px 10px 0 !important;padding:7px!important;}
.bsap a:hover{-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px;}
.bsap a img{border:0 none!important;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);box-shadow:0 0 8px rgba(0,0,0,0.5);padding:3px!important;}
.bsap .even{margin-right:0!important;}
.bsap .ad1{background:#e42b2b!important;}
.bsap .ad2{background:#ff8400!important;}
.bsap .ad3{background:#a800ff!important;}
.bsap .ad4{background:#49a7f3!important;}
.bsap .ad5{background:#41d05f!important;}
.bsap .ad6{background:#B24700!important;}
.bsap .ad7{background:#FFE500!important;}
.bsap .ad8{background:#007D47!important;}
.bsap .ad9{background:#330000!important;}
.bsap .ad10{background:#990000!important;}
.bsap .ad11{background:#f70000!important;}
  • Jika sudah simpan.
  • Jika sudah disimpan masuk ke layout / Elemen Laman > Tambah Gadget > HTML/JavaScript Masukan kode berikut :
Kode banner iklan 125x125
<center>
<div id="bsap_125" class="bsap_125 bsap">
<a href="#" class="ad1" title="video screen capture" id="bsa_1451626" target="_blank"><img src="http://s3.buysellads.com/1247056/82764-1320885024.gif" alt="video screen capture" height="125" width="125" /></a>
<a href="#" class="ad2 even" title="Premium plugins for WordPress" target="_blank"><img src="http://s3.buysellads.com/1250333/71206-1312344285.gif" alt="Premium plugins for WordPress" height="125" width="125" /></a>
<a href="#" title="Advertise Here" class="adhere ad3 even" target="_blank">Advertise Here</a>
</div>
<a href="#" title="Advertise Here" class="adhere ad4 even" target="_blank">Advertise Here</a>
</div>
</center>

Kode Iklan Bener Ukuran 468x60
<div id="bsap_468" class="bsap_468 bsap">
<span class="bsap_468 bsap"><a href="#" title="Advertise Here" class="adhere ad1" target="_blank">Advertise Here</a></span>
</div>

Keterangan!
Silahkan rubah kode yang di warnai sesuai keterngan dibawah ini:
  1. Warna Merah Link benner iklan
  2. Warna Biru judul iklan
  3. Warna Orange link iklan banner gambar
  4. Warna Hitam judul gambar banner
  5. Dan yang bergaris bawah seperti ad1,ad2,ad3 dan ad4 ini menujukan background radius berwarna. Tersedia hanya sampai ad11
  6. Kalau class even menujukan posisi iklan di sebelah kanan dan adhere meujukan class Pemasangan Iklan
  7. Untuk ukuran lainnya menyusul :D

Twitter, Faceboo dan Google+ Sebagai Pembuka Blog

Cara Membuat Pembuka diblog - Twitter, Faceboo dan Google+ Sebagai Pembuka Blog. Apa sih maksud dari judul diatas? maksud dari judul diatas adalah sosial bookmark sebagai pembuka blog. Misalnya sobat boka blog orang ada ucapannya Selamat Datang. Nah disini tulisan Selamat Datang akan di ganti dengan sosial bookmark. Ini dia screenshotnya:


Jika kurang jelas dengan screenshotnya, monggo silahkan lihat demonya di http://daftaharga.blogspot.com/

Nggak usah panjang lebar, kita langsung saja ke tutorial cara membuat sosial bookmark sebagai pembuka blog :
  • Login Blogger;
  • Masuk tata letak
  • Pilih HTML/JavaScript
  • Tambahkan tambahkan kode dibawah ini;
    <style>
    #stp-bg{
        display:none;
        position:fixed;
        _position:absolute; /* hack for IE 6*/
        height:100%;
        width:100%;
        top:0;
        left:0;
        background:#000000;
        z-index:998;
    }

    #stp-main{
        position:fixed;
        top:220px;
        _position:absolute; /* hack for IE 6*/
        display:none;
        width:450px;
        border:7px solid #2f2f2f;
        background:#fff;
        z-index:999;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        margin:0pt;
        padding:0pt;
        color:#333333;
        text-align:left;
        font-family:arial,sans-serif !important;
        font-size:13px;
    }

    #stp-title{
        font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
        font-size:18px;
        padding:13px 0 13px 15px;
    }

    #stp-close{
        float:right;
        font-size:14px;
        font-weight:bold;
        font-family:Verdana, Geneva, sans-serif;
        color:#777777 !important;
        margin:0 13px 0 0;
        border-bottom:0px !important;
        text-decoration:none !important;
    }

    #stp-close:hover{
        text-decoration:none !important;
    }

    #stp-msg{
        background:#4074CF;
        padding:10px 15px;
        color:#ffffff;
        font-family:Arial, Helvetica, sans-serif !important;
        font-weight:bold;
        line-height:20px;
    }

    #stp-buttons{
        margin:25px 0px 25px 0;
        padding:0 0 0 15px;
    }

    #stp-bottom{
        padding:15px 10px;
        background:#EFEFEF;
        color:#95989F;
        border-top:1px solid #DDE0E8;
    }

    #stp-counter{
        font-size:11px !important;
        text-align:right;
        font-weight:bold;
    }

    .stp-button{
        float:left;
        width:120px;
    }

    .step-clear{
        clear:both !important;
    }
    </style>

    <script type="text/javascript">Titleblog="Selamat Datang";FBKN="kimpul.net";TWITTERKN="nch.kimpul";URLKN="https://plus.google.com/110875109496364324095"</script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
    <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
    <script type="text/javascript" src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://tipstrik-ku.googlecode.com/files/yourfollowme.js" type="text/javascript"></script>

    <script language="javascript">
    $(document).ready(function(){                               
            $().Fathur({
                timeout: 60,
                wait: 0,
                closeable: true
            });
    });

    </script>
  • Simpan dan lihat hasilnya.

Catatan :
  • Ganti tulisan Selamat Datang dengan title blog anda.
  • Ganti kimpul.net Fans Page halaman facebook anda.
  • Ubah nch.kimpul dengan username twitter anda.
  • Dan ini https://plus.google.com/110875109496364324095 dengan  profil Google+ anda.
Semoga bermanfaat bagi anda yang membaca :) Tipstrik-ku

Tips Cara membuat Like Jacker

Selamat siang semua sobat blogger. Udah beberapa hari ini Tipstrik-ku nggak ngeluarin tutorial Blog, template blog, belajar seo, belajar wordpress, berita teknologi. Kali ini Tipstrik-ku akan berbagi Tips Cara membuat Like Jacker untuk blogspot. Sudah pada tahu apa belum like jacker itu gimana? jika belum, langsung aja lihat demo nya http://daftaharga.blogspot.com/.



Singkat padat dan jelas, berikut adalah cara memasang like jacker di blogspot :
  • Silahkan login ke blogger.
  • Selanjutnya, pada dasboard blog Anda silahkan pilih Template.
  • Pilih Edit Html copy kode dibawah ini diatas </head>
<script language='javascript'>var fan_page_url ='http://www.facebook.com/NamaFansPage'
var opacity = 0.6;
var time = 60000;</script>
  • Cari <body> dan paste url script di bawah ini.
<script language='javascript' src='http://tipstrik-ku.googlecode.com/files/like.js'/>
  • Simpan dan lihat hasilnya

Keterangan!!
  • Tulisan warna biru : url fans page sobat.
  • Tulisan warna merah : tingkat keterlihatan, 0 berarti tombol likenya tidak terlihat, 1 berarti terlihat jelas. untuk testing, pilih 0,6 dulu saja. Kalau sudah work baru di set 0.
  • Tulisan warna orange : countdown (dalam miliseconds). 60000 berarti tombol likenya akan hilang dalam waktu 60 detik. gimana agar tombol likenya ada terus? tulis saja 0, tapi visitor tidak akan bisa ngeklik link

Cara Merubah Tampilan Quote Diblog

Nah pada sore kali ini saya akan berbagi tutorial cara merubah tampilan blockquote atau cara memodifikasi tampilan blockquote. Blockquetoe ini menurut saya harus mempunyai tampilan yang menarik, keren dan rapi. Kenapa? karena jika tampilan blockquote yang sedang kita pakai tampilan nya acak-acakan maka tulisan atau artikel diblog kita akan terlihat kurang rapi.

Contoh blockquote adalah seperti berikut :

Q tutup mata tuk lari dari knyta'an
Setiap saat halusinasi me nguasai ta2pan
Ktika sejuta janji yang mengutari jiwaku
Aku hanya bisa diam dan membisu
Mengapa dunia begitu indah bagi kalian, tpi bgitu gelap bagi pandangan mata q.
Q hnya manusia yang penuh dosa..
Tpi anggaplah aku:
sebagai manusia!!!

Cara Merubah Tampilan Blockquetoe Di Blogger
  • Silahkan login ke blogger.
  • Selanjutnya, pada dasboard blog Anda silahkan pilih Template.
  • Pilih Edit Html dan jangan lupa ceklist Expand Template Widget.
  • Cari kode di bawah ini .post blockquote { bla.. bla.. bla.. } atau .blockquote {bla.. bla.. bla..}
  • Jika sudah hapus dan ganti dengan kode CSS dibawah ini :
.post blockquote{padding-left:10px;padding-right:10px;font-style:bold;color:#444;background-color:#fff;background-image:url(http://lh4.ggpht.com/_mWNaJ9OwpbA/TIFzdVqFZBI/AAAAAAAAAsk/B6SBf_hzJTU/source.jpg);background-repeat:repeat-y;background-attachment:scroll;background-position:margin:10px 0 15px 20px;border-left:15px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;-moz-border-radius-bottomright:10px;}
  • Simpan dan lihat hasilnya.
Sekian tutorial Cara Merubah Tampilan Quote Diblog, semoga bermanfaat :) Tipstrik-ku

Sitmap

Sitmap

Cara Membuat Back To Top

Cara Membuat Tombol Back To Top diblogger. Apa sih Tombol Back To Top itu? Tombol Back To Top adalah tombol atau widget yang fungsinya memindahkan posisi scroll browser dari bawah ke atas. Widget back to top ini sangat membantu jika kita sedang membaca artikel yang panjang banget, tinggal klik tombol back to top secara otomatis Scrollnya pun naik keatas sendiri tanpa repot-repot.

Cara Memasang Tombol Back to Top diBlogspot
  • Login Ke Blogger.
  • Pilih Rancangan » Elemen Halaman » Add Gadget » Pilih HTML Javascript.
  • Copy Kode Di Bawah Ini.
<script src="http://tipstrik-ku.googlecode.com/files/back-to-top-1.js" type="text/javascript"></script> <script src="http://tipstrik-ku.googlecode.com/files/back-to-top-2.js" type"text/javascript"></script>

  • Atau pakai kode dibawah ini
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="kembali ke beranda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtmGWZwstu0yIcnt5ZYpvqPAJtpu0jqz0i56FrS5fk7wVq0E-2p7FMKIn2jEulbaM1Q064S5IUy0wNzUlFoKJDVCUqt9Bn-XmVtE3g7lNxwslbT7ontm8IwckDuDRz4FAIa06V-PnZjwoM/s1600/back-to-top.png" border="0" alt="back to top" /></a>
  • Simpan dan lihat hasilnya

Cara Membuat Breadcrumbs

Cara Membuat Breadcrumbs Cara Membuat Breadcrumbs di blogger. Breadcrumb adalah menu navigasi yang bisa membantu pengunjung blog supaya mereka tahu sedang mengunjungi halaman apa dan berada di kategori atau label apa. Walau pun breadcrumb ini hanya sebuah tulisan kecil diatas judul, tetapi juga penting untuk SEO on page. Jika anda belum tahu seperti apa itu breadcrumb, silahkan lihat diatas judul postingan blog Tipstrik-ku ini.


Cara membuat breadcrumb
  • Login Blogger » Design » Edit HTML dan jangan lupa centang Expand Widget templates ya!
  • Cari kode ]]></b:skin> ( tekan CTRL + F agar lebih mudah )
  • Paste kode berikut tepat diatas kode ]]></b:skin>
.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
  • Kemudian cari kode <b:includable id='post' var='post'>
  • Setelah ketemu, silahkan paste kode berikut tepat dibawah kode <b:includable id='post' var='post'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
You are Here &#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>
  • Save template dan lihat hasilnya