Tombol Download Demo Ala Mas Yoga

Selamat Siang di Blogger Mas Yoga,,,

Hari ini yang cuacanya di dukung hujan,,, Mas Yoga akan memberikan tutorial untuk blog-blog sobat yang keren, biar tambah keren ikuti aja tutorial ini. hehehehe :D
Hari ini Mas Yoga akan membagikan tutorial cara membuat tombol demo dan download di blog. Pasti blog-blognya pada pengen keren kan? pas sekali tutorial ini buat blog sobat

Yuk di simak ;

1. Pasti udah padatahu kan? Login dulu ke akun blogger sobat
2. Masuk ke Menu template
3. Klik edit Template, maka akan muncul semua kode-kode template sobat yang buanyak sekali,,,,,,
4. Cari kode ]]></b:skin> lebih cepat tekan CTRL+F, lalu enter
Masukkan kode di bawah ini tepat di atas kode ]]></b:skin> ;

/* -- Mas Yoga Button --*/ .button{float:left;list-style:none;text-align:center;width: 100%;margin:5px 0;padding:0;font-size:14px;clear:both;} .button ul {margin:0;padding:0} .button li{display:inline;margin:0;padding:0} .demo {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 80px !important; background: #E55E48; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s;letter-spacing:1px; } .download {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 80px !important; background: #5FAAE3; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s; letter-spacing:1px;} .demo:hover { background: #454242; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222 } .download:hover { background: #454242; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222 }

Setelah terpasang, ingat sobat klik simpan template. dan tunggu hingga proses penyimpanan selesai.

5. Jika penyimpanan sudah selesai, Taruh kode ini di mana saja,,, di artikel sobat, di tata letak sobat, di widget sobat, dan di mana-mana :D

<div style="text-align: center;"><ul class="button"><li><a class="demo" href="http://jalantikustheme.blogspot.com/" target="_blank">Demo</a></li><li><a class="download" href="http://adf.ly/1XXLZf" target="_blank">Download</a> </li></ul></div><div class="clear"></div>

Dan setelah itu cek di blog sobat,,,
beginilah tampilannya tombol download dan demonya. gimana sobat? keren banget gan. pembuatannya juga mudah kan? :D

 Tapi bukan untuk tombol download dan demo saja kok,,, semuanya bisa....,, tidak di pungut biaya apapun :D

Yah,, mungkin cukup untuk pertemuan hari ini,, mudah-mudahan artikel ini dapat bermanfaatbuat blog sobat. Jika ada pertanyaan tulis di kotak komentar atau di link berikut ;

• Facebook
• Twitter

Jika ada kesalahan dalam penulisan kata mohon di maafkan,,, jangan lupa di follow ya,,,

Terima Kasih sudah berkunjung