menciptakan Breadcrumbs Pada Blogger-Apakah kalian tahu yang dimaksud dengan breadcrumbs? secara singkat breadcrumbs yaitu menu navigasi yang letaknya diatas judul postingan blog. dan hampir setiap pengunjung melihat menu navigasi tersebut (direkomendasikan untuk admin blogger yang sudah memasangnya) bentuk dari breadcrumbs rata-rata horizontal. dengan memasang sajian navigasi/breadcrumbs di blogger, secara tidak eksklusif dapat membantu pengunjung agar dapat lebih memahami topik yang terkait atau sedang berada dikatagori mana yang sedang mereka baca sehingga mampu mencari artikel yang terkait dengan judul tersebut. teladan dari breadcrumbs yang ada di blog belajar dan menyebarkan yaitu sebagai berikut
Sebenarnya menambahkan breadcrumbs pada blogspot mampu menyebabkan laba tersendiri, disamping blog anda yang kaya dengan judul tersetruktur dan pastinya blog anda juga semakin SEO Friendly "Kata Orang". akan tetapi saya belum mencicipi efek faktual dari memasang menu navigasi breadcrumbs di blog ini. jika anda ingin ikut-ikutan memasang hidangan navigasi tersebut, sebaiknya ikuti langkah-langkah ini dengan benar. apakah anda sudah siap? jikalau anda sudah siap, mari kita sulap blog anda agar lebih menggigit dengan adanya menu navigasi/breadcrumbs.
Pertama
Login ke blogger anda, template, edit html, cari isyarat ]]></b:skin> dan letakan kode dibawah ini, tepat diatas isyarat ]]></b:skin> save template anda
.breadcrumbs
padding: 5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height:1.4em;
border-bottom:3px double #f35608;
Kedua
Jika anda sudah melakukan Tutorial pertama tadi, maka Cara kedua ini ialah cari isyarat <b:include data='top' name='status-message'/>. kalau sudah ketemu arahannya, maka pastekan arahan dibawah ini tepat dibawah instruksi tersebut.
<b:include data='posts' name='breadcrumb'/>
Save template anda.
Biasanya kalau anda benar melakukan kedua Tutorial diatas, maka postingan anda akan secara otomatis hilang. aku sarankan anda jangan panik atau marah-marah pada blog belajar dan mengembangkan di komentar ini. lantaran masih ada Tutorial ketiga untuk menyulap bagaimana postingan anda akan muncul kembali, sekaligus sajian navigasi/breadcrumb muncul diatas postingan anda.
Ketiga
Anda cari aba-aba <b:includable id='main' var='top'> dan tambahkan isyarat dibawah ini, tepat diatas aba-aba tersebut.
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl == data:blog.url'><!-- No breadcrumb on home page --><b:else/><b:if cond='data:blog.pageType == "item"'><!-- breadcrumb for the post page --><p class='breadcrumbs'><span class='post-labels'><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a><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"'> »<a expr:href='data:label.url' rel='tag'><data:label.name/></a></b:if></b:loop><b:else/>»Unlabelled</b:if>» <span><data:post.title/></span></b:loop></span></p><b:else/><b:if cond='data:blog.pageType == "archive"'><!-- breadcrumb for the label archive page and search pages.. --><p class='breadcrumbs'><span class='post-labels'><a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/></span></p><b:else/><b:if cond='data:blog.pageType == "index"'><p class='breadcrumbs'><span class='post-labels'><b:if cond='data:blog.pageName == ""'><a expr:href='data:blog.homepageUrl'>Home</a> » All posts<b:else/><a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/></b:if></span></p></b:if></b:if></b:if></b:if></b:includable>
Save template anda dan lihat akibatnya. apakah hidangan navigasi breadcrumbs anda berjalan sempurna?
Nb: imbas dari anda memasang hidangan navigasi ini ialah munculnya goresan pena tampilkan posting dengan label, dan itu mampu di buktikan dengan Cara mengklik salah satu url label blogspot anda. akan tetapi menurut aku itu tidak perkara, karena semua sudah diulas oleh blog berguru dan berbagi.
Post a Comment