1. Login to Blogger with your Account
2. Go to Layout Tab
3. Click Edit HTML (Important: Download Full Template first for Back Up)
4. Check Expand Widget Template Radio
5. Find this code (You can use Ctrl+F, fill the code, and Click Next or Find)
6. Delete or replace that code with this code:
7. Save Template
8. Go to Page Elements
9. Click Add a Gadget
10. Choose Add a HTML/JavaScript
11. Fill the form with this code:
12. Click SAVE
You can set that code to your style about border style, border size, border color, background color, font color, etc...
Congratulation! You have done and Good Luck!
2. Go to Layout Tab
3. Click Edit HTML (Important: Download Full Template first for Back Up)
4. Check Expand Widget Template Radio
5. Find this code (You can use Ctrl+F, fill the code, and Click Next or Find)
<b:include data='post' name='post'/>
6. Delete or replace that code with this code:
<b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"> <data:post.title/></div></a> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if>
7. Save Template
8. Go to Page Elements
9. Click Add a Gadget
10. Choose Add a HTML/JavaScript
11. Fill the form with this code:
<a href="http://YOURBLOGNAME.blogspot.com/search?max-results=200">Contents List</a>
12. Click SAVE
You can set that code to your style about border style, border size, border color, background color, font color, etc...
Congratulation! You have done and Good Luck!
I follow your guidance and the result is excellent.
Thanks.
BH