Cara memberi style pada sub heading di artikel blog

Cara memberi style pada sub heading di artikel blog - Kali ini Mastah Design akan membagikan tutorial tentang memberi style pada bagian tag heading di dalam artikel blog kita untuk contohnya bisa dilihat langsung di bagian tag heading sub heading atau minor heading di dalam artikel blog saya ini.

Style sub heading ini sebenarnya sebuah request dari salah seorang teman blogger saya yang katanya ingin membuat tag heading dalam artikel yang seperti saya ini.Tapi karena kesibukan dalam mengatur penempatan  serta menyetting sub heading untuk widget dan homepage maka dari itu saya baru sempat membuatkannya sekarang.

Sub heading style for blog post

Nah tanpa memperpanjang kata lagi langsung saja simak baik-baik cara membuat style pada bagian sub heading di artikel blog berikut ini.

Cara setting tag heading dalam artikel blog

1. Masuk ke akun blogger anda
2. Masuk ke menu Template > Edit HTML
3. Copy kode dibawah ini dan pastekan tepat dibawah kode CSS atau <style> pada template blog kalian masing-masing.

.post-body h3{background:transparent url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoX3X1cfoKE129nKgFH08__Kopl4ck3MNglHs6sEpg0-lyCdfYjCZJXWf_GdDy0aWnl6Xa2iytOj7VU7sppr06txOo0L191OAJyNLmB4sCNwCetdLQRPxddXvHxP_O160T8nXL9QQccZE/s27/seocipsh3.png&quot;) no-repeat scroll 4px 6px;padding:10px 38px;margin:20px 5px;border:1px solid #ddd;}

4. Silahkan save template blog anda dan lihat hasilnya.

Sekarang Sub heading style sudah berhasil anda pasang di blog anda selanjutnya silahkan anda atur sesuai keinginan pada blog anda masing-masing.Baiklah semoga artikel ini bisa bermanfaat untuk anda semua terima kasih.

Source : http://seo-score.blogspot.com/
Share this :

Penulis by abid

Previous
Next Post »

0 Komentar

Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini
  • © 2015 Simple SEO ✔