Logo Design by Info-kom77.blogspot.com
Logo Design by info-kom77.blogspot.com

Temukan Pencarian Anda Disini

apa itu highlight ?
adalah sebuah kotak yang digunakan untuk memberikan efek lebih atau penekanan pada suatu posting atau tulisan.

kegunaan dari highlight cukup penting, hal ini akan memperjelas tulisan yang akan di tonjolkan oleh penulis. sebenarnya ada beberapa cara untuk membuat hghlight ini. tapi kali ini saya akan jelaskan yang paling mudah untuk digunakan walaupun sedikit repot, tapi cara ini paling ampuh dan dapat digunakan untuk semua jenis template. untuk cara yang lainnya anda bisa pelajari
silahkan ikuti langkah-langkah ini ;

1. login ke account blogger anda pilih blog yang mau di edit.
2. pilih menu posting klik Entri Baru / Edit Entri
3. masukan kode di bawah ini pad tulisan yan ingin di tonjolkan/highlight


<div style="background: #CCE0FF; border:1px dotted #223344; padding:5px;">

"Tulisan Yang Ingin Ditonjolkan"

</div>


background:#CCE0FF; adalah warna background kotak, jika anda menginkan warna yang lain silahkan kilk cari disini

border:1px dotted adalah garis tepinya "1px" atau ketebalan garis tepinya, anda bisa mengganti sesuai selera anda. untuk melihat jenis garis bisa anda dapatkan disini

#223344 adalah kode warna border.

padding:5px; berfungsi memberikan batas garis tepi dengan tulisan anda.
tambahkan overflow:auto; jika ingin menambahkan fungsi scroll pada kotak Highlight.
Baca Selengkapnya...

Ketika saya jalan-jalan (blogwalking) saya sering menemukan komentar admin yang berbeda dari pengunjung nya. Komentar Hal ini membuat saya selalu bertanya-tanya bagaimana cara mereka membuat nya karena template blogspot punya saya tidak seperti itu.
Akhirnya saya googling dan menemukan banyak cara untuk membuat ini, berikut Cara Membuat Kotak Komentar Admin Berbeda Di Blog :
Masuk blogger > rancangan > edit html > centang expand template widget
Cari kode ]]></b:skin> Pastekan kode berikut tepat di atas kode  ]]></b:skin>
.author-comments {
background: #333333;
border: 2px solid #666666;
padding: 5px;
}
Pada kode berwarna merah di kotak atasbisa diganti sesuai keinginan.
Kemudian cari kode
            <data:commentPostedByMsg/>
            </dt>

Jika sudah ketemu kode di atas, pastekan kode di bawah ini tepat di bawah </dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>
Kemudian cari kode <dd class='comment-footer'> tambahkan </b:if> tepat di atas kode <dd class='comment-footer'>Sehingga keseluruhannya tampak seperti di bawah ini :
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
</b:if>            <dd class='comment-footer'>
Terakhir simpan template, dan kemudian untuk melihat hasilnya silahkan  berkomentar di blog sendiri dengan catatan harus login di blogger dulu.
Baca Selengkapnya...
Design by info-kom77.blogspot.com
Design by info-kom77™

 

Blogger Template | Created by Adam Every