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 31, 2014

cara membuat speech bubble style

Cara membuat speech bubble style - cara membuat speech bubble style ini sangat mudah dan memiliki tampilan menarik, cara membuat speech bubble style berfungsi untuk menampilkan suatu text agar lebih berkesan elegan dengan sistem tampilan tooltip. Bila anda tertarik untuk memasang tampilan cara membuat speech bubble style ini di halaman blog anda silahkan simak tutorial dibawah jangan lupa lihat demonya untuk memastikan bahwa anda menyukainya...

Demo


Install Program CSS


  1. Login ke dashboard anda
  2. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
  3. Cari code ]]></b:skin> 
  4. Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin> tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda.

/*****************************************
Name : speech bubble style
By : Rivai Silaban | Ide Blogspot | Blog Design
Update : Jumat 31 January 2014
******************************************/
.speech-bubble-style {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#fff;
border-radius:10px;
background-color: #2F485B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.speech-bubble-style:before {
content:"";
display:block;
position:absolute;
bottom:-20px;
left:60px;
width:0;
height:0;
border:0;
border-right-width:30px;
border-bottom-width:20px;
border-style:solid;
border-color:transparent #2F485B;
}
.speech-bubble-style:after {
content:"";
display:block;
position:absolute;
bottom:-20px;
left:80px;
width:0;
height:0;
border-width:0;
border-right-width:10px;
border-bottom-width:20px;
border-style:solid;
border-color:transparent #fff;
}
/* speech bubble style code CSS */



Code HTML dibawah ini merupakan code format tag html cara membuat speech bubble style...

<p class="speech-bubble-style">contah tampilan " speech bubble style "</p>



Kesimpulan

Pemasangan code html speech bubble style ini dapat anda pasang dimanapun anda butuhkan selama masih di sekitar blog yang telah anda pasang CSS speech bubble style ini sebelumnya, yang kita butuhkan hanyalah pemanggilan sistem fungsi CSS speech bubble style itu sendiri..


Buat anda yang belum memahami betul code CSS dan HTML silahkan kunjungi link dibawah ini untuk lebih detailnya...

http://www.ideblogspot.com/2014/01/speech-bubble-style.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 : 4:11 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