RISWAN NET
  • Home
  • Service
    • Content Placement
    • Jasa Build Blog
  • Tekno
    Keuntungan Serta Resiko dari Keyboard Protector

    Keuntungan Serta Resiko dari Keyboard Protector

    Hal Yang Harus Dikuasai Oleh Seorang Programmer

    Hal Yang Harus Dikuasai Oleh Seorang Programmer

    Jenis Jenis Komputer Serta Pembahasannya

    Jenis-Jenis Komputer Serta Penjelasannya

    Bagaimana Cara Membuat Shortcut URL Website di Desktop

    Cara Membuat Shortcut URL Website di Desktop

    Cara Transfer FIle Dari Komputer ke RDP

    Cara Transfer atau Copy File dari Komputer ke RDP

    Apa Itu Run as Administrator Pada Windows? Dan Apa Fungsinya?

    Apa Itu Run as Administrator Pada Windows? Dan Apa Fungsinya?

    Trending Tags

    • Asus X555
    • Komputer
    • CES 2017
    • Xiaomi
  • Internet
  • Komputer
  • Bisnisnew
  • Toko Riswan
No Result
View All Result
  • Home
  • Service
    • Content Placement
    • Jasa Build Blog
  • Tekno
    Keuntungan Serta Resiko dari Keyboard Protector

    Keuntungan Serta Resiko dari Keyboard Protector

    Hal Yang Harus Dikuasai Oleh Seorang Programmer

    Hal Yang Harus Dikuasai Oleh Seorang Programmer

    Jenis Jenis Komputer Serta Pembahasannya

    Jenis-Jenis Komputer Serta Penjelasannya

    Bagaimana Cara Membuat Shortcut URL Website di Desktop

    Cara Membuat Shortcut URL Website di Desktop

    Cara Transfer FIle Dari Komputer ke RDP

    Cara Transfer atau Copy File dari Komputer ke RDP

    Apa Itu Run as Administrator Pada Windows? Dan Apa Fungsinya?

    Apa Itu Run as Administrator Pada Windows? Dan Apa Fungsinya?

    Trending Tags

    • Asus X555
    • Komputer
    • CES 2017
    • Xiaomi
  • Internet
  • Komputer
  • Bisnisnew
  • Toko Riswan
No Result
View All Result
RISWAN NET
No Result
View All Result
Home Blogger

Menambahkan Style Button Pada Tulisan Tertentu di Blog

Deni Riswana by Deni Riswana
31 Oktober 2018
in Blogger
81 1
3
55
SHARES
2.7k
VIEWS
ShareTweetSend
Menambahkan Style Button Pada Tulisan di Blog

RISWAN.NET – Menambahkan Style Button Pada Tulisan Tertentu di Blog, Halo sobat Riswan, 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.

Share22Tweet14SendShare
Deni Riswana

Deni Riswana

Pengembang Digital dan Content Creator. Saat ini sedang menempuh pendidikan strata satu di Universitas Pendidikan Indonesia (UPI) dengan program studi Bisnis Digital.

Related Posts

Jasa Membuat Blog dan Adsense
Blogger

Jasa Membuat Blog dan Adsense

31 Juli 2019
Cara Submit URL di Google Webmaster Yang Baru
Blogger

Cara Submit URL di Google Webmaster Yang Baru

2 April 2019
Cara mengetahui jumlah postingan blogger
Blogger

Cara Mengetahui Jumlah Postingan Blog Punya Orang Lain

21 November 2018

Comments 3

  1. KuotaMedia says:
    1 tahun ago

    Udah dicoba om di wp tapi gak berhasil 🙁

    Balas
  2. Riswan Net says:
    1 tahun ago

    Seharusnya tidak ada maslah om, hehe

    Balas
  3. Riswan Net says:
    1 tahun ago

    silahkan dicoba lagi mas, sudah saya update untuk wp

    Balas

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Baru-baru Ini

Tips Aman Transaksi Jual Beli Mobil Secara Online

Tips Aman Transaksi Jual Beli Mobil Secara Online

13 Desember 2019
Kulkas Besutan Jepang

Ini Dia Keunggulan Kulkas Besutan Jepang Yang Wajib Anda Ketahui!

13 Desember 2019
Membersihkan Botol Susu Secara Menual Menggunakan Tangan

Membersihkan Botol Susu Secara Menual Menggunakan Tangan

13 Desember 2019
Asuransi Keluarga Terbaik

Asuransi Keluarga Terbaik, Ini Dia Keuntungannya!

8 Desember 2019
Rekomendasi Kursi Kantor

Rekomendasi Jenis-Jenis Kursi Kantor Terbaik untuk Anda

8 Desember 2019

Riswan Net AMP

Riswan Net menyajikan informasi update seputar Teknologi, Tips Trik Internet, Perbankan, Media Sosial sampai Panduan Bisnis Online.

playstore download logo 2

Kategori

  • Adsense
  • Aplikasi
  • Bisnis
  • Bitcoin
  • Blogger
  • Desain
  • Gadget
  • Internet
  • Komputer
  • Media Soaial
  • Review
  • SEO
  • Software
  • Teknologi
  • WhatsApp

Tags

Android Bisnis Bisnis Online Internet Kesehatan Komputer Media Sosial Tips Trik Tips TRik WhatsApp Travel WhatsApp Youtube

© 2019 Riswan Net All Right Reserved

  • About
  • Kontak
  • Iklan
  • Privasi
No Result
View All Result
  • Home
  • Service
    • Content Placement
    • Jasa Build Blog
  • Tekno
  • Internet
  • Komputer
  • Bisnis
  • Toko Riswan

Login to your account below

Forgotten Password?

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In