Pasang Widget Free Send SMS menggunakan css3

 Halo pengunjung DeOlenC'zaiV, kali ini saya akan share bagaiman cara memasang widget kirim sms online, tanpa bayar, tarif siang malam (GRATIS POOLLL) hohoho.... dengan menggunakan code css3, akhirnya terciptalah sebuah widget keren "sms gratis waccchhh",,, penasan pengen coba, langsung aja ikuti langkah-langkah berikut :

• Pertama Login dulu di Blogger.com
• Kedua, Dasbor (tampilan setelah sobat login di blogger)
• Kemudian Klik menu Rancangan
• Pilih Elemen laman
• Klik tambah widget
• Pilih HTML/javascript
• Copas code css berikut :

<style type="text/css"><br /> .boxsmsluar2 {<br /> height:190px;<br /> width:186px;<br /> padding:5px;<br /> overflow:hidden;<br /> border:3px solid #999;<br /> border-radius:8px;<br /> -moz-border-radius:8px;<br /> -webkit-border-radius:8px;<br /> -o-transition:all 1.1s ease-out;<br /> -moz-transition:all 1.1s ease-out;<br /> -webkit-transition:all 1.1s ease-out;<br /> background:#555 url() top center no-repeat;<br /> background-position: 12px 92px; <br /> }<br /> .boxsmsluar2:hover {<br /> height:380px;<br /> background:#CC9966 url(http://i964.photobucket.com/albums/ae124/gubhugreyot/background/bgRasterBlackTransV8H8.png);<br /> border-color:#663300;<br /> }<br /> .boxsmsluar2 iframe {<br /> background:url(http://i964.photobucket.com/albums/ae124/gubhugreyot/Mart10/template-GR/bgsms2.jpg);<br /> border:2px solid #666; <br /> border-radius:8px;<br /> -moz-border-radius:8px;<br /> -webkit-border-radius:8px;<br /> }<br /> .boxsmsluar2 .boxsmsdalam2{<br /> overflow:hidden;<br /> opacity:0.5;<br /> height:76px;<br /> margin:0; /* original code by:gubhugreyot.blogspot.com */<br /> padding:0;<br /> border-radius:8px;<br /> -moz-border-radius:8px;<br /> -webkit-border-radius:8px;<br /> box-shadow:-1px -1px 2px #fff, 1px 1px 6px #fff;<br /> -moz-box-shadow:-1px -1px 2px #fff, 1px 1px 6px #fff;<br /> -webkit-box-shadow:-1px -1px 2px #fff, 1px 1px 6px #fff; <br /> -o-transition:all 1.8s ease-out;<br /> -moz-transition:all 1.8s ease-out;<br /> -webkit-transition:all 1.8s ease-out;<br /> }<br /> .boxsmsluar2:hover .boxsmsdalam2 {<br /> height:380px;<br /> opacity:1.0; /* original code by:gubhugreyot.blogspot.com */<br /> -o-transition:all 1.5s ease-in;<br /> -moz-transition:all 1.5s ease-in;<br /> -webkit-transition:all 1.5s ease-in; <br /> }<br /> .boxsmsluar2 a {padding:2px 8px;margin:0 auto;display:block;text-align:center;font-family:Verdana;color:red;font-size:16px;font-weight:normal;text-shadow:1px 1px 1px #000;font-weight:bold; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-transition:all 1.5s ease-in;-moz-transition:all 1.5s ease-in;-webkit-transition:all 1.5s ease-in;}<br /> .boxsmsluar2 a:hover {color:blue;background:#999;width:170px;text-decoration:none;}<br /> </style><br /> <div class="boxsmsluar2"><br /> <div class="boxsmsdalam2"><br /> <iframe height="340" name="I2" src="http://divasms.com/widget" width="170">&amp;lt;p&amp;gt;&amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;gt;not support &amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;gt;&amp;lt;/p&amp;gt;</iframe><br /> </div><br /> </div>

• Setelah di copas code css di atas, lakukan tips tercanggih berikut
• Gak usah repot, Langsung simpen templatenya dah,,,