Cara Membuat Label Demo Dan Download Pada Blogspot

Heloo Sobat Planet SMM,Kali Ini Dan Di
Kesempatan Kali Ini Admin Planet SMM Akan Share Tutotial Cara Membuat Label Download Dan Demo Di Blogspot Dengan Mudah

Buat Kalian Yang Belum Subcribe Segera Subcribe Blog Ini Yaaa

Dalam Web Downloader,Table Download Sangat Bermanfaat bagi web itu karna untuk mempermudah pengunjung mendownload yang telah disediakan oleh web tersebut

jadi jika kita mau buat label download caranya adalah kalian ikuti cara cara berikut

pertama,kalian masuk ke blogger dan login

setelah login kalian masuk ke Tata Letak Dan  Kalian Klik Tambahkan Widget Dan Pilih Label HTML



jika sudah di klik masukan label di bawah ini

<style scoped="" type="text/css">
/* CSS Button Style by www.arlinadzgn.com update by http://Slenasabu.blogspot.com */
.button-mcq{float:left;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both}
.button-mcq ul{margin:0;padding:0}
.button-mcq li{display:inline;margin:5px;padding:0;list-style:none}
.button-mcq li a.demo,.button-mcq li a.download{position:relative;padding:14px 48px 14px 16px;background:#e73138;display:block;color:#fff!important;font-weight:700;font-size:14px;text-align:left;text-transform:uppercase;letter-spacing:.2px;border-radius:3px;box-shadow:0 1px rgba(0,0,0,0.1);line-height:normal;transition:all .3s;max-width:170px;margin:auto;overflow:hidden}
.button-mcq li a.download{background:#0099cc}
.button-mcq li a.demo:hover,.button-mcq li a.download:hover{background:#666}
.button-mcq li a.demo:active,.button-mcq li a.download:active{cursor:pointer}
.button-mcq li a.demo:after,.button-mcq li a.download:after{content:'\F054';background:rgba(0,0,0,0.1);position:absolute;right:0;top:0;font-weight:normal;display:inline-block;margin:0 0 0 10px;color:#fff;padding:16px 24px;font-family:fontawesome;transition:all .3s}
.button-mcq li:hover a.demo:after,.button-mcq li:hover a.download:after{background:transparent;-webkit-animation:bounceright .3s alternate ease infinite;animation:bounceright .3s alternate ease infinite}
@-webkit-keyframes bounceright{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(3px)}}
@keyframes bounceright{from{transform:translateX(0)}to{transform:translateX(3px)}}
</style>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
<div class="clear"></div>

dan tempelkan pada kolom konten

nah selanjutnya kalian klik simpan

lalu kalian masukan pada HTML dalam positngan kalian code berikut ini

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<ul class="button-mcq">
<li><a class="demo" href="Link Demo Kalian" target="_blank">Demo Link</a></li>
<li><a class="download" href="Link Download" target="_blank">Download Link</a></li>
</ul>
</div>
</div>

Lalu Kalian Post Dan Selesai

Demo Tabel Nya Klik Disini [ DEMO ]

Sekian Tutorial Membuat Label Download Di Blogger, Terima Kasih Telah Mengunjungi Blog Ini Dan Sampai Jumpa Di Next Time Kawan