Skip to main content

Posts

Showing posts with the label blogspot widget

Recent Post

Kathai Sollukiren Vanga Youtube Channel

How to Remove Powered by Blogger – Attribution Widget

Method 1: Remove ‘Powered by Blogger Step 1 : Go to your blog “Template” | click on “Edit HTML”. Step 2 : Here on drop-down “jump to widget” option and select Attribution 1 as shown below Step 3: After selecting Attribution 1 widget you will be able to see this line                                                <!-- outside of the include in order to lock Attribution widget -->       <b:section class='foot' id='footer-3' name='Footer' showaddelement='no'>         <b:widget id='Attribution1' locked='false' title='' type='Attribution' visible='false'>           <b:includable id='main'>     <div class='widg...

How To Add Popup Email Subscription Widget For Blogger

Last Time we published How To Add Pop Up Email Subscription Form For Blogger Using Jquery. As I mentioned in the last post now we are going to see How To Add One Time Popup Email Subscription Widget For Blogger . This is a jQuery widget . this is the upgraded version of the previous widget. In the older version widget will open when the email icon is clicked but this widget makes the popup automatically and the popup will shown only once in a week. Now we can see How To Add The One Time Popup Email Subscription Widget For Blogger . Add One Time Popup Email Subscription Widget Adding jQuery plugin to the template: As this widget based on jQuery plugin, First you need to have a jQuery Plugin in your Blog template. Ignore this Step, If your Blog already have a jQuery plugin. Add the below line of code before </head> tag. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> Adding Widget Code to b...

blogger Related Posts : LinkWithin VS Outbrain VS nRelate

If you've been blogging or reading blogs for any amount of time, then you've probably noticed, or might even already have installed a related posts widget. They are a great idea and an effective method for increasing page views and reducing bounce rates by encouraging visitors to stay on your blog longer by showing them a list of other enticing posts that "They Might Like". In my opinion, the choice of whether or not to install one of these widgets on your blog is a no-brainer. There are no drawbacks, unless you maybe have a small and infrequently updated blog with a limited amount of posts such as this one. In that case, you might want to hold off on it until you've built up a decent amount of posts or articles. However, if you have an established blog with a healthy number of posts, then you are missing out if you don't have a related post widget. The only real question, and one not so easily answered is, of the many available solution...

All In One SEO Pack 2014 for Blogger Blogspot

As you all know about SEO/Search Engine optimization and it is a must thing for bloggers. In fact without SEO a blog is not going to followed by google search or any search engine crawlers and the mean no visitors visits your blog. A blog without visitors is just like a fish without water and if you did not receive  any amount of visitor to your blog, there is lot more chances that your blogging career is over. Organic traffic is necessary for all blogs because it comes from search results and gives us a handsome earnings and decent rank to our blog. So today I came accross a great and popular post about All in One SEO Pack Plugin for blogger blogs. So lets start the tutorial on adding this widget. Features: Add Meta Tags in Your Blogger Blog. Show Post Title First In Search Results SEO Optimize Blogger Comments SEO Optimize Blogger Labels SEO Optimize Blogger Archives Optimize Post Title Using H2 Tag Add an SEO Friendly Robots.txt File Convert Title Tags to Dynamic Ti...

Floating social share buttons widget

        Social bookmarking is great way to get more traffic.But how can you make your visitor Share your content with their social bookmarking profiles like Digg, Stumbleupon, and Social Communities like Google +, Facebook.That's the difficult part,most people feel lazy about sharing them with their Social bookmarking profiles. But don't worry about it now.This widget make it easy for you.This floating widget helps you to get more attention from visitors...This widget will increase traffic to your blog. That's why this widget is effective and this is a very needed one for any web site. In most sites i saw this widget on "Left" side. but i suggest "Right", because when the reader scrolling the page, mouse pointer is always in the "Right" side. So i think clicking Effectiveness is high in "Right" side.     ok then let's see how to add it to your blog Copy the code below Page element --> Add a Gadget --> HTML/JavaScrip...

