Info-kom77™ [Tips - Trik / Software / Games And Tutorials ]

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


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.

.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.