Cara Membuat Script Tombol Download di postingan Artikel Blog-Web Blogger Blogspot

Cara membuat script tombol download di postingan artikel blog-web situs blogger blogspot terbaru.

Script Tombol download adalah alat yang dapat mempermuda seseorang untuk berbagi file secara online di internet, dengan membuat script tombol download dan memberikan Link pada tombol download tersebut, maka siapapun yang menggunakan "script tombol download" sudah dapat mengakses konten yang tersimpan di awan.

Script tombol download sering digunakan oleh para blogger blogspot untuk berbagi konten seperti file, gambar dan video pada blog-web mereka untuk digunakan secara publik,jika anda adalah seorang yang suka berbagi konten mungkin script tombol download ini dapat membantu untuk berbagi konten berharga yang anda buat,dan ingin digunakan oleh orang lain secara gratis di internet.Membuat script tombol download adalah salah satu praktik terbaik untuk mencari kepopuleran dan memudakan berbagi file secara online kesesama penggunaan di Internet.

Catatan;
Untuk dapat menggunakan script tombol download tersebut, anda harus memiliki blog-web di situs blogger blogspot, jika belum memiliki blog-web, anda dapat membuat blog-web gratis di blogger.com.dan pasang/membuat script tombol download di postingan artikel yang dibuat.

Membuat script tombol download di postingan artikel blog-web blogger blogspot tidaklah sulit, anda dapat mempelajari tutorial dibawah untuk memudahkan anda dalam tahap penerapan script tombol download tersebut.

Ada dua cara yang dapat di lewati dalam membuat postingan menggunakan script tombol download.

"Demo Script tombol download"

Tips,
Jika anda masih baru, buatlah halaman statis sebagai contoh konten percobaan barulah menggunakan script tombol download pada postingan artikel.

Langkah-Langkah membuat script tombol download di postingan artikel blog-web.

• Salin kode css di bawah ini dan tempelkan ke tambahkan widget.

<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>

1. Masuk ke situs blogger.com,sentuh tata letak.
2. Di dalam tab baru yang terbuka,sentuh tambahkan gadget.
3. Pilih atau menemukanya "HTML/Javascript".Sentuh pada ikon "Tambah" yang berada di kanan fitur tersebut.
4. Berikutnya,sentuh dan tahan di area menulis lalu tempelkan.
5. Selanjutnya sentuh save.

Setelah selesai tempelkan code CSS.
Kini saatnya membuat atau memasang tombol pada artikel.

• Salin code HTML dibawah ini kemudian tempelkan pada bagian artikel yang ingin diberi tombol.

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

1. Masuk ke situs blogger.com, dari dasbor blogger sentuh postingan atau halaman.
2. Di dalam dasbor edit postingan atau halaman, pilih mode HTML yang berada di pojok kiri atas area menulis.
3. Sentuh dan tahan pada area yang ingin diberi tombol lalu tempelkan code HTML tersebut.
4. Lakukan pratinjau untuk memastikan tombol sudah terpasang dengan baik atau belum, berikutnya Sentuh publikasi.

Apabila semua sudah terpasang dengan benar, saatnya membuat link,di script tombol download yang telah terpasang.

Cara membuat/pasang link pada script tombol download yang telah terpasang di postingan artikel.

Sebelum memulai pastikan aplikasi google drive sudah terpasang pada perangkat Android Anda.

• Buka aplikasi google drive yang berada di perangkat Android Anda.
1. Sentuh pada file yang ingin dijadikan link/tautan.
2. Di dalam tab baru yang terbuka, sentuh ikon pengaturan atau titik 3 yang berada di pojok kanan atas layar perangkat.
3. Sentuh atau menemukannya "bagikan & ekspor".
4. Tab baru yang terbuka pilih "dapatkan tautan".
• Masuk ke situs blogger.com dan tempelkan tautan ke tombol yang telah terpasang atau gantikan url http://slenasabu.blogspot.com pada code HTML diatasi yang telah diberi tanda.
• Lakukan pratinjau untuk memastikan apakah sudah sesuai dengan keinginan.selanjutnya sentuh "Publikasikan".

Apabila semuanya dilakukan dengan benar maka,disaat tombol di sentuh Anda akan melihat file anda yang berada di penyimpanan awan Google Drive.

Demikian artikel yang dapat kami sampaikan.

Semoga bermanfaat!