Southern Listeners

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

Sunday, December 9, 2012

Adding Pinterest 'Pin It' Button to Blogger Dynamic View Templates


Pinterest is a tool that lets you "organize and share all the beautiful things you find on the web" - at least that's what they said. To date, I've never really fully understood what it does. But I do realize that it is popular, and people have been looking for ways to integrate the 'Pin It' button to their blogs - to allow their their blogs to get pinned to other pinterest users' pinboards. It's kinda like inviting your readers to pin your work to Pinterest (correct me if I'm using the wrong terminologies here). It's pretty straight forward to add a 'Pin It' button to a non-dynamic view template, but that isn't the case for Dynamic View templates. Worry not, here's one way to add a 'Pin It' button to your Dynamic View blog.

Note: This tutorial teaches you how to add a 'Pin It' button for your whole blog, not individual posts.

Step 1:

First things first - backup your template by going to Dashboard - Template - Backup/Restore - Download Full Template. Next, 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.
.pin-it-button-ss{
position: fixed;
top: 23px !important;
right: 230px !important;
z-index: 100 !important;
}

Step 2:

In this step, please enter your blog URL and an address to an image that you'd like to use when your blog is pinned. When you've done inputting these two fields, click on the 'Generate Code' button.

Input the address of your blog here:


Input the address of the image that you'd like to use to pin your blog
(click here if you don't have one):




Step 3:

Go to Dashboard - Template - Edit HTML - Proceed - find for </body> - copy and paste the following code directly above </body> - Save Template:

<!-- ss pinterest starts -->
<script src='//assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>$(document).ready(function() {function pinitss(){ if (document.readyState !== 'complete') setTimeout(pinitss,1000); else $("<a class='pin-it-button-ss' count-layout='horizontal' href='http://pinterest.com/pin/create/button/?url=&amp;media='><img border='0' src='//assets.pinterest.com/images/PinExt.png' title='Pin It'/></a>").insertBefore('#header .header-bar .title');}pinitss();});</script>
<!-- ss pinterest ends -->

Extra: Reposition the 'Pin It' button

To adjust the position of your 'Pin It' button, change the values from Lines 3 and 4 of the code in Step 1. The 'Top' and 'Right' attributes literally means the distance from top and from the right where the button should be placed.


122 comments:

  1. Hello- great tutorial :) I see that this option pins the entire blog in general, I was wondering if there was a way to add a facebook and twitter button in the same fashion so that the whole blog can be liked and shared as opposed to the existing option which only allow this on individual posts? Thanks in advance :)

    ReplyDelete
    Replies
    1. Hi Heather,

      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

      Go to her page - go to the part that says 'Bonus : Ajouter dans les modèles dynamiques'. Enter your facebook url in Step 1. Copy the code in Step 2. Then go to Dashboard - Template - Edit HTML - Find for 'b:include data='blog' name='google-analytics' - paste the code directly above it.

      As for the twitter button, perhaps I'll publish another post if I come up with a way to add it to DV templates. Cheers :)

      Delete
    2. The FB add didn't work for me:( But I definitely appreciate all the other helpful adds! you are a genius!

      Delete
    3. also, there's no way to incorporate a code for music into the DV HTML, is there?

      I have a code that works fine when you post as a blog, but I cant figure out how to either make the blog post open automatically so music will play or put it into the HTML and have it save. (It pops up but will not allow to be saved)

      I have been trying for hours with no luck:\

      Delete
    4. Hi Chalaine,

      I have not seen a way to include music to the whole blog just yet, but like you've mentioned above, it is possible to add to individual posts. Adding HTML/Java directly will not work in DV templates, unlike the non-dynamic template. That said, I'll sure publish a post should I come across a way to do so :)

      Delete
  2. Hi, Yoga. I just applied it to my blog (PrettyGloss - makeup, beauty & a lil gibberishprettygloss.blogspot.com) & it looks great! Thanks for sharing.

    I have two questions:

    1. I was wondering if we can place this same Pinterest button below every post next to Twitter & Facebook button.
    2. Is there a way this Pinterest button can pin photos of my blog to my Pinterest boards? Like it does in other blogger views.

    Sarah
    PrettyGloss - makeup, beauty & a lil gibberish

    ReplyDelete
    Replies
    1. Hi Sarah,

      We can't add individual Pin It buttons to posts and images at the moment. But you can do it manually though (which is a royal pain in the neck). Go to http://pinterest.com/about/goodies/ - 'Pin It Button for Web Sites' - Enter the URL of your post page or image there, together with the image that you'd like post. Once you get the HTML, the trick is to post it to your HTML section of each post. When you compose/edit your posts, you'll be presented with two views - Compose and HTML. You need to enter the code to the HTML side if you want the button to appear in your post. AND, you need to do this one by one, for each one of your post.

      Delete
    2. Thanks for this tip. This is a royal pain, but the dynamic templates are worth it I think.

      Could you possibly clarify why some script (like yours) works in the template, but others (like tynt.com or addthis) doesn't?

      Delete
    3. It is more accurate to say that most script will not work with DV templates. The one above, I had to test them like 1000 times to find a workaround. It's just a trick that fitted the pinterest button - I don't see it being useful for anything else.

      Delete
  3. it works in my blog
    www.jess21movies.blogspot.pt

    ReplyDelete
  4. Hi, Yoga. First of all: Thanks A LOT for your blogger tips, it has helped me a lot to put together my new blog (www.blu-space.cz). I was just wondering, is there any way to make the comments bubble stay visible all the time in magazine view? Right now, I can only see the comments bubble appear when I hover with mouse above the title ...

    ReplyDelete
    Replies
    1. Hi there,

      Yeap, I happen to know a way. Go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

      .magazine .comments-count {
      opacity: 1 !important;
      }

      Cheers :)

      Delete
  5. Hi,
    I really like your site and you helped me a lot!
    I have a problem and I don't know what to do anymore...
    I started to use dynamic view cuple of months ago and since than my facebook like button and my twitter button doesn't work.
    can you take a look please? have you ever see something like that before?
    www.noastoo.blogspot.com

    thank you!!!
    Noa

    ReplyDelete
    Replies
    1. Hmm,

      That's odd.. Just wondering, have you ever edited anything in your HTML before?

      Delete
  6. Hi there! I love your tutorials! I managed to add the pin it button but now my blog title is pushed down into my categories. I tried changing sizes of the top and right like you mentioned but it didnt work or im not doing it right. Could you maybe tell what sizes to enter to have it at bottom of my blog? Thanks in advance! :)

    ReplyDelete
    Replies
    1. Hi Angela,

      First, let's have a look at your blog. What's your blog's address?

      Delete
    2. Sure, it's www.thirdandsunsetphotography.com
      Thanks for taking a look, I appreciate it.

      Delete
    3. Hi Angela,

      I can't find the code in Step 1 anywhere in your blog. Can you re-check your 'Add CSS' box to ensure the code got saved?

      Delete
    4. I re-did it and it saved this time. It should be there now.

      Delete
    5. Hi Angela,

      These are the last few lines in your 'Add CSS' box right now:

      .overlay .title, .ss{
      height: 110px !important;
      max-height: 110px !important;
      font-size: 14px
      .pin-it-button-ss{
      position: fixed;
      top: 23px !important;
      right: 230px !important;
      z-index: 100 !important;
      }

      You missed a single character that made the bottom lines useless. Fix it by changing the code above to look like this (not manually, just delete the faulty lines, then copy and paste the ones below):

      .overlay .title, .ss{
      height: 110px !important;
      max-height: 110px !important;
      font-size: 14px;
      }
      .pin-it-button-ss{
      position: fixed;
      top: 23px !important;
      right: 230px !important;
      z-index: 100 !important;
      }

      Delete
    6. OHHHH you are so awesome. Thank you so much for all your help! It all works now :)

      Delete
  7. hi yoga,
    my facebook like button and my twitter button doesn't work.
    only the google plus work

    my blog is http://inazzill.blogspot.com
    please !

    thank you.

    ReplyDelete
    Replies
    1. Hi المصمم,

      I've seen a similar problem in the past, involving a user with an Arabic blog. He couldn't use his Facebook and Tweeter button as well, just like you. I could escalate this bug to Google, if you could start a discussion thread here:

      https://productforums.google.com/forum/#!newtopic/blogger

      Get back to me with the link of your thread so that I can escalate it to Blogger Support Team.

      Cheers :)

      Delete
    2. thank you ver much

      this is the link:
      https://productforums.google.com/forum/#!category-topic/blogger/layouts--templates/eSMxRhxtUWA

      please tell me if there is a solution

      Delete
    3. I've given your issue an escalation..

      Delete
  8. Hi there, I cant seem to track down the BODY part where I meant to be pasting step 3 above. Help please. Thanks

    ReplyDelete
    Replies
    1. Hi Milo,

      Use the search tool in your browser to look for this tag. Press Ctrl and F (together) to launch the search function, then type 'body'. Your browser will automatically find it for you. Note that there are two body tags, one with / in front, and one with out. Look for the one with the slash in front, /body

      Delete
  9. Thank you so much for this post. I have the same problem as Angela. I also notice that it doesnt seem to save the 1st code in the add CSS section. My blog is www.spanishsimply.com. If you could help in any way I would really appreciate it.

    ReplyDelete
  10. Also, in your comment about adding facebook like button, is there any way of making it so that there is no picture, just the 'like' button with the like count. When I added that feature, it shows my blog's logo all over again. Thanks!

    ReplyDelete
    Replies
    1. Hi Tadina,

      The Facebook like button isn't one of my tweaks, so I'm not sure if it is customisable. That said, try asking Soraya, the author of the tweak. She is a helpful person.

      As for your Pinterest button, let's have a look at your blog. What's your blog's address?

      Delete
  11. the url is www.spanishsimply.com but you can also access it at sspanish.blogspot.com

    ReplyDelete
    Replies
    1. Hi Tadina,

      It seems like the code from Step 1 did not get saved in your blog. Could you re-attempt Step 1, and ensure that the code gets saved (you could try closing your browser and re-open your 'add css' box to see if the code is still there.)

      Delete
  12. Hi Yoga,

    I am not sure what I am doing wrong because no matter what I do it wont save. I have made changes in the past without issue, I'm not sure why it is not saving now.

    ReplyDelete
  13. I'm not sure what is wrong, because it wont save the code. I have tried doing it in 3 different browsers and restarting my computer, but with no luck.

    ReplyDelete
    Replies
    1. Right.. Try this.. Go to Dashboard - Template - Backup/Restore - Download Full Template (for backup). Then under Dashboard - Template, click on Edit HTML - Proceed - Find for ]]></b:skin> - Paste the code directly above ]]></b:skin>..

      Delete
  14. Thank you so much! I really wish blogger would fix that button. Thank you for the work around.

    ReplyDelete
  15. Hello :) your tuts are great...big help! I am new to css and am trying to do something close to this. I need to insert a floating image in the lower left corner of my blog that links to an external source. site is seangrondin.com if that helps :) thanks for any help on this :)

    ReplyDelete
    Replies
    1. Hi Sean,

      In the script above, you should see two links - the first one with an 'href' tag, and another one with 'src' tag. Simply modify this script so that the href tag would point to your target link (seangrondin.com) and the src point to the address of your floating image. You should be able to adjust its position by tweaking the code in Step One.

      Cheers :)

      Delete
  16. You sir are a genius! Ive just added it to http://www.irkitated.blogspot.com.au and it looks great thank you

    ReplyDelete
  17. Hello. Thanks for the tutorials. I just applied 3 to my blog:
    1. Add Pinterest PIN
    2. Disable unwanted dynamic views
    3. Enable Gadgets to stay visible.

    Glad to have found you. Thank you for sharing.

    ReplyDelete
    Replies
    1. Hi Ruth,

      Glad you're enjoying the tweaks.. Let me know if you need any help, anything at all!

      Cheers :)

      Delete
  18. i can't see that 'proceed' button after clicking 'edit HTML', what should i do ?

    ReplyDelete
    Replies
    1. Hi Omar,

      What do you see when you click on the Edit HTML button? And have you tried using a different browser?

      Cheers..

      Delete
    2. Forget it, just proceed without the 'Proceed' button. They've removed it :)

      Delete
  19. Hello from Canada Yoga!!
    I just need to know how to completly remove the group submenus from the views which are currently showing in Spanish on the very left handside of the header bar. I manged to hide the text but they're still these little white squares showing and although they don't seem like much.... they're alive!!!.. I don't want any visitor to click on them...please help!
    Thanks

    ReplyDelete
    Replies
    1. Hi Victoria,

      Sure thing. Here, add this to your 'Add CSS' box:

      #controls ul#groups{
      display: none !important;
      }

      Cheers :)

      Delete
  20. I tried this tutorial and it didn't work for me! :( I have been wanting to add the pinterest "pin it" button so bady - any tips as to why it didn't work?

    Thanks!

    Kathleen
    www.carriebradshawlied.com

    ReplyDelete
    Replies
    1. Hi Kathleen,

      You're not using a Dynamic View template, whereas the tweak above is for dynamic view templates only. Actually, it is much easier to add the pin-it button to a non-dynamic template. See if the following post helps:

      http://www.blogsbyheather.com/2012/01/pinterest-how-to-add-the-pin-it-button-to-the-bottom-of-your-blog-posts.html

      Cheers.

      Delete
  21. Hey thanks for the info about pinning onto individual posts- I read that in one of the comment replies. It worked! Hoping there will be a way to add to all posts soon! Thanks again.

    ReplyDelete
  22. You are very generous with your time here - I wonder if there was also a way of adding the 'no pin' code in Dynamic Views? I know Pinterest is very popular with some......but we are all different! I had added the code to my blog but if people view in Dynamic views this code does not work.
    Either way thank you again for being so helpful to everyone
    Kind regards
    Jenny

    ReplyDelete
    Replies
    1. Hi Jenny,

      When you add script/CSS contents to your non-dynamic templates, they won't get brought forward to the Dynamic version. There is one way I could think of that could make it work - that is by adding the script to your post content, on each one of your posts. Edit your posts (one at a time) - switch to HTML view (as opposed to Compose view) - Paste your code there, towards the end of your contents - then save your post.

      That said, do you know where I can get this No Pin code that you're referring to? Also, could you briefly explain how do you check to see if the code is working or not? Trust me, I don't know the first thing when it comes to Pinterest :P

      Cheers :)

      Delete
  23. Thank you kindly for your reply - I too have no idea about Pinterest except I know hundreds of my photographs have appeared there. The only way I know that the 'no pin' code works is by asking a friend who uses Pinterest to try and pin my photos! Daft I know!

    This is the link to Pinterest where they outline the different codes
    https://help.pinterest.com/entries/21101932-Preventing-pins-from-websites

    Sorry that I know next to nothing about computers and also had to ask a friend to add the no pin code into non-dynamic view! Oh dear...

    Best wishes and thank you kindly once again
    Jenny

    ReplyDelete
  24. Me again - the world of computing is a bit fast moving for me!
    I have just added the 'no pin' code (sorry I cannot seem to paste the code in here as the tag 'IMG' is not allowed) into my latest post (whilst in HTML view)so do you think (in theory) this should also work in Dynamic Views?

    I will have to track a friend down to check it out for me!
    Many thanks indeed once again
    Kind regards
    Jenny

    ReplyDelete
  25. Me again - and sorry as I feel that I am now becoming painful! I added the 'no pin' code to some of the individual posts but for some reason the whole blog now looks different - all the side bar 'stuff' (followers etc) has been forced right to the bottom of the page. Would my adding the bit of code have done that do you think? When I look at the 'layout' view it all looks as it should be so not sure how to get it back to how it was.

    Sorry to be troublesome and thank you again for your time (a most precious thing)
    Kind regards
    Jenny

    ReplyDelete
  26. Could not parse the template because it is built correctly. Make sure all XML elements are closed properly.
    XML error message: Element type "to" Must Be Followed by Either attribute specifications, ">" or "/>".

    Error 500

    I keep getting this error sign -- will you help please? My blog address is http://okeeffe-chronicles.blogspot.mx/ Thank you.

    ReplyDelete
    Replies
    1. Hi Pat,

      Try downloading your template by going to Dashboard - Template - Backup/Restore - Download Full Template. You'll be able to download a .xml file. Perform the tweak on the .xml file, save it, and re-upload the template to the Backup/Restore panel.

      Cheers :)

      Delete
  27. Hello. E 'can move the icons of maintenance (as picture picture post) from the right side to the left of the bar?
    thanks

    ReplyDelete
    Replies
    1. The toolbar icons are for admins only. In other words, your readers will not be able to see it - which means any changes you make to it will be useless. If you wanna proceed, here's how you can change it:

      #header .admin-controls {
      right: 50px !important;
      }

      Cheers.

      Delete
  28. that was helpful...i jst did

    but plz we need a faceboook page like button on dynamic view...
    hope u do something abt that

    usssha.blogspot.com

    ReplyDelete
    Replies
    1. Hi Usha,

      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

      Go to her page - go to the part that says 'Bonus : Ajouter dans les modèles dynamiques'. Enter your facebook url in Step 1. Copy the code in Step 2. Then go to Dashboard - Template - Edit HTML - Find for 'b:include data='blog' name='google-analytics' - paste the code directly above it.

      Cheers..

      Delete
  29. Hello again
    Thank you again also for your previous advice and guidance. I wondered if you had any idea whether I could disable right click on photographs within blogger please? I found a code that I tried out on a test blog and now all photos are no longer visible! Perhaps I added the code in the wrong place?

    HTML is a scary place for me but thanks to previous advice at least I know where I can find it!

    Have a restful Easter break I hope

    Kind regards
    Jenny

    ReplyDelete
    Replies
    1. Hi Jenny,

      Sorry for the late reply, and thanks a lot for your tips! :D

      As for disabling right click on images, a friend of mine has a method that works (the last time I tested, which is just now). Here's the tutorial:
      http://www.bloggersentral.com/2012/05/disable-right-click-on-images.html

      Give it a try, and do let me know if you run into issues - I'll be happy to help :)

      Cheers,
      Yoga.

      Delete
  30. Can you also do this with a linked in button?

    ReplyDelete
  31. Hi Yoga,

    I feel like I'm going to be at your site a lot! Is there a way to add a "donate" button to my blog; one like yours?

    http://biblelady.blogspot.com/

    Thanks in advance!
    ari

    ReplyDelete
    Replies
    1. Hi Ari,

      Not that I know of, mainly due to the lack of HTML gadget support in DV templates. But this should be an interesting tweak, if anyone could pull it off. I'll see if it can be done (please assume I've failed if I don't get back to you..)

      Delete
  32. Great site Yoga! Congrats! I'm building a blog with Dynamic Views template in Blogger, how can I add an Instagram & Twitter buttons in the header of the main blog (not in the post)?
    Thanks!! :)

    ReplyDelete
    Replies
    1. That's a little tricky, for now. I couldn't see a way forward the last time I gave this a try, which wasn't so long ago..

      Delete
  33. Hi Yoga
    thanks for all your help...i am having a real problem with this keep
    getting this message....any advice...??

    Error parsing XML, line 219, column 396: The reference to entity "filters" must end with the ';' delimiter. Hide notification

    i am http://blog.magicmud.com

    again appreciate your efforts !
    Hunter




    ReplyDelete
    Replies
    1. Hi Hunter,

      Before you save the template, could you copy your whole template code and paste it to www.pastebin.com? I need to have a look at what you have to know what's going wrong.

      Cheers :)

      Delete
  34. I have found a way to add the Pin It button for individual posts on Dynamic Views to show the Pin It button beside the +1 button at the top of posts. At present, it doesn't work on Classic, Mosaic and Sidebar, but it's not very hard to add that at the bottom beside the Facebook like button (I should be able to make that happen in half a day's work if you guys are interested). Meanwhile, check that out in action at my photoblog: Visioplanet

    Also, I guess that makes my photoblog the first in the world to make this happen! I'll be posting a tutorial on how I did this on my other blog. Leave replies on my comment so I know you guys are interested...

    And, Facebook announcement

    And thanks Yoga, for this article. I couldn't have done it without this... :)

    ReplyDelete
  35. Thanks man... :)
    And here's how I did it: http://thehcl.blogspot.in/2013/09/add-pinterest-button-to-blogger-dynamic-views-posts.html

    ReplyDelete
  36. It wont work for me :( can you help? thanks thebeautypledge.blogspot.com
    thanks

    ReplyDelete
    Replies
    1. Danielle,

      The code you've added in your 'Add CSS' box is repeating dozens of time - this could be due to a browser glitch, but it's not doing your blog any favor. You need to do some cleanup, by removing all instances of the duplicates, keeping just one copy for each code.

      Delete
    2. Ok, I've change my template since I first wrote you about not being able to add the pin it button and I still am not seeing it on my blog after following your directions. Is my template still not a dynamic template or am I doing something wrong? My blog address is ~ http://sweetandspicymonkey.blogspot.com/

      Delete
    3. You're using an Ehtereal template, not a dynamic one. Which means adding a button should be so much easier :) Any tutorial you find on adding Pin-It to Blogger should work for your template (except for the one in this page, however) :D

      Delete
  37. Hi Yoga! I also could not get the Pin it button to work for me either. I checked under my CSS and only had the code entered once, above the code for my signature. Was wondering if you could take a look and see why? my site is -
    http://sweetandspicymonkey.blogspot.com/ Thanks so much and love your helpful site here!! :)

    ReplyDelete
    Replies
    1. Hi Julie,

      Glad you find the tutorials helpful. I see you're using a non-dynamic template, and the code above is not meant to work with non-dynamic templates, unfortunately.

      Delete
    2. That explains a lot! Thanks for taking time out and replying :) Have a Merry Christmas!

      Delete
  38. Hi yoga, I don't know anything about HTML. I think I did follow the above 3 steps but I can't see 'pin it' button. I don't know what I did wrong here. I need some help. I did add CSS.

    This is my blog http://gsrikar.blogspot.com/
    This is the image I try to add
    http://1.bp.blogspot.com/-SNKN4bfP1uM/T7X6H7h0FnI/AAAAAAAABIg/FSBTvAh2sxY/s1600/asdf.png

    I took a picture where i pasted it.
    http://1.bp.blogspot.com/-fLdBwGVi90Y/UsJp8pVKWQI/AAAAAAAAB1g/9UPME56xjqk/s1600/pic

    ReplyDelete
    Replies
    1. Hi there,

      I can see your Pin It button loading fine next to your search bar:
      http://i.imgur.com/siSM2ZW.png

      Delete
    2. Can you reload the browser 2-3 times and do you still see the Pin it button. I use chrome browser and I see it very rarely. I don't see every time I reload.

      Delete
    3. Yeap it's showing each time. In any case, running a script on top of a script is never a reliable thing. Perhaps that is why you're not seeing it. It's a 50-50 thing, as we're working on a Dynamic template. There isn't anything we could do to make it better.

      Delete
  39. HI Yoga,

    You have been truly a help for many of us, we all are thanking you for that... Is there any workaround to add a "third" adsense snippet for DYNAMIC VIEW ? I am looking to add a 485*90 half-banner ad just below the the title. Please help...

    Can we place a div with class to bring the adsense ad like below.

    <|div class="adsense480x90" text-align="center"> <|/div> (please ignore "|")
    so, where ever I put this div will show a 480x90 banner ad ?

    or direct coding like above for "Pin It' Button" or "Facebook Like box" to appear a banner ad just below the title in EVERY posts ?

    Please reply
    Thank you,
    Jobinsin

    ReplyDelete
    Replies
    1. Hi Jobinsin,

      Thanks!

      I see you understand we've tried injecting a div code with jquery for the pin it button in the tweak above. This is because adding a div structure to DV templates, or any other HTML structure for that matter, is a complete disaster. I did attempt to add an ad box before but I could not get it to work, unfortunately. Even if it works, I'm sure it'd violate dozens of Adsense's rules as we're tempering with the original code - they might not be able to correctly track your clicks.

      Delete
    2. Hi Yoga, Thank you verymuch for the reply. So if its violating the TOS of adsense, lets not do it. I've one more question, that is there a way stop displaying non-english ads in adsense ? eg: A polish text ad appearing in Poland for an Indian visitor. Thanks in advance.

      Delete
    3. I'm afraid I'm not very well verse in Adsense, but I believe the folks at Adsense Help Forum should be able to help you to customize ads based on your audience.

      Delete
    4. Thank you Yoga, Keep up your helping mind... Many of us really benefited from you... Thank you once again.!

      Delete
  40. Hi Yoga, I am really applying many of these Tutorials.
    1. I need social buttons like I see on 16 quotes dot com on every post. I believe it is possible in the magazine style. Even if it is under the heading of every post it would be fine.

    2. On irkitated dot com at the bottom of every post, I see related posts on DV blog. I want that too.

    3. The adsense ad that comes at the bottom of every post page is just too invisible down there. Is there a way to bring it up before the comments or remove it completely from the bottom and instead create it in the posts itself?

    Thanks a ton buddy and don't give up on smiling :)

    ReplyDelete
    Replies
    1. Hey there,

      Let's bring this to the forum. Have you started a discussion there yet?

      Delete
    2. OK I just did. I hope someone sheds light on these things.
      https://productforums.google.com/forum/#!category-topic/blogger/feature-suggestions--feedback/7kaiueSOwsg

      Delete
  41. I love your tutorials but didn't work for me :(
    Can you take a look please?
    My site: http://igortomasic.blogspot.com

    Thanks in advance!

    ReplyDelete
    Replies
    1. I'd be happy to, but I can't view your blog because it is set as private..

      Delete
    2. Pls, try it now. I Can't Solve A Problem :(

      Delete
    3. The pinterest button has always been a hit-and-miss thing. And in your blog, I think changing the timeout value made the situation worse. Try changing the timeout value in the code below to 0 to see if the situation improves:

      setTimeout(function() {
      blogger.ui().configure().view();
      }, 1000);

      I understand the need to change the timeout value. Unfortunately, you can't have too many customisations in DV templates - it just wont work,

      Delete
  42. I'm sorry, my mistake ;) Try it now.

    ReplyDelete
  43. This comment has been removed by the author.

    ReplyDelete
  44. Thank you so much! I have tried multiple times to add a Pin button to my blogger (dynamic view) without luck but this worked! Here's what it looks like: http://piecemakerinthekitchen.blogspot.com/

    ReplyDelete
  45. Hello, can you tell if it's possible to add third party ads in blogger's DV? To appear like adsense does, for instance...

    ReplyDelete
  46. Is there a way to add the LinkedIn share button to a Dynamic view blogger template? I have searched and searched and tried different things and nothing works. Thank you.

    ReplyDelete
    Replies
    1. I'm not aware of any, unfortunately :(

      Delete
  47. @ Yoga I followed the steps but don't see the pin button. I loaded another code into a couple individual posts as html BUT when I go from pinterest's website it says there are no photographs on my site, and can't pin ...
    http://cgbarbeau.blogspot.com/ why?

    ReplyDelete
    Replies
    1. Hello Caroline,

      The tutorial above is meant for Dynamic templates. You're using a non-dynamic template, you should be able to use the default instructions from Pinterest to add the pinit button to your site ..

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

    ReplyDelete
  49. Can you do something similar to get the addthis sidebar widget to work:

    http://support.addthis.com/customer/portal/articles/1628697-adding-tools-to-blogger

    I am struggling to make it work on my blog so any help would be great.

    ReplyDelete
    Replies
    1. Tried it before.. Not much luck I'm afraid :(

      Delete
    2. This is actually possible - see funny-joke-pictures.com. The script is available as a link via http://dynamicblogger.com.

      Delete
  50. Thank you for this really great tutorial!! I don't know anything about HTML, but i got it to work on my blog in minutes :)

    ReplyDelete

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