Cara Mempercantik Tulisan Blog Di Dalam Artikel


Cara Mempercantik Tulisan Artikel - Menurut saya pribadi, tampilan yang enak dilihat ketika membaca artikel akan membuat pengunjung anda betah di dalam blog.

Sebenarnya apakah itu penting bagi anda ?

dan apa sih pengaruhnya terhadap mesin pencari ?

Desain blog yang enak dilihat dengan didukung artikel yang berkualitas sebenarnya mampu meningkatkan kualitas SEO di dalam blog karena nilai bounce rate yang ramping..

siapa sih yang tidak betah jika tampilan artikel di dalam blog cantik, pastinya banyak pengunjung yang betah dan semakin ketagihan untuk membuka artikel selanjutnya..

didalam artikel ini anda akan di ajarkan cara mempercantik tulisan blog dengan membuat beberapa catatan penting seperti Info, Tips, dan Warning..

Seperti apa bentuknya?

Tips Mempercantik Tulisan Di Artikel Blog

okee bagaimana sih tampilan yang saya maksud ?

Lihat gambar dibawah ini

Dengan mempercantik tulisan menggunakan cara di atas mungkin artikel sobat terlihat berkualitas karena jelas apa yang di bicarakan..

misalnya ada beberapa tips, catatan penting, atau menggunakan warning untuk menulis sesuatu yang tidak boleh di lakukan..

silahkan kreasikan senidiri..

Lalu bagaimana cara mempercantik tulisan blog seperti gambar di atas..
  • Seperti biasa sobat masuk ke blog masing-masing dan pilih menu tema yang ada disamping kiri
  • pilih edit html dan cari kode ]]></b:skin> menggunakan ctrl+F
  •  letakan script CSS di bawah ini diatas kode ]]></b:skin>

.info, .tips, .warning {
 line-height: 22px;
 min-height: 38px;
 padding: 10px 12px 12px 68px;
 margin: 5px 0;
}
.info {
 background: #e0e5eb url('http://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png') no-repeat 12px 8px;
 color: #222
}
.tips {
 background: #7CADDE url('http://2.bp.blogspot.com/-_Y9kuQODeBs/UlA4LwDUkhI/AAAAAAAAFtk/Rm0QwoddGLw/s1600/tips.png') no-repeat 12px 8px;
 color: #fff;
}
.warning {
 background: #db6161 url('http://2.bp.blogspot.com/-rgsBmdJYFkM/UlA4LyWCrqI/AAAAAAAAFtc/suIf3IwnpgE/s1600/warning.png') no-repeat 12px 8px;
 color: #fff;
}
  • Jangan lupa di save..
Contoh penggunaanya adalah,,,,
  • Pertama pilih pos entri baru
  • Ubah ke mode html dan Gunakan script  
<div class="info">untuk membuat catatan info</div>
<div class="tips"> untuk membuat catatan tips</div>
<div class="warning"> untuk membuat catatan warning</div>

Dengan menggunakan blok tulisan seperti itu saya rasa postingan yang sobat bikin bisa lebih enak dilihat dan menunjang tutorial yang dibuat..

Jika ada yang kurang jelas atau ada yang ingin di tanyakan tentang tutorial mempercantik tulisan blog, silahkan komen saja di bawah yaa..

happy try and hope lucky

Reaksi:
Share this with short URL:

Artikel Terkait Lainnya:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser