Cara Membuat Tombol Klik Yang Keren di Artikel Blog

Iklan 728x90

Cara Membuat Tombol Klik Yang Keren di Artikel Blog

Cara membuat button click yang keren di blog

Halo sobat Blogger...bagaimana kabarnya hari ini? saya doakan semoga dalam keadaan sehat dan sukses selalu. Kali ini saya akan memberikan tutorial tentang Cara Membuat Tombol Klik Yang Keren di Postingan Blog.

Tombol klik pada postingan blog biasanya digunakan untuk meletakan link yang mengarah kehalaman lain, seperti link downlaod template, mp3,dan lainnya. 


Sebenarnya di Blogger sendiri sudah disediakan cara meletakan link pada postingan, hanya saja tampilan sangat sederhana. Maka dari itu untuk membuat tampilan Tombol Klik menjadi lebih menarik kita memerlukan sebuah script atau kode.

Cara membuatnya juga sangat mudah dan simple kok, anda cukup ikuti caranya yang akan saja jelaskan berikut ini:


Tutorial Cara Membuat Button Click Yang Keren:


1. Masuk ke Blogger
2. Piih Dashboard > Template > Edit HTML
3. Kemudian tambahkan kode berikut ini tepat di atas kode ]]></b:skin>
4. Lalu klik Save

/* Button Demo dan Download ----------------------------------------------- */ 
.buttonx{display:inline-flex;cursor:pointer;font-size:13px;font-weight:bold;text-transform:uppercase;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#FFF!important;border:2px solid #FFF!important;background-color:#0070b0!important;background:0;margin:5px 0;padding:8px 25px;text-shadow:none!important;transition:all 0s!important} 
.buttonx:hover{background-color:#f78d1d!important;background:0} 
.buttonx:active{position:relative;top:1px}

Jika sudah, selanjutnya tinggal menambahkan kode Button Click dipostingan blog anda.


1. Membuat Satu Tombol Klik dengan warna latar:

Tombol klik berikut ini adalah tombol klik elegan dengan warna latar yang mencolok, tampilannya seperti berikut ini:



Keren bukan..!? Cara membuatnya, silahkan masuk ke menu postingan blog lalu pilih mode HTML, dan letakan kode berikut ini:

<div style="text-align: center;">
<a class="buttonx" href="LETAKAN URL DISINI" target="_blank"> Download</a></div>

Pada bagian warna merah silahkan anda ganti dengan link url anda, dan yang warna biru silahkan ganti dengan kata yang anda mau.

2. Membuat Tombol Klik Keren dengan tampilan dua tombol sejajar:

Tombol klik ini mempunyai tampilan yang sama dengan yang nomor 1 tadi, bedanya tombol ini ada dua dan sejajar berdampingan. Tampilannya seperti berikut:


Tombol klik ini biasa di gunakan oleh para template designer untuk menginformasikan produk mereka. Cara membuatnya sama dengan cara nomor 1 tadi, masuk ke postingan blog lalu pilih mode HTML dan letakan kode berikut ini:

<div style="text-align: center;margin: 10px 0;"> 
<a class="buttonx" href="LETAKAN URL DISINI" target="_blank">Demo</a>
<a class="buttonx" href="LETAKAN URL DISINI" target="_blank">Download</a> </div>

Sama seperti tadi, silahkan ganti tulisan ber warna merah dengan link anda, dan warna biru dengan kata yang anda inginkan.

Nah, itulah cara membuat tombol klik yang keren di postingan blog yang bisa saya share. Sangat mudah bukan..!?

Mungkin itu saja dulu artikel saya kali ini, silahkan dicoba dan semoga bermanfaat.

Baca Juga :
Cara Membuat Sitemap Blog Dengan Tampilan Yang Keren
Cara Membuat Kotak Script Di Artikel Blog

Baca Juga
SHARE

Related Posts

Subscribe to get free updates

11 comments

Post a Comment