Adding Recent Comments Widget With Avatar To Blogger

1, Go to  Blogger Dashboard  >  Layout. 2. Click on  Add a Gadget  >  HTML/JavaScript. 3. Paste below code and save it. <style type="text/css">    ul.latest_recent_comments{list-style:none;margin:0;padding:0;}    .latest_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}    .latest_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}    .latest_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}    .latest_recent_comments li span{margin-top:4px;color: #666;displa...

Recent/Latest Posts Widget For Blogger/Blogspot

You surely have seen on many blogs and websites a Recent Posts Widget in the sidebar that shows the recent or newest or latest posts of the certain blog or website. This widget shows the best posts title for SEO , date of post and an image of the post and even a snippet of the post. So today we are going to learn how to make this widget for your blog with some very easy steps. So let's start now. How to add Recent Posts Widget to Blogger Step 1. Log in to your Blogger Dashboard , then go to Layout and click on Add a Gadget link Step 2.  From the pop-up window, scroll down and choose HTML/JavaScript . Step 3. Select & Copy the code from one of the options below and paste it into the new HTML/JavaScript:   Option 1: Recent posts widget with snippets <div id="hlrpsa"> <script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js"> </script> <script> var numposts =  5 ;var showpostdate =  false ;var ...

Related Posts Widget for Blogger/Blogspot with Images

Related posts Widget will generate the list of related posts. this Widget can be added either in homepage (under each posts) or inside the post. By placing this related posts Widget, there is chance to spread the other posts to visitors and they may have a tendency to take that post from the list, it will reduce the bounce rate of your blog and will keep your visitors from suddenly quit from your blog. Let's see how to add related posts widget to your Blogger site. How to add Related Posts Widget to Blogger Step 1. Log in to your Blogger Dashboard , then go to Template and click Edit HTML. Step 2. Find below text from search (Ctrl + F) ]]></b:skin> Step 3.  Copy and paste the given code above this line. <!--BlogTipsUK Related Posts with thumbnails Start--> <b:if cond='data:blog.pageType == &quot;item&quot;'> /* remove this */ <style type='text/css'> #related-posts { float:center; text-transform:none; height:100%; min-height:100%...

Add Facebook Comment Box to Blogger/Blogspot

Facebook comment for your blog can serve as a good way to make your site more engaging and encourage readers to drop comments if they're already logged in to Facebook. It also serves as a source of traffic since using Facebook comment shares the comment and post page on the visitor’s viewer's Facebook wall . One thing should be noted though: Facebook comment has no SEO value since it’s being displayed in an iframe which Google won't index. Comments made with the regular comment box on your site has more advantages especially if you get loads of comment, more keywords you didn't actually mention in the post content but appearing in comments do bring more search engine traffic. This is something Facebook comment lacks, except the extra traffic you get from Facebook. I just thought you should know that before you implement it on your blog. As you can see, I do use it too. I wrote a post on this particular topic earlier but Facebook has changed since, lots of things on...

Smooth Scrolling "Back To Top" Button for Blogger/Blogspot

You surely have seen on many blogs and websites a   "Back To Top" Button in the sidebar at the bottom of the page that shows an image when clicked, it takes the user to top of your blog website. Animated back to top button in blogger website is one of the best Jquery style animated widget that looks good and also visitors enjoy easy site navigation scroll to top. The best thing about this button is that it appears only when the user scrolls down the page and disappears as he scrolls up, and also one more feature of this script you can add your own image that you like as the back to top button. Add Smooth Scrolling "Back To Top" Button Widget to Blogger Jquery Step 1. Log in to your Blogger Dashboard , then go to Layout and click on Add a Gadget link Step 2. From the pop-up window, scroll down and choose HTML/JavaScript. Step 3. Select & Copy the code below and paste it into the new HTML/JavaScript: <script src='http://ajax.googleapis.com/ajax/li...

Add Rotate Page Effect In Blogger.

Hi Friends Today I Am Sharing An Awesome Rotate Page Effect In Blogger.How To Add Rotate Page Effect In Blogger Has Been Popular Widget Or Trick For Blogger.Tablets Or Mobile Menu You May Have Seen Rotate Menu Effect It's Look Awesome When You Select Menu All Mobile Display Change In Rotate Effect That Rotate You May Seen On About Us Page.The Classic 360 Degree Rotate Effect Makes Your Blog Professional Designed Cool And Stylish Effective. Add Rotated Effect In You Website. For Add It In Your Blog You Need Add A Small Script In Your Blog It’s Very Easy To Add In Blogger. Edit your Layout in Blogger. In Blogger, click on the “Layout” tab to show your blog’s layout: Add a new HTML/Javascript gadget. On your blog’s layout screen, click the “Add a Gadget” link to open the Add a Gadget window: In the Add a Gadget window, scroll down and find the “HTML/Javascript” gadget. Click on the “+” icon to add it. Paste the Chatroll embed code into the HTML/Javascript gadget. On the new HTML/Jav...

Installing recent Comments Widget for Blogger

So here is the comments widget for blogger and this is very easy to use, before we tell you the method of adding comments widget to your blogger blog we have to discuss the way that how does it work and how does it looks. So here is the screen shot of this widget which quite nice and work in almost all type of blogger blogs. This widget create the new looks on your comment section.    If the other comment section get disturb it works good for any kind of blog. Well if any new person came to your blog and want to see that is this active blog then he just look on the comment section blog and the new comments on your blog is appeared on the left side then the new user easily know that this is active blog, so this is one of good way to remain your blog look active. Blog look more beautiful then before. It will remain your blog active. So now here are some steps to add this widget to your blogger blog.       Ø  ...

How To add Page numbers Your Blog

Edit your Layout in Blogger. In Blogger, click on the “Layout” tab to show your blog’s layout: Add a new HTML/Javascript gadget. On your blog’s layout screen, click the “Add a Gadget” link to open the Add a Gadget window: In the Add a Gadget window, scroll down and find the “HTML/Javascript” gadget. Click on the “+” icon to add it. Paste the Chatroll embed code into the HTML/Javascript gadget. On the new HTML/Javascript gadget screen, enter a title for the gadget. A good title should alert your readers that this is your site’s live chat. Here’s the important part: Paste the chat window embed code into the Content area (this is the code you copied from Chatroll in step 2): Finally, click “Save”. The gadget should now be visible in your blog’s layout.    my blog Page numbers code is here      download the code                         ...

How To add mouse point Your Blog

Edit your Layout in Blogger. In Blogger, click on the “Layout” tab to show your blog’s layout: Add a new HTML/Javascript gadget. On your blog’s layout screen, click the “Add a Gadget” link to open the Add a Gadget window: In the Add a Gadget window, scroll down and find the “HTML/Javascript” gadget. Click on the “+” icon to add it. Paste the Chatroll embed code into the HTML/Javascript gadget. On the new HTML/Javascript gadget screen, enter a title for the gadget. A good title should alert your readers that this is your site’s live chat. Here’s the important part: Paste the chat window embed code into the Content area (this is the code you copied from Chatroll in step 2): Finally, click “Save”. The gadget should now be visible in your blog’s layout.    my blog mouse point code is here      download the code                         ...

How To Follow Us Your Blog

Edit your Layout in Blogger. In Blogger, click on the “Layout” tab to show your blog’s layout: Add a new HTML/Javascript gadget. On your blog’s layout screen, click the “Add a Gadget” link to open the Add a Gadget window: In the Add a Gadget window, scroll down and find the “HTML/Javascript” gadget. Click on the “+” icon to add it. Paste the Chatroll embed code into the HTML/Javascript gadget. On the new HTML/Javascript gadget screen, enter a title for the gadget. A good title should alert your readers that this is your site’s live chat. Here’s the important part: Paste the chat window embed code into the Content area (this is the code you copied from Chatroll in step 2): Finally, click “Save”. The gadget should now be visible in your blog’s layout.                                        ...