If you want to make a scrolling blog roll like this one on the right side, while you don't want to to change the original blog roll setup like this one below, then you are reading the right tutorial post of Crispy Papaya!
It is a very simple setup! Just follow my steps below and your good to have one like mine! Mine is located at the sidebar. Enjoy!
1st: Go to Edit HTML tab. Make sure you BACKUP your template BEFORE you do anything.
2nd: Make sure the Expand Widget Templates is checked.
3rd: Find LinkList with the title Blog Roll or any title you've set.
Note: Don't mind the number after the word LinkList. Numbers may varry depending on your blogger setup!
<b:widget id='LinkList1' locked='false' title='Blog Roll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
4th: Insert the BLUE TAGS.
Note: You may edit the values of the GREEN TAGS.
<b:widget id='LinkList1' locked='false' title='Blog Roll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"' style='overflow: auto; display: block; overflow-x: no; overflow-y: scroll; height: 300px; width: 160px;'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div> </div>
</b:includable>
</b:widget>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"' style='overflow: auto; display: block; overflow-x: no; overflow-y: scroll; height: 300px; width: 160px;'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div> </div>
</b:includable>
</b:widget>
5th: Save!!! And you're ready to go!!!
Congratulations you now have you're Scrolling Blogger Blog Roll!!!!
Posts
14 comments:
THANKS FOR SHARING THIS...did as u directed...million thanks...
Thanks for the tip. It was helpful for my blog. Was searching on to do for a long time now.
Thanks again.
Hi Thesabel, I have a tag for you at Wishing on a Falling Star, have a great day! :)
thanx for sharing this..
thanx, thanx
Thanks for the tips friend. Regard. Seno.
My site make by wordpress.
how it work?
@Momeen: Well, I don't know how it works with wordpress but if you can locate the code for the blog roll this code is the most important part:
some codes for the blog roll title
<div style="overflow: scroll; height: 400px; width: 160px;">
some codes for the items of the blog roll
</div>
that's it :D hope you can locate them properly :D
To EveryOne: You can Apply the Blue Codes/Tags To Your Blogger Categories, Archives and What-So-Ever That Has Very Long Items :D :D
Just Do This:
Some Title (look for the title)
The Main Blue Tag (right after the &t;div class='widget-content'>
Some Items
The Ending Blue Tag (right after the </div>
The Closing Widget Tag (which is the </b: widget>)
Same Format For The Blogger Blog Roll :D
That's It!!! Very Simple :D
thanks for this! done it in my blogroll too :)
thanks for sharing that's what i want to my blogroll.
nice info. thanks for sharing
wow, thanks for the tip! it worked =)
thx.!!!:))
Wow...it's a wonderful info. Thanks pal
Regards,
Blogspot Tutorial
Post a Comment