Blogger Codes

 How To Make Blogger Blog Template From Scratch Many Bloggers prefers Blogger over WordPress.But still, the truth is most of the blogs are based on WordPress.This is the reason there has been a lot of development in WordPress Themes,Plugins tools etc. But today, we are going to see how to make the theme of the Blogger blog from scratch. If you also want to make your own theme, for personal or commercial use, you may require - Knowledge of HTML or XML Little CSS  And JavaScript(if you want to add the further functionality to the theme and its elements) So let's start. Creating A Blank Theme Template We start first by creating a blank template.Later on we will go on adding elements. You can start by making a XML file on your computer (local storage) OR directly start by typing in the  Blogger's HTML editor .I will suggest to directly write in Blogger's HTML editor as you can execute the script there and other hand, check for the errors also. Before writing,  Backup y...

  How to a Show Gadget/Widget only in a Specific URL in Blogger  Sir Chogyal Step 1: Copy the title of your widget that you wanted to show only in a specific URL. Step 2: Go to "Theme" in your blogger. Step 3: Click on the three dots drop down menu and go to "Edit HTML" Step 4: Left click inside the HTML code and press Ctrl+F on your keyboard. Step 5: Paste the title of the widget and hit Enter in your keyboard. Step 6: Just above <!-- only display title if it's non-empty --> You can past this code <b:if cond='data:blog.url == " YOUR SPECIFIC URL "'> Step 7: Replace  YOUR SPECIFIC URL  with your specific URL. Step 8: Paste </b:if> below this line <b:include name='quickedit'/> Summary: <b:if cond='data:blog.url == "YOUR SPECIFIC URL"'> Widget code........ </b:if>  MAKE THIS VIDEO TOO Hide a widget/gadget from a specific URL in blogger

  How to a Show Gadget/Widget only in a Specific URL in Blogger Hide a widget/gadget from a specific URL in blogger  Sir Chogyal Step 1: Copy the title of your widget that you wanted to hide from a specific URL. Step 2: Go to "Theme" in your blogger. Step 3: Click on the three dots drop down menu and go to "Edit HTML" Step 4: Left click inside the HTML code and press Ctrl+F on your keyboard. Step 5: Paste the title of the widget and hit Enter in your keyboard. Step 6: Just above <!-- only display title if it's non-empty --> You can past this code <b:if cond='data:blog.url != &quot; YOUR URL &quot;'> Step 7: Replace  YOUR URL  with your specific URL. Step 8: Paste </b:if> below this line <b:include name='quickedit'/> Summary: <b:if cond='data:blog.url != &quot;YOUR URL&quot;'> Widget code........ </b:if>  Make this video too

  May be some of you have noticed that when you add a gadget or widget to your blog it will show up on every page of your blog. And many of you want to show widgets on specific pages for example if your blog contains contact page or sitemap and there is no need of search box and few other widgets, so you want to hide them on these pages. Many beginners to blogging don't know how to do that. to hide or show widgets on specific pages of blogger follow the below steps: To hide gadgets on specific pages: (1).  The first step is to name all the widgets on your blog by going to  layout  to make it simple for you to find the widgets in html of you template, so name all the widgets or a specific widgets which you want to show or hide. Remember to give a unique title to every widget to avoid any confusion. (2).  After naming the widgets go to  template  and click edit html, as shown in below image. (3).  Now jump to widget which you want to show or hi...

  Add red lines where they are put b:widget id=’HTML1′ locked=’false’ title=’Recent Posts’ type=’HTML’> <b:includable id=’main’> <b:if cond=’data:blog.url == data:blog.homepageUrl’> <!– only display title if it’s non-empty –> <b:if cond=’data:title != “”‘> <h2 class=’title’><data:title/></h2> </b:if> <div class=’widget-content’> <data:content/> </div> <b:include name=’quickedit’/> </b:if> </b:includable> </b:widget>

 

 

  How To Show Only Post Thumbnails And Snippets In Blogger Blog Homepage Hi  Welcome to another tutorial, How To Show Only Post Thumbnails And Snippets In Blogger Blog Homepage in this   complete blogger blog tutorial   series. By default, blog post shows full on your blogger blog homepage with a number of it as preset. This makes your blog looks clumsy, not neat and visitors leave your blog site quickly. If you’re tired of those full, long unending post of your blogger homepage, then you’ve come to the right place, just follow the tutorial and you should be fine! We have covered a lot in this  full blogger blog tutorial  series, first, we look at  Blogger Review  to  How To Create A Blog On The Blogger.com Platform . We also learned  How To Create HTML Sitemap  Page for our blogger blog, in another tutorial, we’ve seen how to add  Contact Form In Blogger On A Page , from there we added  Twitter Card  To our blog....