Southern Listeners

Loading
Thanks to Greenlava for this cool gadget. Get yours here

Sunday, April 15, 2012

Force Gadgets to Stay Visible in Blogger Dynamic Views

Before
After
Second post of the week! Your Dynamic Views gadgets would hide itself by default after a few seconds upon loading. It'd reappear when you bring your mouse over it. If you find this annoying, here's how you can force it to stay unhidden and remain visible at all times.

Go to Dashboard --> Template --> Customize --> Advanced --> Add CSS --> paste the following code --> Press enter after the last character of the last line } --> Apply to Blog.
#gadget-dock{
position: fixed !important;
right: 0px !important;
}

Extra:

If you've used one of my other tweaks to reposition your gadget from the right to the left, use the following code instead to keep your gadgets visible.
#gadget-dock{
position: fixed !important;
left: 0px !important;
}
Cheers!

224 comments:

  1. Replies
    1. this is great as is ALL of your help - I know you have requested that we specifically email you on a different page for a different question but I never have ANY luck over at BLOGGER - YOU are the only person that has ever helped me and I need help :( my website is loading so so slow - I have no idea what is going on and it happened all of a sudden - today out of nowhere - can you help me? h

      Delete
    2. Hi moore,

      Your blog loads faster than mine does. I don't think there's anything wrong with your blog. Have you tried with a different computer, perhaps?

      Delete
  2. thank you so much for awesome tips. i didn't change my blog to dynamic views just because I cannot modify the design as I want. And... finally, I found your blog and switch to dynamic view with many of your tips!!!

    ReplyDelete
    Replies
    1. You're most welcome Vera! Feel free to leave a comment if you have anything in particular that you'd like to achieve! Cheers!

      Delete
    2. Hey now am in dynamic view, and i had trid ur html code, gadgets are not displaying and adsense is also not working.. how please mail me imranhashmi006@gmail.com

      Delete
    3. What is your blog's address?

      Delete
  3. This comment has been removed by the author.

    ReplyDelete
    Replies
    1. Hi China,

      Thanks for your comment - I enjoyed reading it! As for your quickedit question, do you have a forum link I can look into? I could escalate your discussion to a Google Employee so that they can have a look - although half the time it ends up in disappointment.

      As for the Feedjit question, I don't see a way to bring it into DV at the moment, although I've already added it into my list of things to look at. I'll publish a post if I ever find a way.

      Thanks for the Paypal suggestion. It never occurred to me! And here's me returning favor. In your blog, it appears that you've repositioned your gadget too far from the top of your blog. Though it might have looked good in your computer, it will affect the way your blog is shown in smaller/standard screened computers (like mine!). This is what it looks like in my computer: http://i.imgur.com/Lcixn.png. You might wanna pull it up a little.

      Happy blogging China!

      Delete
  4. O!!! Very much Nice...
    After Studying this article, I have switched myself to Dynamic Views!!

    Thanks for the trick!

    ReplyDelete
  5. Sir... help me please i want to put like button and display how likes i have...and i want it to connect into my page in Facebook..
    i cant do it in dynamic template...

    Thank you i hope you will help me..

    ReplyDelete
  6. This page was really helpful it helps me a lot...
    It helps me doing something that i needed hahaha...
    Like Disabling the certain views in Dynamic template..

    Two Thumbs up for you sir YOGARATMAN ^_^

    ReplyDelete
    Replies
    1. Hi Reyes,

      The built in Facebook share button is the closest thing to Facebook button that we can have. At the moment, we can't add any additional HTML mods to incorporate Facebook like button. Let's see if this changes in the future :)

      Delete
  7. Hi Ratnam,
    Great Tips Here.
    Very useful indeed for a blogger. Thanks.
    This is wonderful too. But not Awesome. LOL
    Because the word "Awesome" is, as far as i know is used only to God Almighty. Either We can take it for ourselves or others can render on us. So Be Careful on this. I wonder many use this word very lavishly when they even post a comment.
    Hope you got the seriousness of this.
    Take Care my dear friend.
    Hey are you from Andhra Pradesh?
    Nice to be here. nice to speak to you.
    I just joined in this educative blog.
    Keep us inform
    Best Regard
    Philip Ariel, Secunderabad

    PS:
    Ratnam, will you pl. remove the word verification, it helps others to comment easily, thanks. P

    ReplyDelete
    Replies
    1. Hi Ariel,

      I don't believe that a word so commonly used all around the world is reserved for God. I'm from Malaysia btw. And removing the word verification is only gonna make this blog a target for spammers and spambot. Hope you enjoy your stay here.

      -Yoga-
      Cheers :)

      Delete
  8. I did what you write, but none of the tutorials doesn't work :( I don't know why! It's like my dynamic layout don't response no matter what I do. And I paste the code in "Add CSS". Is possible that in Polish Blogger (I'm from Poland) I can't modify Dynamic View?

    ReplyDelete
    Replies
    1. Hi Phoe,

      It doesn't matter where you're from, they should work :) When I viewed your source, I don't see any custom code at all. Are you sure what you're entering to your blog is staying in your blog? You can check this by going to 'Add CSS'. Can you see what you've left there previously? If you don't, that could mean a problem with your browser. Try using a different browser. Cheers! :)

      Delete
  9. Hi there!

    SO happy to find your blog, because I love dynamic views but it needs some tweeks. However, when I add the code above everything looks great on my Startpage, but on my pages "About me", the post drifts to the right after inserting the code. And, that does not look good:(

    I combined this code with the one where you change the background color for gadgets (if that matters). Any suggestiosn as to how I can keep the postfield on my pages centered AND have the gadgets stay put?

    I have the removed the code now to keep my blog looking good, but if it helps, there is a link to it below.

    Many thanks:)
    Camilla from Sweden
    http://www.iktskafferiet.se/

    ReplyDelete
    Replies
    1. Hi Camilla,

      Noted. Try just this:

      #gadget-dock{
      position: fixed !important;
      right: 0px !important;
      }

      Cheers! :)
      Yoga

      Delete
    2. Worked lika a charm! Many, many thanks:)

      Delete
  10. Replies
    1. Thanks Camilla, buying meself a pizza tonight! :)

      Delete
  11. Haha, a small one:D
    Suggestions for future tutorial: how to make the gadget ICONS into a different color:)

    ReplyDelete
    Replies
    1. Tried it. It's technically impossible to change the colors using code alone. I've found a way to replace the whole icon though. In other words, you can download the original icon to your computer, change its color, and replace the original icon with the altered one. Here's how.

      Cheers! :)

      Delete
  12. Hi,
    thanks a lot for yours tutorials.
    I have a question for you: i can force the gadgets to stay unhidden and visible only on my homepage?
    i deside that the gadgets not be visible in the other pages.

    Thanks a lot.
    Ivan
    http://ivanscimonellisailing.blogspot.com/

    ReplyDelete
    Replies
    1. Hi Ivan,

      We're gonna need conditional HTML codes for that. Unfortunately, conditional HTML tags are too static to work in Dynamic Views - thus it isn't possible.

      Delete
  13. Wondering how to expand the width of a the list gadget so that the resulting tiles/links are on one line instead of two. Check the blogroll gadget at kansasbob.com for an example. Thanks!

    Hope your weekend was a good one Yoboy!

    ReplyDelete
    Replies
    1. Hi Bob,

      Good question! Here, add this to your CSS:

      .gadget-linklist{
      max-width: 200px !important;
      width: 200px !important;
      }

      Cheers! :)

      Delete
    2. Perfect! Thanks so much Yoboy!

      Are you close to London and thinking about attending an Olympic event?

      Delete
    3. Oh no, are you? I'm living in Sunderland - North East of UK. London is like 9 hours travel, by bus.. Besides, I'll be leaving to Malaysia after my graduation on 15th of July.. Olympic starts on 27th.. Not gonna be saddened actually.. Might still get to see the Olympic torch some time this month though :P

      Delete
    4. Will not be attending but will be watching on TV.

      What will you being doing in Malaysia after graduation?

      Delete
    5. I'm a Malaysian, Bob.. My plan: go back home - build a career - start a life .. That's as far as I've gotten :P

      Delete
    6. Sounds like you have already gotten pretty far Yoboy!

      Good luck in building a career back home!

      Delete
    7. Thanks Bob.. I'll probably be coming to California again in Summer '13 for another Google conference.. You let me know if you ever decide to visit Malaysia.. We could go for a beer :P

      Delete
    8. I have a few blogging friends in Malaysia. Would be great to get a beer with you. Never know?

      Delete
    9. I bet it'd be great.. Let's make it happen some day!

      Delete
  14. Hey, there.

    I just known yo email address. Hey, bro I really need yo help. I have bunch of problems right now.
    here: First, i written 2 post using mongolian language which not list in google translation. The thing is when i finished my post, when i see my post it looks not fully. Only i can see first 4 lines, in addition i can't see my pictures.
    Second, I wanted to add Facebook and Twitter ADD button, and if possible sharing buttons which supports DV in Blogger.
    Third, when you visited my blog i changed sidebar that can visible everytime. But i can not do this at the header's menu section / which includes Home, Dynamic views, etc /
    Fourth, I really do not understand about the page sections, but i do understand how it looks. The fact is, the page section just looks like post. I want to how can i add sub menus and drop down menus.
    Last thing, can you help me to find out the latest blog which uses Dynamic Views and other useful gadgets, etc. Thank you for your time, Yogaratnam N. I am waiting your kindest reply ever. Reply me back as soon as possible, i hope you are a life saver. I will see you soon.

    ReplyDelete
    Replies
    1. Hey bro,

      1) I cant find any image code in your blog. In any case, it'll be too heavy if we were to discuss this issue here. Create a discussion in Blogger Help Forum, and let me know its link. We'll continue this discussion there.

      2) It is not possible to add any sharing buttons to DV at the moment, at least not practically.

      3) Add this to your CSS:

      #header .header-drawer.sticky{
      margin-top: 31px !important;
      }

      4) The page sections are just individual posts, which you'd like to use for permanent purposes. You could use it to add 'About Me' or 'Contact Us' pages.. These contents wont be suitable in posts, thus the reason for the existence of Pages. Unfortunately, you can't add any custom drop-down menu to DV as of yet. See if this interests you:
      http://www.southernspeakers.net/2011/11/drop-down-pages-gadget-menu-in-blogger.html

      5) Don't think it is possible. You could start a discussion in the Coffee Shop of Blogger Help Forum, and ask people to share their DV blog links.

      Cheers!

      Delete
  15. Great to know you are Malaysian too :) I have a question. How to hide the gadget-dock in blogger? thank you

    ReplyDelete
    Replies
    1. Hi Dihyang,

      As of completely hiding your gadget dock, go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

      #gadget-dock{
      display: none !important;
      }

      Cheers :)

      Delete
  16. You are seriously awesome! I've used like eight of these tutorials for my company's blog. Thank you for sharing your wisdom!

    ReplyDelete
    Replies
    1. Glad I could be of help :) Let me know if you need something I havent covered before..

      Cheers :)

      Delete
  17. Great post, thanks for your help!

    Is there anyway to force an html gadget to appear? or we can only show those marked by blogger as "appearing on dynamic layouts..."?

    ReplyDelete
    Replies
    1. Hi Orgulhoso,

      You're right. Only those marked with 'Available in Dynamic Views' are supported at the moment. But they're still working on it, so we might yet to see an HTML gadget in Dynamic Views in the future :)

      Delete
  18. how to enable fb share button and visitor gadget on dynamic view?

    ReplyDelete
    Replies
    1. Hi Ashish,

      You can't add a third party gadget to DV. I'm not sure what you meant by visitor gadget, but if you're looking for a stat counter, then check the following link out:

      http://www.southernspeakers.net/2012/06/adding-statcounter-in-blogger-dynamic.html

      Delete
  19. In dynamic view what is the best way to highlight the code written in various language? Till now I am able to do in java.

    ReplyDelete
    Replies
    1. Hi Ranjeet,

      I'm not aware of any method to highlight codes in DV, as Javascript integration doesn't go so well at the moment. I'll keep you posted, in case I find a way to highlight codes.

      Delete
  20. That worked beautifully, thankyou! :)

    ReplyDelete
  21. FYI I just discovered, when printing in Chrome, that the always visible DV toolbar (thanks for the tip above!) prints in the center of the page, obscuring some of the post. Any way to overcome this side effect? Not a problem in Safari. Firefox appears to handle DV view printing badly.

    Am using a Mac, Chrome is up to date, Version 21.0.1180.57.
    Our blog is http://blog.brockmanfamilyfarming.com

    ReplyDelete
    Replies
    1. Hi Peter,

      I see the issue you're facing.. Unfortunately, there isn't much we can do to fix this as this issue involves Blogger and Chrome.. Here's what you can do.. Create a question thread in Blogger Help Forum, and get back to me with its link. I'll notify a Google employee about the bug..

      Delete
  22. can we use widget or make sidebar at left or right magazine dynamic view, so i can add ads banner at sidebar?

    ReplyDelete
    Replies
    1. Hi Richard8,

      Nope we can't. The only way to add ads in Dynamic View at moment is by signing up for the AdSense programme..

      Cheers :)

      Delete
  23. I applied the code for "Force Gadget to stay visible" several times. It does not work. I used other code for other things and it was fine. Do I need to delete all other codes for this new code to work? Thanks.

    ReplyDelete
    Replies
    1. Hi Jerry,

      If you delete all other codes in your Add CSS box, all the previous tweaks that you have applied to your blog will be removed - and it isn't necessary. There might be a broken piece of code somewhere in your template. That could prevent new codes from working. Let me have a look. What's your blog's address?

      Delete
    2. Hi, I have the same issue where my gadget isn't stay visible. Can you help to check?

      Thanks.

      www.kalerina.com

      Delete
    3. Hi Kalerina,

      It seems to be visible now. Have you got it fixed?

      Delete
    4. Jerry, Can you please post the code here that allows you to add the word subscribe in your rss gadget in Dynamic Views. It is featured here on your site:
      http://www.mybestbuddymedia.com/

      I would like to do this with other Gadgets.

      Thank You

      Delete
  24. Yoga:

    Thanks for the interest.

    http://www.mybestbuddymedia.com/

    Don't you need my username and password to have a look?

    ReplyDelete
    Replies
    1. Not needed - I've got my tools :)

      And here, I've found the broken code. Remove the following line from your 'Add CSS' box:

      h1.title a{color: #F84A0B

      Click on 'Apply to Blog' once the line is removed. Let me know how it goes.

      Cheers :)

      Delete
  25. Yoga:

    It worked! Thanks!

    I may want enhancements soon. I'll hire you to do the work
    if I decide to add them.

    ReplyDelete
    Replies
    1. Sounds fun :)

      And glad you got it fixed! Cheers :)

      Delete
  26. BTW.. i am your 500th member :) Keep rocking

    http://www.beingtraveler.com

    ReplyDelete
  27. Hi Buddy,

    Need Ur help.I am using Dynamic template. I want to make facebook Like Box appear on right hand site. I tried to add ur script on Template --> Customize --> Advanced --> Add CSS. But, It's not working. I am not able to see Facebook Page Box. I am putting the facebook Box code on Add Widget->Add Javascript/HTML. Could you please look into this. My Blog is Exploreonlineads.blogspot.in

    Mail id - abinashpanda@hotmail.com


    One more Question : Will I be able to put adsense code on dynamic view template ! On Dynamic View template these widegts are not availabe : HTML/JavaScript, Adsense

    ReplyDelete
    Replies
    1. Hi there,

      You can't add Facebook script to HTML/Javascript gadget, as it is not support in Dynamic Views. The only way to add scripts at the moment is through your posts' Edit HTML section - which means you're gonna have to do it one by one for all your posts - which obviously isn't feasible.

      As for AdSense, I'd advise you to switch to a non-dynamic template first and make sure your ads are appearing. I'm not sure if adding adsense code via HTML/Javascript is gonna have any effect, but try using the Dashboard - Earning tab as well. Choose 'Yes' where it says 'Show ads on blog.'

      Cheers.

      Delete
  28. Wow, I am so glad I found this website. These dynamica views are cool... except for all the ways they are not! This code totally fixed one of the many things that were annoying me! I am no pro with websites and I found this incredible easy. THANK YOU! I will be looking through your tutorials for more fixes.

    ReplyDelete
    Replies
    1. Glad to hear that, and appreciate the feedback, thanks! :)

      Delete
  29. Need help.I am using dynamic view for my blog but Share it gadget is not visible though i have added it.could you please look into this ? My blog name is jnaanasudha.blogspot.in

    ReplyDelete
    Replies
    1. Hi there,

      It doesn't look like you're using a dynamic template. In any case, most external scripts do not work with Dynamic View templates. The only feasible way to add a code to a dynamic view template is to add it directly to your post's HTML, which you'd have to do one by one, for all your posts.

      Delete
  30. Thank you so much for the help! I feel like Dynamic view has a nice clean look but the default features are so restrictive. Thanks for all the tips.. now if I can only figure out how to add a twitter button and a bloglovin' link... wish me luck..

    ReplyDelete
    Replies
    1. Been lookin for a way myself for ages.. The closest I came to is to add the button code to the individual posts' HTML section (edit your post, switch to 'HTML' view, as opposed to the 'Compose' view). But had to do this for each post - not feasible!

      Delete
  31. You're a genius!!! Thank you so much for doing this for us all. You have no idea how html dumb I am lol I love the idea of the dynamic views but hated that it wasn't customizable, and so I never made the switch. Then today I decided to mess around with it to see if I can somehow change it so I can apply it to my blog and because of YOU I can!!! You're the best everrr!!! Many thanks again!

    ReplyDelete
    Replies
    1. Hi Li Li,

      Thanks for the feedback, and your support. Appreciate it :)

      Cheers and God bless :)

      Delete
  32. Hi, is there a way to add a share button for Facebook and Twitter to the gadget bar preferably, or somewhere in the header area? The only place where there is a share to twitter or facebook is when you click the individual posts to read, which shares that exact post. But I would like the option in the gadgets bar too share the site/page to twitter or facebook.

    As well is there a way to add a Pinterest button so people can pin items to their boards. Preferably at the bottom of each post and also in the gadget bar.

    THanks so much yet again :-)

    ReplyDelete
    Replies
    1. Hi Li Li,

      You can't add a third party link/button/widget to the header or the gadget bar. But you can add a link to your pages menu and convert this link to show as an image instead of a plain text. Here's how:

      http://www.southernspeakers.net/2011/12/blogger-dynamic-view-picture-menu.html

      Cheers :)

      Delete
  33. Hi There... need your help. At the end of everypost of my blog i am able to see the Facebook like, Twitter counts & Google+ however i wanted a share button instead. I did add the required gadget in the layout but still unable to view any changes. Hope to get some help from you!!

    ReplyDelete
    Replies
    1. Are you using a Dynamic View template? If yes, it isn't gonna be supported, not just yet. Let's have a look at your blog. What's your blog's address?

      Delete
  34. Hey Yoga, Tried it, but not working. It goes invisible even though i paste your code on Add custom CSS

    ReplyDelete
    Replies
    1. Let's have a look at your blog. What's your blog's address?

      Delete
  35. Is there any way I can post the Feedjit gadget in the Dynamic view???

    ReplyDelete
    Replies
    1. Hi Tuta,

      I don't see a way forward at the moment. Maybe in the future, yes :)

      Delete
  36. I have tried to paste the code into custom CSS several times but it does not appear to be working. I have tried pasting it in several different browsers as you suggested in an earlier post but the code does not appear to be sticking. Once I've pressed 'apply to blog', go out to check the blog and come back in, the code is no longer visible in the CSS window.

    See http://thecubiclecrunch.blogspot.com.au.

    Thanks!!

    ReplyDelete
    Replies
    1. Hi tamirab,

      If other browsers do not work for you, then go backup your template before trying the following (Dashboard - Template - Backup/restore - Download Full Template)

      Go to Dashboard - Template - Edit HTML - Proceed - Find for ]]></b:skin> - Paste your CSS code directly above ]]></b:skin>.

      Cheers.

      Delete
  37. Hi Yoga,
    I added "Separators (Vertical Lines) Between Pages Links in Blogger Dynamic View" and it worked smoothly. But when I add other codes, it does not work. I dont know why. Please show me how to add more than 1 CSS code. I want to use the Vertical Lines and Force Gadget to stay visible and some others. Please help!

    Thanks in advance.

    ReplyDelete
    Replies
    1. Hi Giang,

      Each CSS code should end with '}'. Paste your new CSS code after the } of your older code, preferably on a new line. If you still can't get it to work, paste your CSS code here (both the new one and the old ones) and I will see what's wrong with it.

      Cheers :)

      Delete
  38. BEFORE:
    #header #pages:before{
    border-left: 0px !important;
    }
    #header .tabs li, .ss{
    margin-left:0px !important;
    padding-left: 10px !important;
    padding-right: 5px !important;
    border-left: 1px solid white;
    }

    screenshot: https://docs.google.com/file/d/0B9tXKWPdK00ZdlAzQ3RMWmgwcGc/edit

    AFTER:
    #header #pages:before{
    border-left: 0px !important;
    }
    #header .tabs li, .ss{
    margin-left:0px !important;
    padding-left: 10px !important;
    padding-right: 5px !important;
    border-left: 1px solid white;
    }

    #gadget-dock{
    position: fixed !important;
    right: 0px !important;
    }

    MORE INFO: after adding the second code, I try to refresh the page then the new code disappears.

    ReplyDelete
    Replies
    1. If the code disappears that means your template designer isnt saving your changes, just like what's happening to hundreds of other users. Some users have reported success with IE8 and IE10. Give it a try. If it doesnt work, you can add your code directly to your 'Edit HTML' box, by going to Dashboard - Template - Edit HTML - Proceed, but do backup your template before changing anything in your HTML.

      Cheers :)

      Delete
  39. Where specifically in the HTML to add the CSS?

    For example:
    Before or after head?
    Before or after /head?
    Before or after body?
    Before or after /body?

    Please instruct me more as I'm familiarizing myself with coding. Thanks very much!

    ReplyDelete
    Replies
    1. Sorry for being so vague. CSS code should go exactly above ]]></b:skin>

      Cheers..

      Delete
  40. OMG, thank you so so so so so much. You dont know how meaningful your help is to me. Thanks again, Yo!

    ReplyDelete
  41. Awesome, ive been looking for how to do this! I love your site!! I still seem to be having trouble adding gadgets from external sites in dynamic views though. Do you know how to do this? Sites such as www.bloggers.com require a gadget to be added for verification but i cannot make it work. I think it might be a bug in the setup but not sure if there is a workaround.

    Keep up the great work.

    cheers

    ReplyDelete
    Replies
    1. Hi Ed,

      The HTML/Javascript gadget is not supported in Dynamic View template as of yet - but it will be, hopefully, soon.

      Delete
  42. thanks mate, ive already hide one of my widget on my homepage.

    ReplyDelete
  43. I have a popular craft blog with lots of craft photos .Switched to dynamic when some readers told me the blog took long to load.I generally tend to get an average of 2 followers with each new post but since my sidebar gadgets with the follow button was not clear...I did not see the usual increase in followers after switching to dynamic.Thanks to your post I have now customized the sidebar issue.
    Some readers seem to be having problems in leaving comments in the dynamic view..I cant understand the exact issue...can you please guide
    Blog is http://cardsandschoolprojects.blogspot.in/
    Thank you so much for the wonderful tutorials
    Regards
    Dr Sonia

    ReplyDelete
    Replies
    1. Hi Sonia,

      First of all, nice blog you've got there, kudos!

      As for the comments, it looks like there isn't anything wrong with your blog. Could you ask your readers (those who couldn't leave comments) to check how many sidebar gadgets they're seeing?

      This is because at times, when the viewer's internet speed is (extremely) slow, a lighter version of the template will be loaded. This version will have comment disabled by default, and there will be only one sidebar gadget on the gadget-dock (namely the 'Subscribe' gadget).

      This feature isn't exactly by design, Google is still investigating the issue, and so far, they could only deduce that slow internet speed or very high load of blog elements (unlikely in your case) could trigger it.

      Cheers :)

      Delete
    2. Thank you so much Yoga for taking out valuable time to check out my blog and telling such nice things about it.I think the dynamic view is very good for photo rich blogs such as my craft blog but in the craft blogging community commenting is very important so I was upset about the commenting problem.Thank you so much about the slow speed advice.Both the readers who had problems are from India and our speeds are sometimes terrible.Once more thank you so much.You have fabulous tutorials here and you are such a gem to help non savy people like me
      With lots of regards
      Dr Sonia

      Delete
    3. Happy to help Sonia :)

      P/S: I've checked your medical blog too, and I think it is awesome. Keep up the good work! :)

      Delete
    4. Thank you friend, the addition of ...Read More is very helpful.
      Is there a way to stop the pop-out side panel and have a normal side-panel of tags etc?

      Delete
    5. Hi Roy,

      What do you mean boy a normal side-panel of tags? As in, the sidebar that comes with a non-dynamic template? Unfortunately, the gadget dock is the only gadget sidebar that we can add to Dynamic templates. You can use the code in the post tutorial in this page to force your gadget to stay visible. That's as far as we can go for now..

      Cheers :)

      Delete
    6. Yoga, you are amazing. I've been trying to figure out forever (including through the blogger forum) why my blog isn't loading correctly all the time and I think what I am getting is the "light" version that you describe to Sonia. I have a pretty big blog, but this never happens in (maybe an older version of) IE runnning on an XP box and when it happens in Firefox I can hit home and it usually will reload properly. It will NEVER load in IE 10 running in Windows 7. I can't get anyone to respond to this on the forum and I have to be able to fix it or I need ot leave Blogger. Any ideas?

      Delete
    7. Here's the hard truth - Blogger thinks Dynamic Templates are not meant to be customised, and they think it is due to these customisations that these 'ghost' templates are appearing. Personally, I've seen this happening on blogs that uncustomised. That said, I don't think anything will be done about it - at least not by Blogger. On your behalf, you might wanna minimize your blog's initial load. You don't want to use background or header images that are very large, and you'd wanna go easy on the customisations. Some browsers tend to work better over the rest - my Chrome rarely sees the ghost templates, unlike my Firefox and my IE.

      Delete
  44. Hello Yoga, I'm a novice blogger and a huge fan of your tutorials. But in order for me to raise my game I need massive support both for hits and financial stuff. I am trying to put the DONATE button on my blog but I can't manage to do it. I used the HTML/JavaScript gadget and pasted the code generated from my PayPal account, saved it, and viewed my blog. Sadly, none of my actions worked. I thought that maybe you can help me with my problem. I know a lot of bloggers are also into this and needed help posting it. I hope you can help me with this using your tweaks and all your knowledge. More power.

    ReplyDelete
    Replies
    1. Hi there,

      The HTML/Javascript gadget is still not supported in Dynamic View, as of yet. It is the only gadget that is incompatible with dynamic templates at the moment. That said, we can expect Blogger to support this gadget some time in the future. For now, you might wanna consider creating a page for your Donate button, and link this page to your Menu bar. Or, if you can present your Paypal page in a link form (instead of a button), you can use the Linklist gadget to add it to your sidebar - but I'm not sure if it is possible to represent the button in link form. You might wanna run this by Paypal while we wait Blogger to support HTML/Javascript gadget in Dynamic templates.

      Cheers and God bless :)

      Delete
  45. Hey, great blog!!!

    I've just added your CSS to get the 'follow' gadget to show permanently...
    The problem is now that it overlaps the header, permanently.

    Please can you advise how to get the gadget to drop-down a bit and start under the header?

    Also, how to get the nav to show permanently?

    Thanks so much!!!
    www.sophieshohet.com

    ReplyDelete
    Replies
    1. Hi Sophie,

      Here's how you can adjust your gadget dock's vertical position:

      http://www.southernspeakers.net/2012/03/adjust-gadgets-vertical-position-in.html

      And this one to make your header bar sticky:

      http://www.southernspeakers.net/2012/04/sticky-header-bar-in-blogger-dynamic.html

      Cheers :)

      Delete
  46. Thanks dude, you really made my day!

    ReplyDelete
  47. Great Job!

    I am now using it on my photo gallery blog about alcohol and cocktails on www.galeri.evdekokteyl.com

    Working like a charm (:

    ReplyDelete
  48. Hi, Great blog you have here.

    I can't get the 'Support my blog' google gadget to show on my blog page.

    my url is http://responsiblegambling1.blogspot.sk/

    Thanks for your help.

    ReplyDelete
    Replies
    1. Hi Tony,

      If you're referring to the HTML/Javascript gadget, unfortunately, it isn't supported in Blogger Dynamic View templates just as yet.

      Cheers..

      Delete
    2. Hi Yoga,

      Thanks for the reply, hopefully in future.

      Wish you a great week.

      Cheers,

      Delete
  49. thank you so much!

    this script is working well on my blog! :D

    www.linuxku.com

    ReplyDelete
  50. Hi Yoga,

    I really want to force the gadgets to stay open and show words that tell what the gadget is.

    To have something like this would be ideal: http://www.mybestbuddymedia.com/

    How did Jerry Achieve this?




    This can
    The website above does this. I have searched this comment thread and it does not mention a way to do this.

    ReplyDelete
    Replies
    1. Hi Pennington,

      This is what I gave to Jerry before:

      #gadget-dock:before{
      content: "Subscribe" !important;
      position: relative;
      left: 3px !important;
      font-size: 10px !important;
      color: white !important;
      }

      This will only work if you have a single gadget, or if you wanna give a heading for your gadget dock. It will not work if you wanna give all your gadgets a sub-heading.

      That said, I MIGHT be able to come up with something if I could have a look at your blog. Can't promise anything, as it doesn't look feasible, right off the top of my head. But worth a try.

      Cheers :)

      Delete
  51. thanks...
    really appreciate your post..
    it helps me a lot as a beginner

    ReplyDelete
  52. Have you tried adding it to your post's HTML?

    ReplyDelete
  53. I will figure something out and include it in my next post, to be published sometime this week, probably on Saturday and Sunday.

    ReplyDelete
  54. I made this change to my blog when you first posted it and it worked great, but now all of sudden my text and photos are ending up hidden under the gadget bar. (Before they wrapped before the bar.) Any ideas of either what is causing this and/or how to fix it?
    thetravelgal.blogspot.com

    ReplyDelete
    Replies
    1. From what I'm seeing, your blog appears fine. Here's a screenshot:
      http://i.imgur.com/pWy3OWG.png

      Could you send me a screenshot of what you're seeing?

      Delete
    2. Not what I wanted to hear, but thanks for telling me what was going on. You are so helpful!

      I think it's linked to something in newer versions of IE and maybe Firefox - I've never ever had it happen on the old versions of IE I run at work or on my back up computer. . . It never happened on Firefox either until I upgraded.

      Delete
    3. So I checked on my IE and Firefox, and your blog still looks well:
      http://i.imgur.com/QOEph7G.png

      Try clearing your browser's cache/cookies. That could fix it. Cheers! :) And big THANKS for the tips! :D

      Delete
  55. Hi,

    I have seen that after using Dynamic views, most of the times the CSS never loads and the main UI of blogger is never opened, instead a grayed out annoying UI screen opens and user can not see the pages enloisted on headerbar as well as widgets bar in the right disappears..I have observed this on almost all the browsers...

    please help find out the solution...this has reduced the traffic on my blog significantly...

    ReplyDelete
    Replies
    1. Hi Prashant,

      You're referring to what we call the 'Ghost' template. In my personal opinion, I think something is flawed in the design of DV templates itself. But Blogger thinks this happens due to heavy customisations - even though I've seen it happening on blogs that have not been customised before. On your part, there isn't much you can do. You could, however, try to reduce the start load of your blog, so that the browser won't have so much to do. You can start by reducing the size of images that are loaded at startup, like those of your blog's background, and those in the posts.

      Delete
  56. Hi,

    I am using dynamic view for my blog deeepshrawat987.blogspot.com i am trying to add contact form gadget in it. I' ve added this contact form gadget in layout and it is shown clearly in simple template but in dynamic template it is not seen. Plz help me

    ReplyDelete
    Replies
    1. Hi,

      Not all gadgets are supported in DV templates - the contact form is one of them. To add a contact form in DV template, create a new page, and use a third party contact form and insert the code into the page's HTML area.

      Cheers.

      Delete
  57. Hi there,

    I am using Dynamic View in blogger and have had '0' success in getting my side bar to be visible even with implementing your code. It seems as though the site 'chooses' only certain installations from my layout that are shown and leaves the rest out. It won't even show my 'blog list'.

    Any help would be greatly appreciated!

    http://exciting-adventures-in-homeschooling.blogspot.com
    mestroisfilles@gmail.com

    ReplyDelete
    Replies
    1. Hi Carreen,

      This is what I see in your blog:
      http://i.imgur.com/pmfj0qk.png

      Have you got it fixed?

      Delete
  58. Hi there Bro... Really appreciate the write up. Awesome!!! I have a problem though, here's my blog www.ahyoualearner.blogspot.com and I just changed my template to Dynamic view but my navbar links and all other changes I make to the blog keeps going off once I leave the edit template page. I can view my other links on my blog only when I stay in the template edit area. Please i need your help. I believe it's the codes from my former template that might be clashing with the dynamic template. thanx.

    ReplyDelete
    Replies
    1. Hi Jo Bee,

      Could you provide me a screenshot of what you're seeing?

      Delete
  59. Thanks for that simple solution! Check out my improved blog thanks to you ;) www.myownvirtualreality.blogspot.com

    ReplyDelete
  60. ... and this is one more of your fabulous tutorials! You are solving so many problems and add so many "comfort items" to Blogger! I can't thank you enough, Yoga!

    ReplyDelete
    Replies
    1. Glad I could be of help Windmaschinchen :)

      Delete
  61. Hi, I would really like the words that pop out when you hover over the gadget bar to stay permanently.

    I tried this code you posted earlier but that only puts a heading at the top of the bar (which was useful too by the way!)

    #gadget-dock:before{
    content: "Subscribe" !important;
    position: relative;
    left: 3px !important;
    font-size: 10px !important;
    color: white !important;
    }

    Is it possible to get the words that pop out when you hover over a gadget to stay out all the time? This is one thing i don't like about dynamic views because people have trouble navigating.

    Thanks for any help

    ReplyDelete
    Replies
    1. I get what you mean. It looks like it'll take some time for me to figure out how to do this, if at all it can be done. I'll keep this in my queue of things to look at :)

      Cheers! :)

      Delete
  62. Hi great turorial, i want to ask a question

    how to Force gadget-title to stay visible?

    ReplyDelete
    Replies
    1. It is a little tricky. I'll spend some time on it when I'm free and see if I can find a way to make the title stay visible. Cheers :)

      Delete
  63. Your tips and tutorials have been excellent. Being a novice to all this, is there a way of using css to bring a soundcloud player into the header area. many thanks

    ReplyDelete
    Replies
    1. I'm afraid not. CSS could only introduce cosmetic changes. Adding a player into your header will require some sort of script insertion to the template's structure - this is something that wont go well with DV templates.

      Delete
  64. Help! Help! Help! I want to put like button and display how likes i have...and i want it to connect into my page in Facebook..and add fb & twitter button on top bar
    i cant do it in dynamic template...

    ReplyDelete
    Replies
    1. Sadly, there isn't an easy way to do this. One of my friends, Soraya, published a post on a way to add Facebook button in DV templates. Here it is --> http://bloggercode-blogconnexion.blogspot.de/2011/09/facebook-like-box.html

      Delete
  65. Ola Yoga,

    thank you for your help here. I added the gadget "most popular posts" but it seems that it is not not working. Do you have any idea about it?

    Thanks

    ecritscariocas.blogspot.com.br

    ReplyDelete
    Replies
    1. Hi Nathalie,

      I thought I saw some users having problem with the gadget, but I think it has been resolved (sorry for the late reply by the way). Are you still having problem with the gadget?

      Delete
  66. Yoga
    my blog cannot see ads on my pc and other pcs google ads apporved but cannot show ads help pls

    my blog

    www.worldlogon.tk (www.worldlogin.blogspot.com)

    ReplyDelete
  67. This works on the home page fine, but whenever I go to one of the other pages the gadget dock disappears again. It's not a major issue but just thought I'd mention it as I haven't seen anyone else say anything. Be great from a look and feel perspective if visible all the time on all pages.

    By the way, Singapore here and excellent site. I'm helping my friend put together her blog and the tips here have been amazing. Might change to dynamic views myself after all this.

    ReplyDelete
    Replies
    1. Hi Barry,

      That shouldn't be the case. The CSS should load in all pages, and since the handlers remain unchanged in other pages, the tweak should still work. Mind if I take a look at your site?

      Delete
  68. Hi Yoga,

    Great Work as always!
    BTW, any ideas why sidebar gadget is completely gone for weeks now?
    Have not changed the code but the gadget is gone :/

    Any help is more than welcome ;)

    (www.paragliding-in-madeira.com)

    All the best my friend!
    Rúben G.T.

    ReplyDelete
    Replies
    1. That's odd.. Let's try a quick test. Go backup your 'Add CSS' box's content (just copy and paste it somewhere), and the empty the box and save your template. This should remove all your customisation, and if there's some piece of code that's hiding your gadget, you should be able to see your gadget again. Then we can work our way to find out the culprit.

      Delete
    2. Thanks a Lot for your super fast answer and sorry to take so long to answer.. have been out.

      I have tried that twice before.. and did it again right now, clean all the css code and still no sidebar gadget :/

      Any ideas ;)

      Thanks again!!

      Delete
    3. Do you have page redirection setup by any chance?

      Delete
    4. I believe this could be the reason, as there's a bug within the redirection feature that's turning gadgets off. Could you try turning it off and see how it goes.

      Delete
    5. SOLVED with that tip ;)
      Thanks a million and Merry Xmas :D

      Delete
    6. Merry Xmas to you too, and happy holidays!

      Delete
  69. Any idea how to get histats to work with the dynamic theme? I have tried creating an HTML/Java side bar but it never shows and I have tried directly inserting the code into the main html but it gives an error msg. and I cannot save.

    Thanks much!

    ReplyDelete
    Replies
    1. Hi Mark,

      The HTML/Javascript gadget should be the way to go. But the Dynamic templates do not support this gadget. Nor will any custom code work with the template, unfortunately. We're still waiting for HTML/Javascript gadget to work with the Dynamic template (but the day may never come, I'm afraid).

      Delete
  70. Hi, thanks for all your help. your tips are brilliant. Have you by any chance figured out how to keep the titles of all the gadgets visible? Ideally i would love for them to all remain stuck out all the time because the gadgets go unnoticed.

    This is the single thing on dynamic views which is driving me insane at the moment so any help would be greatly appricated. My site is www.irkitated.com

    ReplyDelete
    Replies
    1. Not just yet, but I'm happy to share what I've come up so far. Still needs a lot of since the width of the extension isn't uniform:

      .gadget-container, .gadget-item:hover .gadget-container, .gadget-selected .gadget-container {
      opacity: 1;
      right: 49px;
      visibility: visible;
      display: block !important;;
      z-index: 99 !important;
      }

      Delete
  71. Hi Yoga, Awesome web page!

    Any ideas why sidebar gadget only shows three items?

    www.miedoteca.com

    Thanks and happy New Year!

    ReplyDelete
    Replies
    1. Hi Borja,

      Happy New Year. Could you describe what types of gadgets that are not showing? (eg: Image, linklist, HTML/Javascript, etc)..

      Delete
    2. It's indifferent, the gadget in fourth position never shown.

      Delete
    3. New test. For example: if you have 5 gadget installed, one less is always displayed on the web

      Delete
    4. It's hard for me to check what isn't showing if I don't know what should be showing. Could you take a screenshot of your Layout page showing the gadget's youve added?

      Delete
  72. Hey bro, I don't have a specific request. Just wanted to drop a thank you. ALL of your posts are really helpful!
    See my blog at [smokingwhileblack.org] and let me know what you think I can do to improve.
    Great blog! Thanks

    ReplyDelete
    Replies
    1. Hi ya.. doing good there. Just keep posting and keep posting :)

      Delete
  73. Hello, Yoga!
    After i set custom home page with redirect my gadgets disappeared. When i remove redirection they appearing again. Is there any way to fix this?

    ReplyDelete
    Replies
    1. Hi there,

      Do you have a link I can look into?

      Delete
  74. Yoga hello!
    I can't find my previous phrase, so i repeat:

    After i set custom home page with redirect my gadgets disappeared. When i remove redirection they appearing again. Is there any way to fix this?

    my blog is: http://trackerbase.blogspot.com/

    ReplyDelete
    Replies
    1. Hey there,

      Looks like the gadget is no longer showing in DV templates when page redirection is turned on. I'm afraid there isn't anything we can do to make it visible, as it isn't loading at all.

      Delete

Please use the 'Ask a Question' page to shoot questions that are not related to the tutorial in the post above.