MonozCore

Mau tau sesuatu yang unik, menarik dan fantastic seputar dunia blogging kunjungi terus yaa MonozCore... hehehe... sekalian promosi mazBro... Oke rasanya kurang afdol jika kita memiliki blog tanpa info tentang musik dalam negeri yang sedang uptodate... betul ga??? betul donk... widget kali ini saya rasa pasti sobat blogger sudah tahu.... yup... widget info musik Tangga Lagu Indonesia Terbaru. 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 monozcore 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...

Cara Pemasangan :

• Login ke blog sobat...


• Klik "Design" kemudian klik "Add a Gadget" setelah itu pilih "HTML/JavaScript", seperti gambar dibawah ini.
  
  
  
  
  
  


• Copy-paste kode berikut ini di kotak postingan gadget atau klik "Add to Blogger" untuk mempermudah pemasangan widget.
  
  

  <!-- 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="http://lh3.googleusercontent.com/-t4Hn_CsJdGM/UDw6Bq9YTJI/AAAAAAAACcg/120phB_yDSU/s800/Music-Terbaru.png" style="height: 32px; vertical-align: middle; width: 32px;" /><b> Musik Terbaru</b></div> <!-- MonozCore - Tangga Lagu Start --> <script src="http://monozcore-project.googlecode.com/files/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> <!-- MonozCore - Tangga Lagu End --> <span style="padding-left:40px;font-size: 80%; float:left;"><a href="http://monozcore.blogspot.com/">Get this widget</a></span> </div> <!-- End Music Widget -->

  <!-- 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="http://lh3.googleusercontent.com/-t4Hn_CsJdGM/UDw6Bq9YTJI/AAAAAAAACcg/120phB_yDSU/s800/Music-Terbaru.png" style="height: 32px; vertical-align: middle; width: 32px;" /><b> Musik Terbaru</b></div> <!-- MonozCore - Tangga Lagu Start --> <script src="http://monozcore-project.googlecode.com/files/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> <!-- MonozCore - Tangga Lagu End --> <span style="padding-left:40px;font-size: 80%; float:left;"><a href="http://monozcore.blogspot.com/">Get this widget</a></span> </div> <!-- End Music Widget -->
  

  | Blog Tools
  Catatan :
  
  • Untuk merubah tampilan widget silakan sobat sesuaikan kode CSS HTML-nya pada kode diatas.


• Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :.