Jika kamu mempunyai blog khusunya dengan Niche download maka Button ini sangat diperlukan bagi kamu. Nah, maka dari itu kami memberikan sedikit tutorial bagaimana cara membuat button "Demo" dan "Download" yang sederhana,ringan,dan responsif pada blogspot.

Meskipun ini ringan, tapi masih terlihat keren kok! Kamu bisa melihat dari gambar diatas pratinjaunya. Jika kamu ingin segera membuatnya, kami harap kamu membaca tutorial dibawah ini dengan benar dan teliti agar tidak terjadi kesalahpahaman nantinya.

Bingung gimana cara setting robot txt agar artikel cepat terindeks? Nih aku kasih tutorialnya.                                         -----------> Klik Disini <------------

Cara membuat button Demo dan download sederhana pada blogspot

1] Masuk ke blogger, Pilih menu Tema,edit html,dan cari ]]></b:skin> atau </style> dan masukan script dibawah ini diatasnya.

/* 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;}

2] Setelah script tersebut dimasukan tepat diatas ]]></b:skin> . Sekarang, jika anda ingin menggunakannya, pasang script ini dipostingan atau halaman kamu.
<div style="text-align: center;"> <ul class="boddbtn"> <li><a class="demobtn" href="https://linkdemo.com" rel="nofollow" target="_blank">DEMO</a>&nbsp;&nbsp;<a class="downloadbtn" href="https://linkdownload.com" rel="nofollow" target="_blank">DOWNLOAD</a></li> </ul> </div>
Note : script yang aku tandain "biru" ganti jadi url demo, dan script yang aku tandain "merah" ganti jadi url download.

Maka akan jadi seperti ini
Nah,demikian pada tutorial kali ini, kami berharap kamu membaca dengan benar uraian diatas, sehingga tidak terjadi kesalahpahaman nantinya.