Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...

Friday, January 3, 2014

accordion link style hover

Accordion link style hover - cara membuat accordion link style hover ini sangat mudah, accordion link style hover ini tidak memiliki script jadi lebih ringan. Konstruksi penulisan tag code accordion link style hover ini lebih simple dan mudah di pahami. Dengan efect transition accordion link style hover ini memiliki tampilan yang menarik, jadi sangat cocok untuk blogger mania yang menginginkan link pada halaman blognya memakai fungsi accordion. Untuk melihat tampilan accordion link style hover ini silahkan kunjungi link dimo dibawah ini, dekatkan cursor anda pada link yang berada di halaman demo. Bila anda tertarik untuk memasang tehnik accordion link style hover ini silahkan simak tutorial dibawah ini, langsung saja menuju TKP.

Demo


Code CSS here..


/*****************************************
Name : accordion link style hover
By : Rivai Silaban | Blog Design
Update :Jumat 02 January 2014
site : www.rivai.org
******************************************/
.accordion-link-atyle-hover {
width: 300px;
margin: 0 auto;
padding: 5px;
}.accordion-link-atyle-hover a{
list-style-type: decimal;
color: #990000;
text-decoration: none;
font-family: Verdana;
font-size: 12px;
margin: 0;transition: .5s ease-out 0s;
}.accordion-link-atyle-hover a:hover{
color: #0000FF;
margin: 0 0 0px 10px;
transition: .5s ease-out 0s;
}.accordion-link-atyle-hover ul li{
margin: 3px 0 3px -20px;
list-style-type: decimal;
}.accordion-link-atyle-hover li a{
list-style-type: decimal;
color: #990000;
text-decoration: none;
font-family: Verdana;
font-size: 12px;
margin: 0;transition: .5s ease-out 0s;
}.accordion-link-atyle-hover li a:hover{
color: #0000FF;
margin: 0 0 0px 10px;
transition: .5s ease-out 0s;}
/*** www.rivai.org CSS accordion link style hover and ***/


Code HTML here..


<!-- www.rivai.org code accordion link style hover start-->
<div class="accordion-link-style-hover">
<ul>
<li><a href="http://www.rivai.org/" target="_blank" rel="nofollow" title="accordion-link-atyle-hover">accordion link atyle hover 1</a></li>
<li><a href="http://www.rivai.org/" target="_blank" rel="nofollow" title="accordion-link-atyle-hover">accordion link atyle hover 2</a></li>
<li><a href="http://www.rivai.org/" target="_blank" rel="nofollow" title="accordion-link-atyle-hover">accordion link atyle hover 3</a></li>
<li><a href="http://www.rivai.org/" target="_blank" rel="nofollow" title="accordion-link-atyle-hover">accordion link atyle hover 4</a></li>
<li><a href="http://www.rivai.org/" target="_blank" rel="nofollow" title="accordion-link-atyle-hover">accordion link atyle hover 5</a></li>
</ul>
</div>
<!-- www.rivai.org code accordion link style hover end-->


Code diatas merupakan code CSS dan code tag HTML dari accordion link style hover yang mungkin sudah anda lihat tampilannya pada halaman demonya, Buat teman teman yang masih belajar blogging sama seperti saya silahkan kunjungi halaman tata cara pemasangan accordion link style hover agar lebih detail dan jelas.....

http://www.rivai.org/2014/01/accordion-link-style-hover.html

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Me

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter
Di posting oleh : Rivai Silaban Update pada : 9:04 PM

0 komentar :

Post a Comment

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "

Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Konversi Kode Forum Diskusi Join to Blog