Cara membuat hover tooltip pada Arsip Blog

Cara membuat hover tooltip pada Arsip Blog. Arsip blog merupakan sebuah susunan link tertata rapi dan berurutan mulai dari saat pertama kita posting hingga saat ini. Untuk saat ini Arsip blog hanya dapat menampilkan halaman posting saja, dan untuk halaman statis saat ini belum dapat di tampilan pada Arsip blog. Untuk kedepannya kita belum tau ya, karena hari demi hari fitur blog semakin bertambah terus. Seperti baru-baru ini blogger telah meluncurkan sebuah widget Entri yang Diunggulkan, seperti apa Widget Entri yang Diunggulkan tersebut?? Silahkan liha pada posting http://caraeditblogger.blogspot.co.id/2015/12/membuat-featured-post-di-blog-tanpa.html
Arsip blog default blogger pada dasarnya telah disediakan pada menu Add Gadget, jadi pemilik blog tinggal menambahkan saja, kalau masih bingung silahkan lihat posting : http://caraeditblogger.blogspot.co.id/2015/01/cara-membuat-widget-arsip-blog.html
Kembali Cara membuat hover tooltip pada Arsip Blog. Tooltip adalah sebuah teks pendek yang menjelaskan akan keterangan sebuah link atau gambar. Teks pendek atau gambar ini akan muncul ketika kursor didekatkan pada sebuah link atau gambar.

Berikut Cara membuat hover tooltip pada Arsip Blog, dan kita anggap Widget Arsip blog telah terpasang:
i. Login ke blogger dulu ya
ii. Buka Template > Edit html
iii. Cari Kkode

<b:widget id='BlogArchive1' locked='false' title='Arsip Cara Edit Blog' type='BlogArchive'>
SAMPAI KE
</b:widget>

iv. Timpa / ganti kode tersebut dengan kode ini

<b:widget id='BlogArchive1' locked='false' title='Arsip Cara Edit Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h3><data:title/></h3>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url' expr:title='data:i.name'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url' expr:title='data:i.name'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url' expr:title='data:i.title'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
</b:widget>