Auto Scrool Widget SmS Gratis

Sebuah trend baru agaknya memang harus diikuti sepanjang bermanfaat bagi pengunjung. Satu lagi yang lagi banyak penyuka! Widget SMS Gratis! Layanan SMS tanpa bayar yang membuat siapapun boleh kirim SMS sesuka hati tanpa bayar! Hooo ho .... Siapa yang nolak? Sampeyan mau? He... heh ....

Ada satu catatan yang sedikit membuat hati "agak kurang sreg" dengan widget baru ini. Tampilannya yang terkesan apa adanya sungguh membuat sedikit kekecewaan. Yah widget semenarik ini kenapa nggak dibuat lebih keren. Yap , stidak-tidaknya klo dipajang di blog nggak justru membuat tampilan tambah amburadul gitu,

Kode CSS Auto Scroller (lebar widget=210px)
.boxsmsluar {
height:184px;
width:214px;
padding:5px; /* Modiv code by:lefransparasian.blogspot.com */
overflow:hidden;
border:3px solid #999;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-o-transition:all 1.1s ease-out;
-moz-transition:all 1.1s ease-out;
-webkit-transition:all 1.1s ease-out;
background:#555 url(alamat bacground url anda) top center no-repeat;
background-position: 12px 92px;
}
.boxsmsluar:hover {
height:395px;
background:#CC9966 url(http://i964.photobucket.com/albums/ae124/gubhugreyot/bgjaring.png);
border-color:#663300;
}
.boxsmsluar iframe {
background: url(http://i964.photobucket.com/albums/ae124/gubhugreyot/Mart10/template-GR/bgsms2.jpg);
border:2px solid #666;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
.boxsmsluar .boxsmsdalam {
overflow:hidden;
opacity:0.5; /* original code */
height:76px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
box-shadow:-1px -1px 2px #fff, 1px 1px 6px #fff;
-moz-box-shadow:-1px -1px 2px #fff, 1px 1px 6px #fff;
-webkit-box-shadow:-1px -1px 2px #fff, 1px 1px 6px #fff;
-o-transition:all 1.8s ease-out;
-moz-transition:all 1.8s ease-out;
-webkit-transition:all 1.8s ease-out;
}
.boxsmsluar:hover .boxsmsdalam {
height:390px;opacity:1.0;
-o-transition:all 1.5s ease-in;
-moz-transition:all 1.5s ease-in;
-webkit-transition:all 1.5s ease-in;
}
.boxsmsluar 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;}
.boxsmsluar a:hover {color:blue;background:#999;width:150px;text-decoration:none;}

xHTML Auto Scroller Widget SMS Gratis

<div class="boxsmsluar">
<div class="boxsmsdalam">
Letakkan widget di sini!
<a href="http://lefransparasian.blogspot.com/" target="_blank" title="Gratis... tis ... tis ...tis! Silahkan SMS sepuasnya!">LPSM</a>
</div>
</div>

Cara Menggunakan Kode

1. Cari kode ]]></b:skin>.
2. Letakkan kode CSS (sesuai dengan lebar widget yang digunakan) tepat di atasnya.
3. Lanjutkan dengan KLIK "Page Elements/Elemen Laman".
4. KLIK "Edit" pada Widget SMS Gratis bagi yang sebelumnya sudah menggunakan.
5. Bagi yang belum menggunakan Widget SMS Gratis dan ingin memasang di blog, silahkan simpan juga widgetnya.
6. Simpan kode Widget di antara xHTMl auto scroller.
7. KLIK SAVE Templates/Simpan Template!
8. Buka blog untuk melihat hasilnya!

Di Baca Juga Ya...Artikel Terkait Lainnya :

Widget By : lefransnote's Site