How to make a scrollbar at blog archive are sought by bloggers who want to make their Blog concise, informative and do not eat a lot of blog space.
Creating the scroll function on the blog archive is easy but if do not know how it would be difficult to do it. Well, this time Mas Aziz will share a tutorial how to make a blog archive that can be scrolled.
For those who do not know what it will look like a scroll bar blog archives, see the picture below to see examples.
Let's refer to more how to attach a scroll bar on the blog archive
1 Log in to Blogger.com
2 Select the menu in the Dashboard Templates
3 Click on Edit HTML
4 Find the code <div id = 'ArchiveList'>
5. Copy the code <div style = "overflow: auto; width: ancho; height: 200px; '> put right above
<div id = 'ArchiveList'>
6. Find <b: include name = 'quickedit' />
7 Add </ div> above
If you are still confused, I attach the following code example scroll bar that I use the blog archive blog OlPreneur.com
<b: includable id = 'main'>
<b: if cond = 'data: title ">
<h2> <data: title /> </ h2>
</ b: if>
<div class = 'widget-content'>
<div style = "overflow: auto; width: ancho; height: 200px; '>
<div id = 'ArchiveList'>
<div expr: id = 'data: widget.instanceId + & quot; _ArchiveList & quot;'>
<b: if cond = 'data: style == & quot; HIERARCHY & quot;'>
<b: include data = 'Data' name = 'interval' />
</ b: if>
<b: if cond = 'data: style == & quot; FLAT & quot;'>
<b: include data = 'Data' name = 'flat' />
</ b: if>
<b: if cond = 'data: style == & quot; MENU & quot;'>
<b: include data = 'Data' name = 'menu' />
</ b: if>
</ div>
</ div> </ div>
<b: include name = 'quickedit' />
</ div>
</ b: includable>
8 If all the steps have been done, do not forget the Save or Save your template changes do.
9 See the results
Thus today's brief tutorial: How To Make Scroll Bar On Blog Archive.
0 Komentar untuk "How To Make Scroll Bar In Archive Blog"