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, February 21, 2014

cara membuat style link type square

Cara membuat style link type square - Tutorial cara membuat style link type square pada tag html, atau cara memasang style link type square diblogspot. cara membuat style link type square dapat anda gunakan untuk membuat tampilan link halaman blog anda menarik dan lebih profesional. cara membuat style link type square hanya menganalkan sistem css untuk tampilannya. Untuk melihat tampilan cara membuat style link type square ini silahkan klik link demo dibawah ini, bila anda tertarik memasang style link type square ini halaman blog anda silahkan simak tutorial dibawah ini...

Demo

code CSS cara membuat style link type square

Code CSS here..


/**************************
Name : style link type square
Update : Jumat 21 February 2014
Design : Rivai Silaban
Site : www.rivai.org
Publish : www.ideblogspot.com
**************************/
.style-link-type-square {
width: 95%; /* Lebar wiget */
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.style-link-type-square ul li{/* Oparator CSS sistem ul dan li */
margin: 0px 0px 0px -20px;
padding: 5px 0px;
list-style-type: square;
border-bottom: 1px dashed rgb(204, 204, 204);
color: #000099;
}
.style-link-type-square li a{ /* warna link */
color: #0000FF;
text-decoration: none;}
.style-link-type-square li a:hover{ /* warna link setelah disentuh cursor */
color: #990000;}
/* end CSS style link type square - Ide Blogspot */


Code tag HTML cara membuat style link type square

Code HTML here..


<!-- style link type square - Ide Blogspot start code -->
<div class="style-link-type-square">
<ul>
<li><a href="http://www.ideblogspot.com/" target="_blank" title="Contoh Link 1">Contoh Link 1</a></li>
<li><a href="http://www.rivai.org/" target="_blank" title="Contoh Link 2">Contoh Link 2</a></li>
<li><a href="http://rivai-silaban.blogspot.com/" target="_blank" title="Contoh Link 3">Contoh Link 3</a></li>
<li><a href="http://diskusi.rivai.org/" target="_blank" title="Contoh Link 4">Contoh Link 4</a></li>
<li><a href="http://www.ideblogspot.com/" target="_blank" title="Contoh Link 5">Contoh Link 5</a></li>
<li><a href="http://www.rivai.org/" target="_blank" title="Contoh Link 6">Contoh Link 6</a></li>
<li><a href="http://rivai-silaban.blogspot.com/" target="_blank" title="Contoh Link 7">Contoh Link 7</a></li>
</ul>
</div>
<!-- style link type square - Ide Blogspot end code -->


Bila anda masih belum memahami tata cara membuat style link type square ini silahkan kunjungi halaman sumbernya, dan lihat fungsi dari beberapa fitur codenya, semoga bermanfaat..
Sumber : http://www.ideblogspot.com/2014/02/style-link-type-square.html

Referensi yang dapat anda manfaatkan untuk meningkatkan pengetahuan anda mengenai sistem penulisan tag tag link..

http://www.ideblogspot.com/2014/02/attribut-link.html
http://www.ideblogspot.com/2014/01/pengertian-link.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 : Unknown Update pada : 3:01 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