- Step 1: Log in to your Blogger account and Go to your Blogger Dashboard
- Step 2: Now click on -> Template -> Edit HTML-> Proceed
- Step 3: Now Find this code ]]></b:skin> by pressing Ctrl+F
- Step 4: Paste the below code Before/above ]]></b:skin>
Tuesday, March 19, 2013
Add customize multicolored popular post widget with post number
Adding beautiful Popular Post Widget To Your Blogger Blog
- Go to Blogger Dashboard > Template > Edit HTML.
- Find ]]></b:skin> (Press Ctrl+F to find) and Paste the following CSS code before it.
Beautiful Scrolling Recent Posts Widget For Blogger
To veiw live DEMO CLICK HERE
Go to Blogger Dashboard
Adding The Widget To Blogger Now after adding the JavaScript library into your blog's HTML section, do the following to add this cute widget into your blog:
- Now Template >> HTML >> Proceed
- And find <head> tag inside your template by using CTRL+F
- Right after <head> tag insert following jQuery link
- <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
- Save your template And you're done...
Adding The Widget To Blogger Now after adding the JavaScript library into your blog's HTML section, do the following to add this cute widget into your blog:
- Go to Blogger >> Layout >> Add Gadget >> Select an HTML/JavaScript Gadget
- Copy the following code and paste inside an HTML/JavaScript widget
Adding Popular Post Widget To Your Blogger Blog
To view another live demo click here
The Steps are extremely straightforward so you can easily customize your widget without facing any problem what so every. Just follow the following instructions.
The Steps are extremely straightforward so you can easily customize your widget without facing any problem what so every. Just follow the following instructions.
- Go To Blogger >> Your Blog >> Layout.
- Add a Gadget >> Now within the list of widget look for “Popular Posts” and select it.
- Now match the settings which are shown in the screenshot below.
Subscribe to:
Posts (Atom)