HOW TO ADD PAGE ELEMENT BETWEEN BLOGGER HEADER AND BLOG POST

While there are so many informations on how to add extrawidget to many segments of  your  blog, such info have failed to address the how to add extra widget between header and post.There may be several instances where you may have to add extra widget  between yoy blog header and blog post.One of such reasons  can be for ads placement another of such can be for banner placement,facebook like button etc.


With this simple tweak,you will be able to add extra page element between your blog post and blog header as seen  on  my home page


Login in to blogger.com

Navigate to  Design > Edit HTML

Back Up your template and go to Edit HTML

Control F  to Search for  this code



Change to  code in red below


var tpsInstance; var tpsOptions = {"slideContainer":"#tps_slideContainer_5271","nav":[".theiaPostSlider_nav"],"navText":"%{currentSlide} of %{totalSlides}","helperText":"Click The Arrow To Move to Bext ","defaultSlide":0,"transitionEffect":"slide","transitionSpeed":400,"keyboardShortcuts":true,"scrollAfterRefresh":true,"numberOfSlides":1,"slides":[],"useSlideSources":true,"themeType":"font","prevText":"Prev","nextText":"Next","buttonWidth":"0","buttonWidth_post":"0","postUrl":"http:\/\/www.gadgetsng.com\/2012\/09\/how-to-add-page-element-between-blogger.html","postId":5271,"refreshAds":true,"refreshAdsEveryNSlides":"1","adRefreshingMechanism":"page","siteUrl":"http:\/\/www.gadgetsng.com","loopSlides":false,"scrollTopOffset":"0","prevFontIcon":"<\/span>","nextFontIcon":"<\/span>"}; (function ($) { $(document).ready(function () { tpsInstance = new tps.createSlideshow(tpsOptions); }); }(jQuery));

4 Replies to “HOW TO ADD PAGE ELEMENT BETWEEN BLOGGER HEADER AND BLOG POST”

Leave a Reply

Your email address will not be published. Required fields are marked *