Menambahkan Style Button Pada Tulisan Tertentu di Blog

Menambahkan Style Button Pada Tulisan Tertentu di Blog - Hallo sahabat NULISPRENER, 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 dalam kategori 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

Baca juga


Menambahkan Style Button Pada Tulisan Tertentu di Blog

Menambahkan Style Button Pada Tulisan 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.

Menambahkan Style Button Pada Tulisan Tertentu di Blog

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.

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.


Demikianlah Artikel Menambahkan Style Button Pada Tulisan Tertentu di Blog

Semoga artikel Menambahkan Style Button Pada Tulisan Tertentu di Blog kali ini, bisa membantu dan memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Menambahkan Style Button Pada Tulisan Tertentu di Blog dengan alamat link https://www.nulisprener.org/2018/10/menambahkan-style-button-pada-tulisan.html
Next Post Previous Post
No Comment
Add Comment
comment url