© 2014 by Andi Cang. Selamat Datang di Website ANDICANG Anda bebas masuk ke situs ini menggunakan satu gambar dan penjelasan singkat untuk link kembali ke posting apapun. publikasi ulang posting secara utuh dengan mencantumkan link pemilik andicang.blogspot.com
Minggu, 13 April 2014

Cara Membuat Label Keren Tanpa Merubah Edit HTML di Blog

label_andicang
untuk membuat label seperti gambar diatas caranya seperti berikut :
1. Pastikan Anda telah login ke halaman Dasbor dan membuka halaman Tata Letak.

2. Setelah itu Anda tambahkan gadget pada posisi yang diinginkan. Caranya Anda klik menu Tambah Gadget yangf ada halaman tata letak.

3. Selanjutnya Anda pilih Gadget HTML/JavaScript.

4. Kemudian Anda ketik atau salin kode berikut ini.
<!-Membuat Label andicang.blogspot.com Mulai—>
<style type='text/css'>
#tabs26 {
float:left;
width:100%;
background:#000;
font-size:93%;
line-height:normal;

}
#tabs26 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs26 li {
display:inline;
margin:0;
padding:0;
}
#tabs26 a {
float:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxC3-CZX9JBXa41-8jrX9fcO6KPt2nIqeDIzCX4ZiI3ePeF-NiXU2KFwbDC8OGoP6WUngtku2LSzGp2SkZq1OngxSsqEDtL7U1a1w1aF9ngUUaLP7yAQLE3yQDBvD2ogMn7AFOQyJM334W/) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs26 a span {
float:left;
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR1o9OUi8_gXWilL-kQ2FAr6hKBGw9rMNIjJEiiZVAlMgH6UyIF-qhyphenhyphenL11eytmN2Clt2_7is8G_3OD3Qb0gMjtJauLYiynzLDTbhOYrxyf12vLnXObmYGyX4xg50WmF9gkMW4gtafeM9BV/s1600/right.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
#tabs26 a span {float:none;}

#tabsE a:hover span {
color:#FFF;
}
#tabs26 a:hover {
background-position:0% -42px;
}
#tabs26 a:hover span {
background-position:100% -42px;
}
</style>
<div id="tabs26">

<ul>
<li><a href="LABEL 1"><span>CD DVD Tools</span></a></li>
<li><a href="LABEL 2"><span>Graphic</span></a></li>
<li><a href="LABEL 3"><<span>Internet</span></a></li>
<li><a href="LABEL 4"><<span>Kesehatan</span></a></li>
<li><a href="LABEL 5"><<span>Lirycs</span></a></li>
<li><a href="LABEL 6"><<span>Multimedia</span></a></li>
<li><a href="LABEL 7"><<span>Office</span></a></li>
</ul>
</div>
<!-Membuat Label andicang.blogspot.com Akhir—>

  Catatan:
Warna Hijau Ganti dengan alamat label atau kategori milik Anda
5. Maka tampil kode pada jendela gadget seperti gambar dibawah ini. Lalu klik tombol Simpan

6. Apabila proses berhasil, maka secara otomatis akan tercipta gadget baru pada halaman Anda.

7. kemudian pada blog Anda telah bertambah gadget baru yang berfungsi untuk menampilkan Label  Halaman seperti ini.
label_andicang
Terimakasih Anda telah membaca artikel ini, Selamat Mencoba Semoga Berhasil dan Bermanfaat, jika Anda berkenan, tinggalkan komentar Anda untuk Artikel ini. AndiCang...

0 komentar:

Posting Komentar

Semoga Bermanfaat. Nikmati koleksi saya dan sering-seringlah berkunjung lagi, saya akan melakukan yang terbaik agar koleksi ini senantiasa selalu menawan buat Anda. Terima kasih atas waktu Anda!

Cari Blog Ini

Entri Populer

Blogger+Followers

Google Follower

Back To Top