Blogger Codes

  How to Add Random Post Feature . >> First, you open your  blogger  account. >> Now open your website / blog theme in  HTML mode . >> Then paste this CSS code before  ]]></b:skin> #random-posts-pcmain img {height: 100px; width: auto; text-align: center; background: white; border-radius: 5px; margin-top: 12px;  } #random-posts-pcmain img:hover {     } ul#random-posts-pcmain {     background-color: white;float:center; margin-left: 2px; margin-top: 15px; } #random-posts-pcmain a { text-align: center; width: 100%; min-height:100%;color: white;display:block; font-size: 13px; margin-top: -20px; line-height: 17px; font-weight: bold;} #random-posts-pcmain a:hover {     text-decoration: none; } .random-summary {     font-size: 11px;     background: none;     padding: 5px;     margin-right: 8px; display: none; } #random-posts-pcmain li {height:...

  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 Make Any Blogger Widget/Gadget/web element Sticky (float) Sticky widgets are widgets/gadgets in a webpage which sticks to a specific portion of the page and floats (move) with the up and down scrolling of the page. At this post I will show you how to make a sticky widget on blogger ( this is just an example, to put on any site can be done with this method, javascript and css included) 1. Get The Widget ID.     every blogger widget have a specific id. To get this you can go to blogger dashboard then edit a gadget to make it sticky 2. Add Style search for </style> add this style : .frx_floating {background:#ffffff !important; position:fixed !important; top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3); margin-top: 0; position:relative\9 !important;} add this style code above 3. Add this Script : add this script code above script tag 4. Go to end of body, search for </body> call the script : ...