cinta blogspot

Browse Manual » Wiring » ala » cara » demo » download » kurosaki » membuat » mr » tombol » Cara Membuat Tombol Demo Download Ala MR Kurosaki

---

Cara Membuat Tombol Demo Download Ala MR Kurosaki

.. MR-Kurosaki-allamdullilah masih bisa posting lagi ni..dan kali ini posting Trick Blogger lagi yaitu
Cara Membuat Tombol Demo Download Ala gw *sebelumnya saya posting template
-Rocket Blogger Template
-Zikazev Blue Template
nah sekarang saya akan kembali ketopik..hmm.. untuk seperti apa nampak button demo dan downloadnya seperti gmbar diatas.. tpi akan saya liatin yg sebnernya..button ini hanya berfungsi untuk sebagai Hiasan jika kita akan share file yg bisa org download supaya lebih menarik utk org mendownloadnya
nah penasaran utk membuatnya?? langsung saja ya dri pda ane capek" jelasin. :v

1. loggin blogger (.. ya iyalah masa login facebook
2. langsung ke template
3. edit html
4. tambahkan kode dibawah ini diatas ]]></b:skin>

/* Buttons Download
---------------------------------------------*/
ul.postbuttons{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:0px;
padding-top:20px;
padding-bottom:20px}
ul.postbuttons li{
background:none 0 0 repeat scroll transparent;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 5px 0 0;
padding:0}
a.livedemo{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKCt6abfdd6vjwKQJp4Rbc7p8_TQk67WcMhlVKuqbsY8Al986uypAcqlXTaqIPLXxLxeh1iwV_hWhWMev-PmX2m7I8dlhxugL5-x8GMaZDSDH-AsiBruyo9GDgB7S2AkiZ-Idbn5gPAOw/s1600/demodownload.gif) left bottom no-repeat scroll transparent;
display:block;
height:25px;
text-indent:-9999px;
width:250px}
a.download{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKCt6abfdd6vjwKQJp4Rbc7p8_TQk67WcMhlVKuqbsY8Al986uypAcqlXTaqIPLXxLxeh1iwV_hWhWMev-PmX2m7I8dlhxugL5-x8GMaZDSDH-AsiBruyo9GDgB7S2AkiZ-Idbn5gPAOw/s1600/demodownload.gif) right bottom no-repeat scroll transparent;
display:block;
height:25px;
text-indent:-9999px;
width:250px}

5. oke save templatenya...

sekarang kita akan menerapkannya/ memanggil button tdi di dlm postingan dengan cara
-buat postingan baru
-ketik" aja dlu artikelnya :v
-masukkan script berikut di bagian HTML bukan COMPOSE 

<ul class="postbuttons">
<li><a class="livedemo" href="masukkan link demo" rel="nofollow" target="_blank">Demo</a> </li>
<li><a class="download" href="masukkan link download" rel="nofollow" target="_blank">Download</a>&nbsp;</li>
</ul>

-silahkan atur link download dan demonya
maka hasilnya akan seperti ini:

• Demo
• Download 

nah keren bukan ?? dan jgn takut utk scriptna.. karena script ini tdk menggunakan efek hover DLL.. jdi script ini sangat simple dan tidak terlalu membuat blog lemot.. jdi efeknya udh loading blog cuma sedikit kok.. dan saya juga menggunakan script ini..
nah semoga bermanfaat dan jgn lupa komentarnya yaa.. :D