HOME
Cerpen
.jpg)
Cara Membuat Tombol Keren pada Postingan di Blog
Membuat salah satu tombol atau button pada blog adalah sebuah hal yang tidak jarang sobat bloggers lakukan. Hal ini disebabkan oleh karena adanya beberapa kebutuhan para blogger untuk membuat sebuah postingan terlihat menarik dengan menggunakan sebuah tombol, baik itu tombol download, live demo, next, home, previous atau yang lainnya.
Berikut Cara Membuat Tombol Keren pada Postingan di Blog :
- Langkah pertama, login ke Blogger
- Pilih Template » Edit HTML
- Copy kode CSS di bawah ini dan pastekan tepat di atas ]]></b:skin>
.ls-button{background-color:#0404B4;font-family: 'Verdana', sans-serif;font-size:12px;text-decoration:none;color:#fff;position:relative;padding:10px 20px;padding-right:50px;background-image: linear-gradient(bottom, rgb(62,51,46) 0%, rgb(101,86,78) 100%);border-radius: 5px;box-shadow: inset 0px 1px 0px #9e8d84, 0px 5px 0px 0px #322620, 0px 10px 5px #999;}.ls-button:active {top:3px;background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%);box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;}.ls-button:before {background-color:#FF0000;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4_J6SLzeuRqx0prbOT7F3k-PBJyf50yOEDDu8aMcgpwFJzPBpeejzYJsAKBeUycpc4FKiKHKibQIL-ac2Mej25aYVnCyCpPNhz0up-OzzSPtv9rpkX0k-PpWR-3UkEGXvnAO_wNmuBe_g/s1600/lostsector-right-arrow.png);background-repeat:no-repeat;background-position:center center;content:"";width:20px;height:20px;position:absolute;right:15px;top:50%;margin-top:-9px;border-radius: 50%;box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;}.ls-button:active::before {top:50%;margin-top:-12px;box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;}
- Terakhir, simpan tamplate
CARA Menggunakannya!
Sekarang untuk memasangnya pada setiap postingan blog, masukkan kode berikut ke dalam HTML postingan.
<a class="ls-button" href="Masukkan link disini">Teks anda disini</a>
Oke, itu tadi adalah tips dari saya Cara Membuat Tombol Keren pada Postingan di Blog, semoga bermanfaat bagi sobat RosZONE.blogspot.com
0 komentar: