Sunday, 26 May 2013

How To Put Archive In Scroll Menu


I will try to discuss about how to put archive in scroll menu. Do you have a problem with the archive that already extends down on the sidebar of your blog page? for your blog which archive already are full, especially with the wide range of gadgets, I will give you the solution so that your blog page looks neat, nice to views. You can try to enter archive or other gadgets into a scroll menu, so that a wide range of gadgets that have been taking up space, especially lengthwise down, can be arranged with neatly. Scroll menu is very effectively used to deal with the problem, because the scroll menu can economize variety your blog page, either on post or sidebar. Besides scroll menu you can also using accordion menu, function is not much different from the scroll menu, which is to hide the gadgets that have exceeded the capacity of the blog page. If you are interested, you can try to use both of these the gadget,  And feel the gadget which you think is good. Well if you are interested to set it up, you follow these steps:


And if you want installing a scroll menu, you can follow these steps below:

1. Sign in to your blog
2. Add gadget
3. Select archive
4. Save
5. Next click template
6. Edit HTML
7. Tick ​​the box Expand Widget Templates
8. Search code <div id='ArchiveList'> or ArchiveList
    to facilitate the search please press Ctrl + F
9. Then copy the code below and paste above
    code <div id='ArchiveList'> or ArchiveLis   

                                                                        
div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;"




10. Then close with the code </div>
11. Results until such below

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;">

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

12. Save and view result

Information :
Lime color, adjust the width of your blog sidebar
Aqua color, change for height
Orange color, change for background color
  

5 comments:

  1. Thanks so much for this!!!
    I tried many other different instructions via many blogs, they never helped. Now this worked.

    Can I do the blog tags in scroll roll too???

    ReplyDelete
  2. Keep up the excellent work , I read few posts on this web site and I believe that your blog is real interesting and holds circles of wonderful information.
    website design

    ReplyDelete

  3. thanks for this post, keep it up for updating us, i am waiting for ur new article.
    IPL 2015 Cricket live score
    mps computers
    Harjinder Singh

    thanks again
    earn money and free backlink
    msg2

    ReplyDelete
  4. I enjoyed over read your blog post. Your blog have nice information,
    I got good ideas from this amazing blog.

    goldenslot

    gclub online

    ReplyDelete
  5. Siapkan diri anda untuk kemenangan yang berlimpah di SahabatQQ

    Hanya dengan modal minimal deposit 20.000 dapat membuat anda menjadi jutawan loh ^^
    Dengan 8 jenis game yang seru dan sangat mudah di mainkan

    Apalagi yang kalian nantikan , mari join di SahabatQQ
    Link alternatif :

    - sahabat9988,net
    - Duniasakong,com
    - Duniasakong,net
    - Duniasakong,org
    - Duniasakong,info

    ReplyDelete