Skip to main content

Posts

Showing posts with the label Tutorial

How to add Stylish Social Sharing Widget With Hover Effect For Blogger

Written explanation    1) Go to Blogger Dashboard  →  Layout  →  Page Elements . 2) Add a   HTML/JavaScript   Gadget. 3) Paste below code in it.      <style type="text/css"> .social-connect-widget{background:#FFF;border:1px solid #E7E6DE;padding:10px} .social-connect-widget:hover{border:1px solid #CBCBC2;background:#F5F4EF} .social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E} .social-connect-widget a:hover{text-decoration:underline;color:#F77C04} .social-connect-widget img{vertical-align:middle;margin-right:5px} </style> <div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'> <a href='http://feedburner.google.com/fb/a/mailverify?uri= USERNAME1 ' target="blank"><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYdQrZzUVQvNOA0UCL-pnLtIe6OXpHnbr2_ACHpiUUWi2S39pbk3nFOXbR2fnl...

Add New Breaking News Widget for Blogger

Written explanation  Step 1 : Adding to Template 1) Go to Blogger Dashboard  →  Template  →  Edit HTML. 2) Now Find the code shown below using [ ctrl+F ] (Use In HTML Box) </body> 3) Now Paste the Code Shown Below just  Before  it. <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <script type='text/javascript'> //<![CDATA[ $(document).ready(function () { var url_blog = ' YOUR URL HERE ', //replace with your Domain     numpostx  = 10; //Posts want to display $.ajax({     url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',     type: 'get',     dataType: "jsonp",     success: function(data) {         var posturl, posttitle, skeleton = '',  ...

How To Create Feed URL With FeedBurner

FeedBurner  is a web feed management provider. FeedBurner provides custom  RSS feeds  and management tools that will help to your blog reader to get regular updates of your blog posts via  email  or  Google Reader.  You might have seen the feedburner ‘chicklet’ and the news letter sign up on various blogs as shown below. This post will help you to setup a Feedburner for your blog. Follow the steps below : Go to your FeedBurner account or  Login . Type your blog or feed address URL. If you are using WordPress then URL looks like http://example.com/feed  – replace example.com with your domain name. Click on the  Next  button. Here you can change the Feed Title and Feed address as per your choice (its optional but is recommended as it acts as a brand name for your feed) Click on the  Next  button to proceed further. Your feed URL will now be successfully created. Click on  Next  f...