Menambahkan Style Button Pada Tulisan Tertentu di Blog
Ditulis pada: 06.44
Menambahkan Style Button Pada Tulisan Tertentu di Blog - Hallo sahabat Gadgetplus, Pada Artikel yang anda baca kali ini dengan judul Menambahkan Style Button Pada Tulisan Tertentu di Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan
Artikel Blogger, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.
Judul : Menambahkan Style Button Pada Tulisan Tertentu di Blog
link : Menambahkan Style Button Pada Tulisan Tertentu di Blog
Pada postingan kali ini saya akan berbagi cara membuat tulisan dengan style button pada postingan di blog, memenuhi permintaan dari teman saya Kang Rezza.
Mungkin kalian baru dengar "Tulisan dengan Style Button", yup karena saya sendiri yang membuat istilah tersebut, entah apa nama yang cocok, tapi kelihatannya terlihat seperti button.
Untuk membuatnya sendiri cukup mudah, sobat cukup menerapkan kode css pada template sobat lalu memanggilnya dengan tag class css tersebut ketika hendak memakainya pada postingan.
Sedangkan untuk pengguna cms Wordpress dapat meletakan kode css tersebut pada bagian custom code yang telah disediakan oleh theme atau melalui theme editor dan pilih file css lalu ganti .post sesuai element yang digunakan oleh theme contohnya .entry-content
Kemudian simpan template, selanjutnya untuk mengaplikasikan pada tulisan postingan sobat tinggal memangil css tadi dengan menambahkan kode pada tulisan tertentu. Pengaplikasiannya kurang lebih seperti berikut ini, pastikan sobat menulisnya pada mode HTML
Selesai, lalu pratinjau untuk melihat perubahan. Mudah bukan? Dengan menerapkan style css ini setidaknya dapat mempercantik tampilan tulisan dan dapat digunakan untuk menandai bagian tulisan yang sekiranya penting.
Baca Juga: Cara Modifikasi Style Heading H2 Pada postingan
Demikianlah artikel mengenai Menambahkan Style Button Pada Tulisan Tertentu di Blog, semoga tutorial blogger ini dapat bermanfaat bagi sobat blogger semua, terima kasih.
Anda sekarang membaca artikel Menambahkan Style Button Pada Tulisan Tertentu di Blog dengan alamat link https://www.gadgetplus.my.id/2018/10/menambahkan-style-button-pada-tulisan_31.html
Judul : Menambahkan Style Button Pada Tulisan Tertentu di Blog
link : Menambahkan Style Button Pada Tulisan Tertentu di Blog
Menambahkan Style Button Pada Tulisan Tertentu di Blog
Menambahkan Style Button Pada Tulisan Tertentu di Blog, Halo sobat, dengan meguasai ilmu CSS dan HTML akan mempermudah kita dalam mengedit tampilan blog,Pada postingan kali ini saya akan berbagi cara membuat tulisan dengan style button pada postingan di blog, memenuhi permintaan dari teman saya Kang Rezza.
Mungkin kalian baru dengar "Tulisan dengan Style Button", yup karena saya sendiri yang membuat istilah tersebut, entah apa nama yang cocok, tapi kelihatannya terlihat seperti button.
Untuk membuatnya sendiri cukup mudah, sobat cukup menerapkan kode css pada template sobat lalu memanggilnya dengan tag class css tersebut ketika hendak memakainya pada postingan.
Menambahkan Style Button Pada Tulisan di Blog
Pertama silahkan login di Blogger, lalu masuk ke Edit HTML, selanjutnya cari kode ]]></b:skin> lalu letakan css di bawah ini tepat sebelum kode ]]></b:skin>.post qode{background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;color:#333;display:inline-block;font-size:14px;line-height:1.4;font-family:consolas;margin:0 .1em;padding:.1em .6em;font-weight:700}
Sedangkan untuk pengguna cms Wordpress dapat meletakan kode css tersebut pada bagian custom code yang telah disediakan oleh theme atau melalui theme editor dan pilih file css lalu ganti .post sesuai element yang digunakan oleh theme contohnya .entry-content
.entry-content qode{background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;color:#333;display:inline-block;font-size:14px;line-height:1.4;font-family:consolas;margin:0 .1em;padding:.1em .6em;font-weight:700}
Kemudian simpan template, selanjutnya untuk mengaplikasikan pada tulisan postingan sobat tinggal memangil css tadi dengan menambahkan kode pada tulisan tertentu. Pengaplikasiannya kurang lebih seperti berikut ini, pastikan sobat menulisnya pada mode HTML
<qode> Contoh Tulisan </qode>
Selesai, lalu pratinjau untuk melihat perubahan. Mudah bukan? Dengan menerapkan style css ini setidaknya dapat mempercantik tampilan tulisan dan dapat digunakan untuk menandai bagian tulisan yang sekiranya penting.
Demikianlah artikel mengenai Menambahkan Style Button Pada Tulisan Tertentu di Blog, semoga tutorial blogger ini dapat bermanfaat bagi sobat blogger semua, terima kasih.
Demikianlah Artikel Menambahkan Style Button Pada Tulisan Tertentu di Blog
Mudah-mudahan tutorial Menambahkan Style Button Pada Tulisan Tertentu di Blog Kali ini, bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya. Dan jangan lupa share tutorial ini agar semakin berguna bagi orang banyak.
Anda sekarang membaca artikel Menambahkan Style Button Pada Tulisan Tertentu di Blog dengan alamat link https://www.gadgetplus.my.id/2018/10/menambahkan-style-button-pada-tulisan_31.html