Minggu, 13 Januari 2013

Pasang Widget Tangga Lagu

Mau tau sesuatu yang unik, menarik dan fantastic seputar dunia blogging kunjungi terus yaa Brankas Script... hehehe... sekalian promosi mazBro...
Widget ini akan memberikan informasi terbaru seputar belantika musik indonesia, mulai dari penyanyi, judul lagu, lirik lagu hingga mendownload mp3-nya... wooww.. kerenkan... ya donk...

Widget tangga lagu indonesia terbaru memiliki tampilan dasar berciri khas Brankas Script yaitu rounded block yang berwarna biru transparan. Untuk style menggunakan inherit style yang artinya mengikuti tampilan dasar dari template blog. Oke... bro buat yang tertarik langsung aja ke TKP...


Musik Terbaru
Get this widget


Langkah-langkah seperti biasa sobat...
Dasboard - Tata Letak - Tambah widget - HTML/JavaScript
letakkan code dibawah ini kemudian Save

<!-- Music Widget -->
<div style="-moz-border-radius: 8px; -moz-box-shadow: inset 0 0 1px #fff; -webkit-border-radius: 8px; -webkit-box-shadow: inset 0 0 1px #fff; background-image: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: -ms-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: -o-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327AA4), color-stop(0.5, #2E4B5A), color-stop(1, #5CB0DC)); background-image: -webkit-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); border-radius: 8px; box-shadow: inset 0 0 1px #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#619bb9,endColorstr=#2E4B5A,GradientType=0); height: auto; margin: 0 0 0px 0; overflow: auto; padding: 5px 10px 10px 10px;">
<div style="color: white; font-family: Arial,Helvetica; font-size: 16px; padding-bottom: 0px;">
<img src="https://sites.google.com/site/goezdegleng/images/Music-Terbaru.png" style="height: 32px; vertical-align: middle; width: 32px;" /><b> Musik Terbaru</b></div>
<!-- goezdegleng - Tangga Lagu Start -->
<script src=" https://sites.google.com/site/goezdegleng/widget/tangga_lagu.js" type="text/javascript">
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_callback=getYpipe&_id=e4aa23fbf898ed1d8ebd8b4850c5199c&_render=json" type="text/javascript">
</script>
<!-- goezdegleng - Tangga Lagu End -->
<span style="padding-left:40px;font-size: 80%; float:left;"><a href=" http://gusdegleng.blogspot.com/2013/01/pasang-widget-tangga-lagu.html">Get this widget</a></span>
</div>
<!-- End Music Widget -->
Semoga bermanfaat