Discussion on Togglr - Clean Responsive Blogger Template


TemplatesZoo supports this item


40 comments found.

Nice theme. GLWS friend. :)

welcome to TF bro, Great Design and GLWS :)

Great Work! GLWS! :)

Great work, glws ;)

Is there a way to remove the “read more” and show the complete post?

Read More is something you apply to your post in your post editor. If you don’t click Add Read More icon in your post editor, it won’t show up. By default, it’s turned off and you will see the complete post.

Hello, I can get the top menu, it doesn’t show any of my pages.

sorry, I found it in the HTML documentation

I can insert my personal header theme ?

Tooglr Template provides 6 header themes in the download package. However, if you want to insert picture of your choice, i will tell you how to do that once you buy the theme.

hey, i bought the template, need some support.

how to change header image?


Go to Templates -> Then click on Edit HTML -> Press (Ctrl + F) in the coding box that appears. Type togglr-header.jpg and press Enter. It will get you to the line that has the header image. Replace http://1.bp.blogspot.com/-0LnBPrn5ynA/Ux7QVCR2-GI/AAAAAAAAB_o/RFNAeWW_GtU/s1600/togglr-header.jpg with your image url.

Screenshot on how to do this —> http://1.bp.blogspot.com/-3gYTHKUKXeM/Uy81Q5IfQSI/AAAAAAAACDw/ZG7lAtgaczY/s1600/Blogger-+Togglr.png

done. thanks.

Hi, i have added the followers widget in the sidebar, but is not working! any ideas?

Check your mail. :)

hi there, i am not talking about the google+ followers, i am talking about the followers gadget, can be found under the “more gadgets”

any ideas?

i have also added the twitter widget with my latest tweets but again nothing is displayed..

Sent you the options.

another question, how and when is the first letter of the post enlarged?

Yes, you can if you are comfortable editing every post. ----- First go to Template and find ”.post-body div:first-child:first-letter” without quotes and replace it with ”.alif:first-letter” without quotes. Then in your post editor, go to HTML tab and find your first letter and add a span tag around it. For Example you have “Megahz” Convert it to

<span class="alif">M</span>egahz

Sorry, not

<span class="alif">M</span>egahz
but this
<div class="alif">M</div>egahz
Find first letter in each of your post in HTML editor and add the same codes around it. Will work like charm.


HI I HAVE PURCHASED THIS ITEm. I really need to replace the golden harvest head background pic. can You please let me know how to do so ? fashiondacci.blogspot.com thanks

By the way, tooglr template provides 5 header images you can choose from plus i have updated one more after you purchased the template. Take a look at the template demo again. If you like any one of them, you just have to upload that file. But if you want another image, i have already told one of the buyer how to do that with screenshot. You just have to make sure your image is 1600px wide.

hi ignore my previous question. i found the answer. however, i lost my previous commenting application i inserted. ( disqus ) can you fix this for me ? thanks

I visited your blog and disqus seems to work pretty nice on your blog. Here’s the screenshot i have taken from one of your post. Link > http://tinypic.com/r/wwc874/8

hi i want to delete the profile icon photo sitting on the header. ( next to my blog name ) also blog name. Iwant delete both of them. How do I do so . ( as the header’s background image I will replace will already includes all info i wanted ) thanks

is this the right one to delete ? http://4.bp.blogspot.com/-ElF2H3SNmbY/Ut1YXcMMmRI/AAAAAAAAB9A/KbhMoDC1Jgg/s1600/nav-icon.png


Go to Template > Edit HTML > Press CTRL+F > Search box will appear > Write

