Cara Membuat Label, Blogroll, Menu Accordion Keren Di Blog Dengan Css

Halo para pengunjung......

Kali ini Rafi Blog akan SHARE "Cara Membuat Label, Blogroll, Menu Accordion Keren Di Blog Dengan Css". Bagaimana? Tertarik? sebelumnya ada yang bertanya bagaimana bentuknya? bagaimana contohnya? maka sebab itu Rafi Blog menyediakan demonya. Berikut demonya.

Tertarik? penasaran? mau membuat? berikut tutorialnya.

Tutorial

• Pertama, masuk dasboard blog kalian
• Masuk ke Template, pilih Edit HTML
• Masukkan kode di bawah ini tepat di atas kode ]]></b:skin> 

.widgetSystem a{text-decoration:none;border-bottom:1px solid #46eb14;display:block;font-size:13px;font-weight:700;font-family:Arial,Arial,sans serif;-webkit-transition:all .5s ease 0;-moz-transition:all .5s ease 0;-o-transition:all .5s ease 0;transition:all .5s ease 0;margin:5px;padding:5px}
.widgetSystem a:hover{background:#46eb14;color:#fff}
.widgetSystem li{list-style:none;margin:5px;}
.systemyondarkness{background:#000; height:140px; overflow:auto; margin-top:10px; border:2px solid #46eb14; border-radius:3px} 

Keterangan :
Ganti kode yang berwarna LIME dengan kode warna garis bawah link yang kalian inginkan
Ganti kode yang berwarna RED dengan kode warna background link saat hover yang kalian inginkan
Ganti kode yang berwarna YELLOW dengan kode warna teks link yang kalian inginkan
Ganti kode yang berwarna PURPLE dengan kode warna background widget yang kalian inginkan
Ganti kode yang berwarna ORANGE dengan kode tinggi widget yang kalian inginkan
Ganti kode yang berwarna BLUE dengan ukuran border widget yang kalian inginkan
Ganti kode yang berwarna AQUA dengan kode warna border widget yang kalian inginkan
Ganti kode yang berwarna FUCHSIA dengan tingkat kelengkungan widget yang kalian inginkan

• Simpan
• Belum selesai, sekarang masuk ke Tata Letak
• Tambahkan widget HTML/JavaScript di tempat yang kalian inginkan
• Masukkan kode di bawah ini

<div class='widgetSystem'><div class='systemrafiblog'>
<ul>
<li><a href='http://creative-blog10.blogspot.com/' target='_self'>Link</a></li>
<li><a href='http://creative-blog10.blogspot.com/' target='_self'>Link</a></li>
<li><a href='http://creative-blog10.blogspot.com/' target='_self'>Link</a></li>
<li><a href='http://creative-blog10.blogspot.com/' target='_self'>Link</a></li>
<li><a href='http://creative-blog10.blogspot.com/' target='_self'>Link</a></li>
</ul>
</div></div>

• Klik simpan.
• Selesai

Kalau berhasil komen ya.....
Jika ada yang ingin ditanyakan komen jga...

Backlinks Please Thanks

URL

Code For Forum

HTML Code <a href='http://creative-blog10.blogspot.com/2014/02/cara-membuat-label-blogroll-menu.html' target='_blank'>Cara Membuat Label, Blogroll, Menu Accordion Keren Di Blog Dengan Css</a>

Anda Baru Saja Membaca Artikel Tentang Cara Membuat Label, Blogroll, Menu Accordion Keren Di Blog Dengan Css ,Anda Boleh Menyebarluaskan / Mengcopy Paste Artikel Cara Membuat Label, Blogroll, Menu Accordion Keren Di Blog Dengan Css Ini Bermanfaat Buat Anda , Namun Saya Mohon Untuk Mencantumkan Link Cara Membuat Label, Blogroll, Menu Accordion Keren Di Blog Dengan Css Sebagai SumberNya.