Cara Membuat Tombol Demo Dan Download Pada Blog


Cara Mudah membuat tombol demo dan download keren pada blog Yang berwarna dan memiliki border keren - Cara ini adalah cara paling sederhana dan simpel untuk membuat sebuah tombol download dan demo di dalam postingan blog yang akan merujuk kepada pengunduhan file atau review halaman suatu website.Tombol demo dan download biasanya akan di jumpai pada blog yang sudah profesional baik dari segi tampilan dan isi postingan.Seperti sebuah blog downloada soffware komputer,Blog download template Blogger gratis dan juga untuk blog download soffware smartphone.

Jika kamu pernah menemukan sebauh tombol demo yang terlihat cukup keren dan menarik pada sebuah blog ? Itu bisa kamu buat dan pasang di dalam postingan download blogmu.Tombol download dan demo juga sering di gunakan pada para defelover templte blogger,Yang menyediakan unduhan file xml template secara gratis.Di sana kamu akan melihat tombol demo dan download yang di lengkapi dengan warna.Tentu itu di desain untuk membuat  tampilan blog terlihat lebih kreatif menggunakan kode html.

Bagaimana dengan blogmu ? Jika kamu juga ingin memasang tombol download dan demo yang keren lengkap dengan warna ? Kamu bisa membuatnya dan memasangnya di dalam setiap postingan blogmu yang terkait dengan penunduhan.Tidak usah panjang lebar,berikut inilah cara untuk memasang dan membuat tombol download keren di blog platform blogger.silahkan di simak caranya.

Cara mudah memasang tombol dema dan download pada blog platform blogger.
- Pertama tama silahkan buka dasbhord blogger

- Klik tema dan langsung juga pilih edit html (Guna menaruh sebuah kode khusus pembentuk atau pembuat tombol demo dan downloadnya )

- Kemduian tekan CTRL F di keyboard laptopmu jika kamu menggunakan laptop untuk ngeblog.

- Kemudian tulisakan tag ]]></b:skin> Dan tekan tombol enter keyboardmu,Jika tidak ada hasil ,Ketikan ulang tag </style> dan tekan tombol enter pada keyboard.

- Setelah muncul kode tagnya ,Tekan tombol enter juag untuk membuat spasi dengan kode html template ,ini agar bisa di bedakan jarak mana kode html asli dengan kode yang akan di tambahkan.

- Kemudian copy kode javascript di bawah ini ,dan Pastekan tepat di atas tag ]]></b:skin> atau </style> pada edit html template mu.


/* -- Button DEMO and DOWNLOAD--*/
.button{float:left;list-style:none;text-align:center;width: 100%;margin:5px 0;padding:0;font-size:14px;clear:both;}
.button ul {margin:0;padding:0}
.button li{display:inline;margin:0;padding:0}
.demo {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 80px !important; background: #E55E48; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s;letter-spacing:1px; }
.download {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 80px !important; background: #5FAAE3; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s; letter-spacing:1px;}
.demo:hover { background: #454242; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222 }
.download:hover { background: #454242; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222 }

- Jika sudah klik simpan tema ,

- Langkah selanjutnya ialah memasang kode untuk membuat tombol downloadnya lewat postingan dan memasukan link download atau demo yang akan di buatkan tombol keren.Berikut ini kodenya.

- Silahkan ganti alamat url yang berwarna merah ,dengan url alamat download file atau url alamat yang menuju kepada review halaman sebuah Blog.copy kodenya dan edit urlnya melalui aplikasi tecteditor pada laptopmu ,seperti dengan notepad dan yang lain.

<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="https://www.mbloginfo.xyz/" target="_blank">Demo</a></li>
<li><a class="download" href="https://www.mbloginfo.xyz/" target="_blank">Download</a></li>
</ul>
</div>

- Cara memasang kode di atas ialah : Silahkan masuk ke dasbhord bloggermu >> Kemudian pilih postingan >> dan klik new entri >> Setelah itu pilih HTML >> Dan paste kode di atas.Buatkan judul postingan dan lihat hasilnya agar bisa memahaminya dengann mudah.


Nah itulah sebuah tutorial atau cara untuk memasang dan membuat tombol demo dan download yang keren untuk blog platform blogger.Cara di atas cukup work,Namun hasil download button yang tampil tidak terlalu berkesan menarik,Namun setidaknya sudah bisa di bilang menarik karena tampil beda dari yang biasanya.Semoga artikel ini bermanfaat dan selamat mencoba.Mohon maaf bila ada kesalahan dan kesilapan dalam penyajian tutorial.

Tags:
√Cara Membuat Tombol Demo Dan Download Pada Blog  √Cara mudah membuat tombol demoTutorial blogger membuat tombol download keren untuk blog  √Cara mudah membuat tombol download  √Kode javascript dan Kode html untuk membuat tombol download keren di blogger  √Cara paling terbaru untuk memasang tombol download demo warna biru dan merah pada blog

Author

Blogger Awam Blogger Awam Fiksioner is a free template that suitable for personal blogging because the layout is like a journal.

Post a Comment