Cara Memasang Breadcrumb di Blog

Seperti apa yang saya ketahui dan sudah saya pasang seperti blog saya ini yang dimaksud dengan Breadcrumb Navigation adalah menu navigasi ataupun sebagi petunjuk arah halaman yang sedang dikunjungi yang berisi berupa link horisontal diatas blog yang sudah diatur sedemikian rupa sesuai dengan label yang dipasang/diatur dipostingan kita sebelumnya, biasanya link ini terpasang berurutan mulai dari menu Home >> Label >> Sub Label>>Judul Halaman Yang Sedang Dibuka, tujuannya untuk mempermudah dan memberikan informasi kepada pengunjung posisi halaman yang sedang dibuka sekarang, disamping itu akan mempermudah juga untuk kembali kehalaman Home/Beranda, adapun cara memasang Breadcrumb diblog sebagai berikut  :

Oke, langsung aja ini caranya :

1. Sign in Ke blogger
2. Klik Templete
3. klik Edit HTML
4. Cadangkan/Pulihkan Template jika perlu (untuk BackUp template anda)
5. Cari Kode ]]></b:skin> (biar lebih gampang gunakan tombol CTRL+F.)
6. Kemudian copy dan paste kode dibawah ini dan letakkan diatas kode ]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

7. Kemudian cari kode <b:includable id="main" var='top'> (biar lebih gampang gunakan tombol CTRL+F.)
Jika sudah ketemu, ganti code <b:includable id="main" var='top'> dengan code dibawah ini

<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'>Home</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'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</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'>Home</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'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>


8. Klik Pratinjau untuk melihat kesalahan dan apabila sudah tidak ada masalah klik Simpan
9. Selesai ~

Oke, Semoga Bermanfaat :)

Read More

Cara Membuat Judul Blog Berada di Tengah - tengah

Pernah melihat nama dan deskripsi blog yang posisinya di tengah-tengah header? kadang setelah melihat blog orang lain yang tampilannya seperti itu, kita juga ingin merubah blog kita sama seperti yang kita lihat, tapi bagaimana kalau tidak tau cara merubahnya? Pada default template blog biasanya judul atau nama blog posisinya terletak disisi sebelah kiri, dan tentunya posisi tersebut dapat kita rubah pada posisi tengah jika kita menginginkannya yaitu dengan cara menambahkan kode CSS.

Bagi yang ingin merubah tampilan header blognya yaitu dengan cara menampilkan posisi judul dan deskripsi blog berada di tengah, penulis akan coba kasih tipsnya hasil dari jalan-jalan di dunia maya bersama Mbah Google.

Berikut yang harus dilakukan untuk judul dan deskripsi blog berada di tengah header :

1. Login ke Blogger
2. Klik 'Template' lalu klik 'Sesuaikan'

3. Kemudian Pilih 'Tingkat Lanjut', lalu klik 'Tambahkan CSS'

4. Masukkan Code ini

.titlewrapper{text-align:center;}
.descriptionwrapper{text-align:center;}

5. Lalu klik 'Terapkan ke Blog'

Selesai ~ Kini judul blog anda berada di tengah tengah.
okee, Semoga Bermanfaat :D

Read More

Tombol Cepat di Keyboard Windows 7

Sudah lamaaaaaa banget ga pernah post, kali ini saya akan share tentang Tombol Tombol Cepat/Pintasan Tombol di Keyboard Windows 7. Kadang kala kita merasa terlalu lama saat mencari cari sesuatu di komputer dan berpikir 'kalau ada tombol cepatnya bakalan cepet ini bukanya', nah sekarang saya share nih Tombol Tombol Cepat nya :D

1. tombol windows + E
    ketika teman-teman menekan tombol logo windows dan huruf e di keybord secara
    bersamaan maka akan terbuka windows exploler yang akan menampilkan jumlah peritisi
    yang ada di komputer teman-teman

2. tombol windows + D
    tombol kombinasi ini gunakan untuk me minimize dan maximize seluruh halaman yang kita
    buka sebelumnya

3. tombol windows + M
    fungsihnya hampir sama dengan windows+D namun windows + M hanya bisa me minimize
    seluruh halaman dan tak bisa me maximize halaman

4. tombol windows + tab
    pada tombol kombinasi ini, digunakan untuk melaukan perpindahan lebar kerja
    dengan bentuk 3D

5. tombol windows + + (tombol plus)
    pada tombol kombinasi ini digunakan untuk memperbesar layar(zoom) sesuai dengan
    yang kita iginkan

6. tombol windows + home
    berfungsih melakukan Minimize dan Maximize pada semua windows kecuali window yang
    sedang terbuka (sedang digunakan)

7. tombol prt scsysrq
    pada saat kita menekan tombol prt scsysrq pada keyboard maka akan membuat foto
    Screenshot pada semua layar komputer cara pengguaanya, setelah kita menekan tombol
    prt scsysrq maka paste di office word atau aplikasi edit foto alinya.

8. tombol ALT + prt scsysrq
    fungsihnya hampir sama pada no 7 namun pada foto screenshot hanya mengambil
    window (layar) yang sedang kita gunakan.

9. tombol windows + panah
    pada saat kita menekan tombol windows dan arah panah, entah itu panah kanan, kiri,
    atas, dan bawah. akan merubah ukuran window atau halaman kerja yang sedang aktif.

10. tombol ALT + P
      berfungsih untuk menampilkan preview (pertinjauan) data yang kita sentuh, tampa harus
      membukanya. perintah ini hanya berfungsih di halaman windows Explorer

11. tombol windows + 1
      berfungsih untuk kembali ke windows (layar) yang sebelumnya dan dapat melakukan
      minimize dan maximize window

12. tombol windows + T
      pada tombol kombinasi ini berguna untuk manpilkan halaman, beradasarkan icon yang
      berada di panel bawah windows

13. tombol windows + R
      pada tombol kombinasi ini, berfungsih untuk melakukan perintah run

14. tombol windows + P
      berfungsih untuk mengatur tampilan layar monitor, biasanya digunakan untuk
      menampilkan gambar di proyektor

15. tombol windows + U
      cara cepat masuk di halaman Ease of Access center

 16. tombol windows + X
       berguna untuk menampilkan windows mobility center yang dimana terdapat pengaturan
       cahaya, suara, battery, wireless dll.

 17. tombol windows + L
       berfungsih untuk mengunci layar

Kira kira seperti itu gan, Semoga bermanfaat :D

Read More