in it and press enter. It will take you to the following code.
.topwrapper {
background: url(http://1.bp.blogspot.com/-21pk0_ckdAI/Ut1Zqi4qkGI/AAAAAAAAB90/EWMrjU0jVa4/s1600/theme1.jpg) no-repeat scroll center right tomato;
height: 310px;
position: fixed;
top: 55px;
width: 100%;
max-width: 1600px;
Replace it with
.topwrapper {
    background: url("https://farm4.staticflickr.com/3687/13612305853_a45124f2e8_b.jpg") no-repeat scroll center center #FFFFFF;
    height: 260px;
    max-width: 1600px;
    position: fixed;
    top: 55px;
    width: 100%;
.infobox {
display: none !important;

Save your template. It will look like this > http://tinypic.com/r/14c49jt/8

Also if you don’t want navicon( three lined icon that opens the sidebar). Add this right after the above code.
.topper {
display: none !important;


Hi Kickbloger, I’ve purchased this lovely theme and thought it will cover my issue with blogger. But suddenly it did not. And seems to me this issue related to the Blogger system, not for you? theme. Can you please help me to address the issue which your theme intended to, i see you are the blogger guru? I want to have Main Page in my blogger web site and hierarchical tree. But can’t find such option on Blogger Dash board with “how to” instructions. Thanks.

You know Blogger is a blogging platform and when you create new posts they will appear on homepage. If you don’t want any post to appear on Homepage, go to your blogger dashboard and create a page (not a post). It will not appear on homepage. You can link it anywhere on your blog. When anyone clicks that link, then only he will get to that page.


Do you want “main page test content” to always appear on homepage at the top? Like you created a new posts “My New Post” after “main page test content” but you want “main page test content” to appear before “My New Post”.

I want to have a bunch of posts in a page which will not appear on a homepage but have a link to this page with posts. Is it possible in blogger?

You cannot exclude some selected posts from Homepage in blogger. If you have to hide some posts from appearing on Homepage, the best you can do is create pages.

Hi there, i got a new question, is there a way to add a static right sidebar on homepage? this will be really cool.

It will be great if you can scroll through your posts but the right sidebar will remain.


Static Sidebar feature is not included in this theme.

Hi – I’ve been trying to add links to the menu bar as described by the documentation, but am having problems. The documentation shows a Content box into which you can paste the code provided and then edit it, but when you click ‘edit’ on the menu box on the layout, it comes up with a configure link box, asking for separate ‘New Site Name’ and ‘New Site URL’ boxes to be filled in. I’ve tried doing this but it comes up with a vertical list that is half hidden at the top of the page, not the horizontal one that is shown on the demo. Could you tell me how to fix this? Thanks

You do this - First remove the menu widget. An “Add a Widget” option will appear in it’s place. Click on it. Navigate through the widgets to find HTML/JavaScript widget. http://3.bp.blogspot.com/-7BlOLE5sq5Y/U1LN926JVrI/AAAAAAAABbM/S8PhbSyA8nE/s1600/htmljavascript.png

Click on it. New widget box will show up like in the documentation. Hope this solves your problem. If you still have any problem, feel free to comment.

Great, that sorted it out. Thanks very much for your help!

Hey there, I love your theme, but how do i make a drop-down/sub-menu for the main menu bar? one more, is it possible to have a footer, instead of infinity scrolling? Footer will be a nice place to put some useful information

Good to hear you love the theme. I found these two sites for you to add drop-down menus.
1. http://www.hscripts.com/tools/drop-down-menu/
2. http://purecssmenu.com/
Just visit any of them, choose menu submenu text and colors. Get the code and add it instead of the menu code i provided. Pretty easy thing.

Now removing the infinite scroll.
In your Dashboard, go to Template > Edit HTML > Press CTRL+F > Write “Ajax Scroll” without quotes in the search box that appears and hit Enter. You will get to this code.
<script type='text/javascript'> /*! * Infinite Ajax Scroll, a jQuery plugin

loader: 'http://2.bp.blogspot.com/--JfWELJIhPA/UtPwOQF61sI/AAAAAAAAB8w/Hc-Lugt30aQ/s1600/ajax-loader.gif' }); </script>

Delete these codes and all between it.
When you successfully remove the infinite scroll plugin you will see the newer older links on the bottom of your page. Then i will give you the codes for foote menu.
:) Good Luck

Okay, thanks. I did remove the script. Please give me the footer codes. thank you.

Here’s the code for a footer on your blog.

Go to your Blog Dashboard > Template > Edit HTML > Find “blog-feeds” without quotes. You will find something like -

<div class=”blog-feeds”>

Just Above this line add these codes - <style> .fotrr { background: #333333; display: block; margin-bottom: -50px; margin-top: 80px; padding: 14px; text-align: center; } .fotrr a { color: #FFFFFF; font-family: droid serif; font-size: 17px; margin-right: 35px; } </style> <div class="fotrr"> <a href="http://something.com">Home</a> <a href="http://somewhere.com">About</a> <a href="http://google.com">Contact</a> </div> Add/Remove the above mentioned links like you did for top menu.
To change background color change #333333 with your color code. To change link colors, change #FFFFFF with your choice of color code.
You can find various colors with their color codes here – http://html-color-codes.info/

Here’s the screenshot of how the new footer will look on your blog – http://oi59.tinypic.com/359wfn5.jpg

Also find

And replace it with

Great theme! Is there any way to use one of my own images as the header image?

Ah, nevermind. I see you already answered that before.