Cara Membuat Tombol Download dan Demo di Blog

Written By Masmip on Sunday, May 4, 2014 | 1:58 PM

بِسْــــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

 Assalamualaikum Wr.wb
Cara Membuat Tombol Download dan Demo diblog,carannya sangat mudah bisa dibuat ditemplate blog apa saja, kalau pengen bagus lagi redesign lagi code nya.
Langkah-langkahnya sebagai berikut :
1. Login ke akun Blogger sobat.
2. Pergi ke  Blogger Dashboard Template → Edit HTML
3. Gunakan  Ctrl+ F  untuk mempermudah pencarian dan cari kode ]]></b:skin>
4. Kemudian Copy & Paste kode dibawah ini tepat di atas atau sebelum kode  ]]></b:skin>

/* Button Blog By : ilu5i
----------------------------------------------- */
.buttonx{display:inline-flex;cursor:pointer;font-size:13px;font-weight:bold;text-transform:uppercase;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#FFF!important;border:2px solid #FFF!important;background-color:#0070b0!important;background:0;margin:5px 0;padding:8px 25px;text-shadow:none!important;transition:all 0s!important}
.buttonx:hover{background-color:#f78d1d!important;background:0}
.buttonx:active{position:relative;top:1px}
4. Klik Simpan → Simpan setelan.
5.Selesai.

Cara menggunakan Kode HTML nya bisa sobat simpan/tambahkan didalam postingan mode HTML bukan compose
<div style="text-align: center;margin: 10px 0;">
<a class="buttonx" href="http://ilu5i.blogspot.com/" target="_blank">Download</a>
<a class="buttonx" href="http://ilu5i.blogspot.com/" target="_blank">Demo</a>
</div>

Ganti alamat http://ilu5i.blogspot.com dengan URL/alamat web yang mau sobat gunakan
 Wassalamualaikum Wr.wb

Ditulis Oleh : Masmip ~Limited Edition

M.H.N Belajarlah lebih kreatif suatu saat nanti ke-kreatif-an mu pasti akan dibutuhkan oleh boss kerjamu,maka hargai orang yang sudah susah payah berkarya, dan bila anda ada kesulitan bisa ditanyakan karena saya juga ingin belajar dari pengalaman. Hargai karya seseorang jika anda ingin dihargai :D Terimakasih atas kunjungannya para master yang baru saja membaca artikel berjudul Cara Membuat Tombol Download dan Demo di Blog.

Blog, Updated at: 1:58 PM

0 comments:

Post a Comment

Tinggalkan komentar anda sebelum close dari blog :D
Terima kasih :D

Belajar Bersama

Follow