Pastinya pada saat kita mencari template untuk blog yang menggunakan Blogger di Internet menggunakan mesin pencarian (Google) muncul di hasil pencarian yang menampilkan website/situs Mas Sugeng (sugeng.id). Ya, karena memang hampir semua template buatan dari Mas Sugeng bisa dikatakan template yang sangat bagus karena memiliki karakteristik SEO, ringan dan juga responsive.
Banyak Blogger-Blogger besar yang menggunakan template buatan Mas Sugeng, mulai dari Viomagz, LinkMagz ataupun Evomagz. Dan pada kesempatan ini Saya akan berbagi sebuah tutorial mengenai cara membut tombol download di template buatan Mas Sugeng.
Dengan adanya tombol download tersebut akan menambah tampilan artikel kita terlihat lebih menarik lagi dan terlihat profesional pastinya. Seperti pada Blog MlatenMania ini yang menggunakan template LinkMagz, dan disetiap artikel yang ber-label download Saya menyisipkan tombol download sebagai media untuk menempatkan link download di setiap artikel tersebut.
Membuat Tombol Di Template Buatan Mas Sugeng
Berikut merupakan cara ataupun langkah-langkah dalam membuat tombol download di template Blogger buatan Mas Sugeng:
1. Buat sebuah artikel atau sebuah halaman statis (pada contoh ini Saya akan membuat tombol download di dalam artikel, jadi Saya akan mencotohkan dengan membuat sebuah artikel);
2. Tuils teks sebagai penanda dimana kita akan membuat tombol download tersebut, contoh Saya menuliskan teks/tulisan tombol download dengan format bold/teks tebal;
3. Ubah tampilan penulisan artikel menjadi tampilan HTML:
4. Copy script di bawah ini:
<a class="buttonDownload" href="#">Download</a>
Kemudian Paste-kan ke teks penanda yang sudah kita buat sebelumnya (blog teks penanda dan paste).
Catatan:
Untuk teks yang berwarna biru, bisa diganti dengan teks/tulisan sesuai dengan keinginan atau kebutuhan masing-masing dan teks yang berwarna merah ganti dengan link download.
Untuk bisa melihat hasilnya kita bisa klik pada tombol Pratinjau/Preview yang terletak di atas persis di samping tombol Publikasikan/Publish:
Atau bisa langsung kita klik tombol Publikasikan/Publish jika kita merasa sudah fiks dalam menulis artikel tersebut. Karena jika masih dalam posisi menulis, tombol tersebut tidak akan terlihat (hanya berupa tulisan/teks). Dan contoh hasilnya adalah sebagai berikut:
Dan jika ingin membuat 2 (dua) tombol sekaligus (berjejer), cilahkan Copas script di atas secara berjejer dan dipisahkan dengan tanda spasi. Contoh:
<a class="buttonDownload" href="#">Contoh1</a> <a class="buttonDownload" href="#">Contoh2</a>
Dan contoh hasilnya:
Komentar0
Tinggalkan komentar Anda disini: