Type something and hit enter

author photo
By
Cara Membuat Link Download dan Demo- Untuk para blogger memiliki link download dan demo itu adalah suatu keharusan saat blog nya membahas suatu yang berbau download, biasa yang yang menggunakan link download dan demo ini blog yang membahas tentang share template,download musik, download film dll.

Karena dengan memasang link download dan demo blog kita akan semakin keren dan trlihat profesional di mata pengunjung, dan mereka yang akan download atau live demo merasakan kemudahan saat apa yang mereka ingin kan tersedia dengan mudah.

Nah di sini saya akan berbagi mengenai cara membuat link download dan demo yang ringan, kenapa saya bilang ringan karena di sini hanya menggunakan css saja dan tidak menggunakan javascrip yang berlebihan sehingga tidak mengurangi kecepatan blog kita.

Dengan membuat link download responsive ini sobat dengan mudah bisa memasang link nya, apalagi jika mau di taruh safelink waah kayak nya cocok banget, karena selain ringan css ini juga responsive sehingga nanti nya tidak terlihat acak-acakan namun akan terlihat rapi meski di lihat menggunakan versi apapun, seperti versi PC ataupun versi Mobile.

Baiklah di bawah ini saya berikan tutorial nya tentang cara membuat link download yang keren dan responsive serta ringan penggunaan nya, sehingga sobat semua bisa menerapkan nya di blog sobat dengan mudah. Berikut cara memasang link download :

Cara Membuat Link Download dan Demo secara mudah dan singkat


1. Masuklah ke Blogger sobat

2. Pilih menu Template lalu pilih Edit HTML

3. Cari kode ]]></b:skin> atau </style> lalu Copy kode di bawah dan Paste tepat di atas kode ]]></b:skin> atau </style>

* tekan CTRL+F di keyboard untuk memudahkan pencarian

/* Demo Download Button */
.boddbtn {text-align:center;color:#fff !important;list-style:none;margin:10px !important;padding:10px !important;font-size:14px;display:inline-block;text-decoration:none !important;clear:both;}
.boddbtn ul {padding:0;margin:0;}
.boddbtn li {list-style:none;display:inline;padding:0;margin:5px;}
.demobtn,.downloadbtn{color:#fff !important;padding:10px 15px 10px 18px;font-size:13px;font-weight:700;font-family:oswald;text-transform:uppercase;text-align:center;border-radius:3px;border:0;letter-spacing:1px;transition: all 0.2s ease-out;text-decoration:none !important;}
.demobtn {background-color: #3498db;}
.downloadbtn {background-color: #34d968}
.demobtn:hover {background-color: #2980b9;color: #fff;}
.downloadbtn:hover {background-color: #2fbd5a;color: #fff;}

4. Kemudian klik Simpan Tema

5. Setelah selesai menyimpan kode Css di atas lalu letakan kode di bawah ini di artikel sobat

<div style="text-align: center;">
<ul class="boddbtn">
<li><a class="demobtn" href="http://www.masmient.com/demo" rel="nofollow" target="_blank">DEMO</a>&nbsp;&nbsp;<a class="downloadbtn" href="http://www.masmient.com/download" rel="nofollow" target="_blank">DOWNLOAD</a></li>
</ul>
</div>
Ket :
*Letakan di mode HTML
*Ganti link yang berwarna Biru dengan link download dan demo sobat

6. Publikasikan pstingan sobat dan lihat tampilan link demo akan seperti di bawah ini


Dengan menggunakan cara-cara di atas sobat sudah bisa membuat link download dengan mudah dan semoga sukses selalu..

Selamat menerapkan cara di atas dan semoga tampilan nya sesuai yang kita harapkan... di atas lah cara Masmient membuat link download dan demo.

Click to comment