Cara Membuat Label di Blog

Cara Membuat Label di Blog - Membuat label adalah salah satu hal yang sangat dasar dan penting. Kenapa ini bisa begitu penting ? Label itu diibaratkan sebagai kategori pada website yang gunanya nanti adalah untuk memudahkan pengunjung blog anda menelusuri semua artikel berdasarkan kategori tersebut.
Fitur label ini dasarnya memang sudah disediakan oleh blogger. Tapi ada beberapa dari anda yang mungkin belum memanfaatkan kegunaanya. Sekarang coba anda lihat bagian atas blog ini, disana terdapat label yang terdiri mulai dari Alexa sampai dengan Tips-Trik. Dengan label tersebut saya bisa mengkategorikan artikel yang ada pada blog ini. Kembali lagi, tujuannya adalah untuk memudahkan anda semua dalam menjelajahi blog saya ini.

Membuat Label di Blog

Cara Membuat Label di Blog

Karena ini adalah hal dasar, saya rasa untuk membuatnya pun tidaklah sulit. Label ini pun hanya perlu anda tambahkan satu kali dan bisa digunakan untuk berkali-kali. Misal, anda ingin menambahkan label "Software". Maka label tersebut bisa anda gunakan berkali-kali untuk artikel yang anda rasa ada kaitannya dengan software. Sudah cukup mengerti ? Sekarang mari kita lihat cara menambahkannya.

  • Masuk ke dashboard blogger anda
  • Pilih menu POST lalu buat ENTRI BARU
  • Perhatikan sisi kanan, tepatnya di bawah SETELAN ENTRI, disitulah anda bisa mengisikan LABEL yang anda inginkan.
Cara Membuat Label di Blog

Nb*). Klik gambar untuk melihat ukuran yang lebih besar !

Bagaimana sekarang, Apakah sudah berhasil ? Perlu anda ketahui, dengan menambahkan label pada artikel yang akan anda buat maka label tersebut akan muncul di bagian bawah artikel setelah anda mempublishnya. Lihat contohnya di bawah ini.
Cara Membuat Label di Blog
Untuk membuat pengunjung blog anda lebih mudah mengenali label yang anda buat. Anda bisa meletakannya  di bagian sidebar dengan cara sebagai berikut :
  • Masuk ke dashboard blogger anda
  • Pilih menu TATA LETAK
  • TAMBAH GADGET BARU dan pilih LABEL
Cara Membuat Label di Blog
Setelah itu coba lihat tampilan blog anda sekarang.. Untuk contoh berikut hasilnya 
Cara Membuat Label di Blog
Anda pun bisa mengkreasikan penggunaan label ini sesuka hati anda. Apa yang saya contohkan di atas hanyalah bentuk label standar bawaan dari blogger. Untuk kreasinya bagimana anda bisa mencarinya sendiri, karena tidak cukup rasanya jika saya bahas dalam artikel ini.
Baiklah, saya rasa artikel Cara Membuat Label di Blog  cukup sampai disini dulu. Jika artikel ini bermanfaat bagi anda,
Read more »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Berikut ini langkah-langkah yang harus dilakukan :
  1. Klik Menu Desain 
  1. Pilih Menu Template lalu pilih menu Edit HTML 
  1. Pilih/klik menu Lanjutkan
  1. Pilih/klik menu Expand Template Widget
  1. <div class='main-outer'> atau
    <div id='main-wrapper'> atau <div id='main'>
     
    Cari scrift berikut :



Agar lebih mudah, klik saja F3 pada keyboard lalu pilh salah satu scrift diatas. Berdasarkan pengalaman saya setelah membolak balik informasi di www.google.com maka yang cocok adalah :
div class='main-outer'>.
Bisa jadi beda dengan template yang lain…

Setelah dapat, copas scrift berikut tepat diatas scrift yang dicari tadi : 

<style>
/* -- Menu Horizontal + Sub Menu-- */
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}
#cat-nav a:hover { color:#fff; }
#cat-nav li:hover { background:#000; }
#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}
#cat-nav .nav-description { display:block; }
#cat-nav a:hover span { color:#fff; }
#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }
#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
#secnav li { float:left; width: auto; height:35px;}
#secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}
#secnav li ul li  { height:30px; border-top:1px solid #fff; }
#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
#secnav li ul ul  { margin: -30px 0 0 180px; }
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
#secnav li:hover,#secnav li.hover  { position:static; }
#cat-nav #secnav {width:100%;margin:0 auto;}
</style>
<div id='cat-nav'>
<ul class='fl' id='secnav'>
<li><a href='#'>Beranda</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu2 a</a></li>
<li><a href='#'>Sub Menu2 b</a></li>
</ul>
</li>
<li><a href='#'>Menu3</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu3a</a></li>
<li><a href='#'>Sub Menu3b </a></li>
</ul>
</li>
<li><a href='#'>Menu4</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu4a</a></li>
<li><a href='#'>Sub Menu4b </a></li>
</ul>
</li>
<li><a href='#'>Menu5</a></li>
</ul>
</div>


PENJELASAN :
    • Ganti tanda # (warna biru) dengan link/url yang anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog anda.
    • Ganti Tulisan warna biru dengan menu dan sub menu yang anda inginkan.
    • Setiap sub menu bisa ditambah atau dikurangkan sesuai keinginan. 

7. Setelah itu klik Pratinjau dulu untuk memastikan scrift sudah benar . Lalu simpanlah/save. Dan tutup edit HTML tersebut.

Saran : back up dulu template anda sebelum merubah/menambah scrift diatas, agar bisa dimanfaatkan kembali jika ada masalah dengan penambahan srcritf diatas.

8. Untuk menghilangkan tampilan tampilan dabel dengan Laman Utama, 
Maka ikutilah saran berikut :

  • Masuk ke Menu Laman 
  • Lalu pilih tampilan halaman dengan memilih "jangan tampilkan"
  • Simpan setelan, maka laman utama akan tampil sendiri sesuai dengan scrift yang kita ketikkan tadi.
Blog sudah bisa dipublikasikan...
Apabila melalui cara yang kami bagikan ini belum berhasil, coba sahabat ulangi lagi dengan sabar. jika berkali-kali memang tidak bisa, sahabat bisa berkonsultasi dengan Info Bagus Fakta Bagus melalui komentar di bagian bawah ini. 

Semoga bermanfaat kebaikan.

Read more »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Desing Downloaded From Free Blogger Templates | Free Website Templates | Free PSD Graphics