Pada kali ini saya akan membagikan bagaimana caranya membut tombol Button download atau demo responsive serta keren di blog sobat, apalagi jika blog kalian merupakan blog yang niche berbagi link seperti link film, link download template pastinya tombol-tombol button ini sangat dibutuhkan bukan.
Namun sebelum lanjut tutorial ini sekedar pemberitahuan untuk kalian semua kalau tombol button ini terdapat icon Font Awesome yang tentunya membuat tampilannya akan lebih elegant dan keren pada blog sobat.
Nah tanpa berlama-lama lagi silahkan simak cara penerapannya di bawah berikut ini :
Cara Membuat Tombol Button Download Atau Demo Di Blog
Note cara ini berkerja apabila blog sobat sudah memasang Font Awesome pada template kalian, untuk cara melihat apakah template sobat sudah menerpakannya silahkan cari kode di bawah ini pada tempalate sobat.
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
Jika kode tersebut tidak ada pada blog sobat, silahkan copy kode tersebut dan tempelkan di atas kode </head> atau </head> namun jika sudah ada abaikan saja.
1. Masuk Blogger
2. Tema > Edit HTML
3. Cari Kode Berikut ini ]]></b:skin> Atau </style> dan salin kode dibawah ini dan pastekan di atas kode tersebut.
/* CSS Button Style www.lewatinaja.com */
.button{float:left;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both}
.button ul{margin:0;padding:0}
.button li{display:inline;margin:5px;padding:0;list-style:none}
.button li a.demo,.button li a.download{position:relative;padding:9px 48px 9px 16px;background:#f39c12;color:#fff!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;box-shadow:0 1px rgba(0,0,0,0.1);line-height:normal;transition:all .3s}
.button li a.download{background:#3498db}
.button li a.demo:hover,.button li a.download:hover{background:#666}
.button li a.demo:active,.button li a.download:active{cursor:pointer}
.button li a.demo:after,.button li a.download:after{content:'f135';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:11px;font-family:fontawesome}
.button li a.download:after{content:'f019'}
4. Klik Simpan Pada Template
Cara penggunaan :
Silahkan buat sebuah artikel pada mode HTML bukan Compose dan salin kan kode di bawah ini :
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="http://lewatinaja.com" target="_blank">Demo</a></li>
<li><a class="download" href="http://lewatinaja.com" target="_blank">Download</a></li>
</ul>
</div>
<div class="clear"></div>
Namun jika kalian ingin menampilkan tombol salah satu button saja contohnya saja kalian ingin menampilakan tombol download saja maka hapus kode ini :
<li><a class="demo" href="http://lewatinaja.com" target="_blank">Demo</a></li>
Begitupun sebaliknya jika kalian hanya ingin menggunakan tombol demo saja maka kode di bawah ini tinggal di hapus saja :
<li><a class="download" href="http://lewatinaja.com" target="_blank">Download</a></li>
Maka lihat sekarang tombol yang kalian gunakan sudah keren bukan dan tentunya membuat tampilan blog semakin menarik bukan, oke sampai disini tutorial cara membuat tombol button yang menarik dan keren dan jangan lupa untuk membagikan artikel ini ke media sosial kamu jika anda menyukainnya. terima kasih telah berkunjung
Related Posts:
- Mengenal Lebih Dekat CRM Dipa Untuk Bisnis Anda Mengenal Lebih Dekat CRM Dipa Untuk Bisnis Anda - CRM (Customer Relation Management) adalah sistem yang dapat membantu Anda dalam mengelola hubungan dengan pelanggan secara efektif. Dengan menggunakan CRM, Anda…
- Cara Mengoptimalkan Penggunaan CRM Perfex Untuk Berbisnis Cara Mengoptimalkan Penggunaan CRM Perfex Untuk Berbisnis - CRM Perfex adalah salah satu alat terbaik yang dapat Anda gunakan untuk meningkatkan kinerja bisnis Anda. Dengan memanfaatkan fitur CRM Perfex yang…
- Rekomendasi Aplikasi Nonton Film India Rekomendasi Aplikasi Nonton Film India – Salah satu film yang cukup menarik perhatian, dan punya banyak penonton adalah film india. Iya kan? Dan mungkin, tidak sedikit di antara anda yang…
- 6 Cara Membuat Podcast di Spotify, Lengkap dan Detail 6 Cara Membuat Podcast di Spotify, Lengkap dan Detail – Beberapa tahun terakhir, podcast menjadi salah satu model aplikasi yang sangat ramai diperbincangkan oleh banyak orang. Dan biasanya, tidak sedikit…
- Cara Mengatasi Facebook Lite yang Tidak bisa Dibuka Cara mengatasi Facebook Lite yang tidak bisa dibuka – Facebook merupakan media sosial yang sangat ramai digunakan oleh masyarakat masa kini. Dan kalau dibandingkan dengan media sosial yang lain, sebenarnya…
- Daftar Situs Alternatif Untuk Menonton Film Streaming Gratis Sebagian orang pencinta film streaming mungkin saat ini tidak dapat mengakses layanan situs yang menyediakan nonton film streaming secara gratis, hal tersebut dikarenakan kominfo telah banyak memblokir layanan situs film…
- 5 Manfaat Utama CRM Trakindo.co.id Bagi Bisnis Anda CRM Trakindo.co.id memberikan manfaat utama bagi bisnis Anda, seperti mengelola data informasi pelanggan, mengoptimalkan proses bisnis, meningkatkan kualitas layanan, meningkatkan efektivitas marketing, dan meningkatan ROI.
- Cara Membuat Blog Safelink Klik 2x Dengan Mudah Banyak dari kita yang ingin membuat blogger safelink sendiri guna untuk mendapatkan sebuah profit dari iklan adsense, apalagi jika sebelumnya kita mempunyai sebuah blog dengan niche download dan para pengunjung…
- 6 Tips Meningkatkan Traffic Pengunjung Blog Di Tahun 2021 6 Tips Meningkatkan Traffic Pengunjung Blog Di Tahun 2021, Tak bisa dipungkiri lagi oleh kebanyakan blogger atau pemilik website mereka semua pastinya memilki tujuan utama yaitu agar situs mereka memiliki…
- Cara Membuat Tabel Responsive di Blog Cara Membuat Tabel Responsive di Blog – Bagi seorang blogger, mengetahui bagaimana cara membuat tabel responsive merupakan salah satu hal yang sangat penting untuk dikuasai. Terlebih lagi bagi anda yang…
- Aplikasi Voice Charger with Effects Salah satu aplikasi yang sedang hangat diperbincangkan ialah Aplikasi Voice Charger with Effects. Aplikasi ini bisa menjadi salah satu solusi buat kamu yang bosen saat telepon bersama pasangan atau keluarga.Dengan…
- Download iQIYI Mod VIP Apk Terbaru (Full Premium) Nonton ribuan film drama dan acara TV asia terbaik di iQYI menjadi salah satu pilihan terbaik untuk anda yang sedang mencari aplikasi nonton film di android secara gratis. Di aplikasi…
- Apa Itu Admin CRM dan Bagaimana Cara Kerjanya? Apa Itu Admin CRM dan Bagaimana Cara Kerjanya? - Admin CRM merupakan alat untuk manajemen pelanggan (Customer Relationship Management) yang berguna untuk menyimpan dan mengelola informasi tentang pelanggan Anda secara…
- Arti CRM: Solusi Untuk Meningkatkan Loyalitas Pelanggan Arti CRM: Solusi Untuk Meningkatkan Loyalitas Pelanggan - Arti CRM adalah solusi untuk mempertahankan dan meningkatkan loyalitas pelanggan. Arti CRM memberikan cara yang efektif bagi perusahaan untuk mengelola dan meningkatkan…
- Apa Itu CRM? Mengenal Software CRM Dan Fungsinya Software CRM (Customer Relationship Management) adalah salah satu teknologi baru yang digunakan untuk membantu bisnis dalam memanage hubungan dengan pelanggan. Software ini dapat membantu meningkatkan kontak pelanggan, memaksimalkan pendapatan, dan…
- CRM Software CRM Software (Customer Relationship Management) adalah solusi teknologi yang membantu perusahaan dalam mengelola dan meningkatkan hubungan dengan pelanggan. Dengan menggunakan CRM Software, perusahaan dapat menangani kegiatan-kegiatan penting seperti merekam informasi…
- Bagaimana CRM Sirogu Bisa Membantu Anda Meningkatkan… CRM Sirogu adalah solusi bisnis yang modern yang dapat membantu memaksimalkan pelanggan dan menginformasikan proses bisnis Anda. Sirogu dapat memastikan efisiensi penjualan dan layanan purna jual yang tinggi, serta membantu…
- Mengenal Metode Manajemen CRM Suvarna Sutera Mengenal Metode Manajemen CRM Suvarna Sutera - Metode Manajemen CRM (Customer Relationship Management) merupakan bagian dari strategi bisnis yang penting dan digunakan oleh perusahaan untuk membantu mereka meningkatkan produktivitas dan…
- √ Cara Membuat Safelink Klik 2x Pada Blog Utama Pada kesempatan kali ini saya akan membagikan sebuah tutorial cara membuat safelink klik 2x pada blog utama tanpa harus membuat blog baru, pastinya safelink ini sangat berguna bagi anda dengan…
- Home BY Global info More Travel tips More ARTS More BY fitness More BY most popular More Health More MUSIC More LATEST ARTICLES More MUST READ More
- Petunjuk Login CRM Untuk Bisnis Anda Petunjuk Login CRM Untuk Bisnis Anda - Dapatkan Petunjuk Login CRM untuk Bisnis Anda dan mulailah meningkatkan proses bisnis Anda. CRM (Customer Relationship Management) adalah alat yang dapat membantu Anda…
- Cara Mempercepat Loading Pada Blog Tanpa Ganti Template Sering kali para blogger merasa resah terhadap kecepatan atau loading pada blog mereka masing-masing, ingin mengganti template yang ada namun terasa sudah nyaman akan tampilan yang ada.Namun tak segelintir orang…
- Film Anunnaki : Film Paling Di Cekam Diseluruh Dunia Annunaki merupakan sebuah film bertema sc-fi dan bercerita asli yang kemudian diangkat ke layar lebar dari kisah kontroversial Suku Sumeria Kuno, film tersebut diberi nama ‘Anunnaki‘ yang kemudian menjadi film…
- Meningkatkan Produktivitas Melalui Tugas CRM Meningkatkan Produktivitas Melalui Tugas CRM - Dengan perkembangan teknologi saat ini, berbagai pihak mencoba untuk melakukan segala hal untuk meningkatkan produktivitas. Terutama bagi usaha kecil, tingkat produktivitas merupakan hal penting.…
- Rekomendasi Aplikasi Terbaik untuk Mengedit PDF Rekomendasi Aplikasi Terbaik untuk Mengedit PDF – Sampai saat ini, file dengan format pdf masih menjadi favorit di hati banyak orang. Dan tampaknya masih belum terganti dengan format format yang…
- Rekomendasi Software Antivirus Terbaik Untuk Windows 10 Dalam berselancar di internet tentu kita sering mengunjungi situs lalu mendownload beberapa file yang disajikan pada situs tersebut yang ternyata terdapat virus seperti trojan, ransomware, malware dan beberapa virus lainnya…
- Cara Mengatasi WhatsApp Lemot Supaya Lancar Kembali Cara mengatasi WhatsApp lemot supaya lancar kembali – Aplikasi WhatsApp bisa kita katakan sebagai salah satu aplikasi yang sangat penting dalam kehidupan seseorang. Terlebih lagi bagi mereka yang bekerja di…