Cara Membuat Bread Crumb di Blogspot

Cara Membuat Bread Crumb di Blogspot - Salah satu hal yang memang perlu dalam menguatkan blog dalam SEO ( HMPS TI Unikama dan Kampus Multikultural ) seperti contest yang aku ikuti sekarang walau ini kali pertama aku ikut dan masih sangat awam. tetapi aku baca-baca breab Crumb ini kayagnya Sunah Muakad bagi sebuah blog.

Langsung saja ikuti caranya berikut ini

• Masuk ke Edit HTML
• Cari Kode script ]]></b:skin>
• Copy code dibawah ini, pas diatas kode diatas 

.breadcrumbs { padding: 5px 0 5px 15px; margin: 0px 0px 15px 0px; font-size: 95%; line-height: 1.4em; border-bottom: 1px solid #000; position: fixed; top: 0; left: 0; width: 100%; background: #92417d; z-index: 999; }
•  Cari kode <b:includable id='main' var='top'>
•  Jika udah ketemu Copy script dibawah ini diatas kode diatas
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Beranda</a></span>
<b:loop values='d`ta:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
 &#187; <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>
 &#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Beranda</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Beranda</a></span> &#187; <span>All Posting From My blog</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Beranda</a></span> &#187; <span>Category Article <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
• selanjutnya cari kode <b:include data='top' name='status-message'/> kode tersebut biasanya ada 2 simpan saja kode di bawah ini di atas kedua kode tersebut.
<b:include data='posts' name='breadcrumb'/>
• Terakhir disimpan.

Semoga Berhasil. ^_^

Membuat Bullet List Dengan Css

Membuat Bullet List Dengan Css - Hmm, udah sumpek gara-gara blogku error,
cari tutorial malah nemuin ini, langsung saja aku coba,
gag tau akan sukses atau gag, tapi aku coba dulu.
Oiya sebelumnya silahkan dicoba tutorial Membuat Bullet List Dengan Css ini,

kali aja pada juga pingin nyoba. Silahkan di ikuti caranya dibawah :

• Masuk ke Edit HTML pada blog masing-masing
• Copy script berikut ini di atas ]]></b:skin>

 

.post-body ul {
margin: 0 auto;
background: #def;
padding: 0 0 0 25px;
list-style-image: url(http://4.bp.blogspot.com/-Thrd-5Ufd-U/
TlopZd6OSRI/AAAAAAAABso/xnFa43D30r4/s1600/uncheck.gif);
}
.post-body li {
margin: 0 0 0 10px;
padding: 3px;
border-bottom: 1px solid #999;
}
.post-body li:hover {
list-style-image: url(http://3.bp.blogspot.com/-1nWUFcXMHno/
Tloo6Sp_dkI/AAAAAAAABsU/ZXrFOIVNUAY/s1600/check.gif);
background-color: #CDE0E7;
cursor: pointer;
}

Untuk selanjutnya silahkan save templatenya, dan mulailah posting sista and brada. hiiii
Demonya seperti diatas, jika cursor didekatkan maka akan aktif centangnya.

referensi : http://sin1aja.blogspot.com/2012/05/modifikasi-list-bullet-dengan-css.html

Membuat Halaman Error 404 di Blog

Lagi dapat tugas ngeblog lagi, ya kalau dilihat dari judulnya ce kami disuruh membuat halaman error pada Blog.
Langsung dech googling kesana kemari cari pengertian dan tutorial membuatnya.
Dan akhirnya nemu juga di blognya Mas Andre Pandet. Klik disini untuk melihat blognya mas Andre.

Membuat Scrool Bar Blog Minimalis

Lanjutan dari postingan saya yang kemarin adalah tentang membuat scroll bar pada blog juga,
kini saya mencoba share membuat scroolbar yang lebih minimalis dan lucu.
Langkahnya sama dengan yang kemarin. Kurang lebih mirip-mirip kemaren, silahkan dicoba sendiri yak.

Tampilan Home Page Hanya Judul Posting

Seperti yang terlihat di banyak blog yang aku kunjungi seh, mereka banyak menggunakan Tampilan ini jika mereka menggunakan tempalte blogazine, hiii belum ngerti banget seh, tapi dari yang ku baca kebanyakan seperti itu. Mungkin postingan ini gag ada gunanya, bagi mastah-mastah blog ya. Namun gag ada salahnya dech aku share ini, karena blog ini juga sebagai buku meta pelajaranku disekolahan.

Wah, aku nglantur kemana-mana, sekarang ayo kita buat tampilan Homepage Blog kita hanya menampilkan Judul postingannya saja.

Ikuti langkah ini Brada n & Sista :

1. Langsung aja log in ke account blognya sendiri-sendiri
2. Menuju dech ke Rancangan >> Edit HTML
3. Tekan ctrl+f dan ketik ]]></b:skin>
4. Kemudian Copy script dibawah ini tepat dibawah Code no.3 ya...
   /***fidianavievy***/
     <style type='text/css'>
     <b:if cond='data:blog.pageType != &quot;item&quot;'>
     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
     .header-post-line1.post-body, .post-footer, .jump-link,
     .post-timestamp, .reaction-buttons,
     .star-ratings, .post-backlinks,
     .post-icons, .date-header{display:none;}
     </b:if>
     </b:if>
     </style>

Selesai, silahkan di save templatenya.