Showing posts with label make. Show all posts
Showing posts with label make. Show all posts

Wednesday, October 26, 2016

How to Make Blogger Widgets Gadgets Sticky Float

How to Make Blogger Widgets Gadgets Sticky Float


A post on how to make blogger widgets/gadgets sticky(float). You can make any widget or gadget on your blogger blog sticky, which means it stays in a fixed position and floats at the top of the window as you scroll down. Any widget that is made sticky is visible to your visitors as the scroll up and down and it gets more attention and brings about a higher click through rate. All widgets and gadgets that have an ID on your blog can be made sticky, but this is best suited for blogger widgets like social media follow and subscription buttons, social sharing buttons, the recent post widget etc. Heres how to create a floating “sticky” Sidebar widget in Blogger.

Also Read:  How to Add HTML Parse Tool in Blogger
                    How To Centralise Blogger Title And Description
                    How to Add Read More Attribution Links to Copied Text in Blogger

How to Find The Gadget/Widget ID of Any Blogger Gadget

First, youll need to get the widget ID. To do this:
  • From your Blogger Dashboard,
  • Goto Layout.
  • In the layout section, Click Edit on the widget or gadget which you want to make sticky.
  • Get the Widgets ID by checking the address bar.


How to Create a "Sticky" Floating Sidebar Widget in Blogger

On getting the widget ID, 

  • Goto your Blogger Template
  • Click on Edit HTML
  • Search for the tag </body>
  • Copy this code and paste above </body>


<script>
// Tutorial at http://www.detutor.com/2015/03/how-make-blogger-widgetsgadgets-Sticky-float.html
// Free to use or share, but please keep this notice intact.
//<![CDATA[
bs_makeSticky("HTML9"); // enter your widget ID here
function bs_makeSticky(elem) {
var bs_sticky = document.getElementById(elem);
var scrollee = document.createElement("div");
bs_sticky.parentNode.insertBefore(scrollee, bs_sticky);
var width = bs_sticky.offsetWidth;
var iniClass = bs_sticky.className + bs_sticky;
window.addEventListener(scroll, bs_sticking, false);
function bs_sticking() {
var rect = scrollee.getBoundingClientRect();
if (rect.top < 0) {
bs_sticky.className = iniClass + bs_sticking;
bs_sticky.style.width = width + "px";
} else {
bs_sticky.className = iniClass;
}
}
}
//]]>
</script>

<style>
.bs_sticking {background:#f2f2f2 !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:relative9 !important;}
</style>

  • Replace the highlighted field ("HTML9")from the code with the ID you copied for the blogger widget/gadget.
  • Save your template.
 Also Read:  How to Disable Right Click On Blogger - Stop Copy Paste
                     How to Create HTML Sitemap In Blogger

View your blog to note the changes. If it didnt work, then youre probably using the wrong widget ID. And try not to do this to the Ads on your blog, it did cross my mind.




Go to link download

Read more »

Tuesday, August 30, 2016

How to Make Your Blog Post SEO Friendly

How to Make Your Blog Post SEO Friendly


Search Engine Optimization

Given below are tips on how to make your blog post SEO Friendly. Search engine optimization is a technique used by webmasters to improve their sites rank and visibility on search engines like Google and Bing, thereby increasing traffic to their site. These SEO techniques are either on page or off page SEO.  For on page SEO, it involves optimizing images, content etc on the site and for off page SEO, it basically involves the act of link building.

For your blog posts to perform well in search engine results by ranking high, it has to be well optimized using both on page and off page SEO techniques Although there are several sources of traffic like social networks and forums, they all require constant sharing of  your blog posts to them. Receiving traffic from search engines is better and requires less effort after sometime. This is because the amount of traffic is higher and youre not required to continually share your post like in the case of social networks and forums. A well optimized post can drive free traffic to your site for months or even years. In this post, ways on on how optimize your blog post for search engines have been given.

Also Read:   Google SEO Ranking Factors
                   How to Use Google Webmaster Tools For SEO
                   Optimize H1,H2 and H3 Heading Tags In Blogger

How to Optimize Your Blog Post For Search Engines

Keywords:

  • Title Of Post:

Including keywords in the title of the post can rank your post higher in search engine result pages. Although most tutorials on net will advice you to use catchy titles, this  is good but in the process of attracting your readers to read your post, you should also ensure search engines can find the post by ensuring keywords are in the title especially at the beginning. Youll notice that exact matches to the string entered on Google search usually rank higher than the ones that arent exactly the same to the entered string. But this is not true in all cases.

  • URL:

Also, you can edit the URL of a post before publishing it or after it has been published by including keywords in the URL.  Remove any irrelevant word or stop words like to from the URL but do it in a way that it still makes sense when read out loud. Even though theyre just search engine bots, theyre smarter than you can imagine


  • Within Post:

Including keywords at the beginning and at the end of the post.  Repeating your keywords several times within the body of the post can also help in ranking your blog higher in search engines. While doing so, you should ensure you dont go beyond the limit to avoid keyword stuffing. Most SEO experts advice on having keywords thrice in the entire post or  keywords after 100 every words in your post.

Length of Post: 


A longer post when compared with a shorter post can perform better in search engine results. To increase the chances that your blog posts will come up in search engines for different related terms, you need to increase the length of the post you publish. Increasing the length doesnt mean you should just add unnecessary content to the your post thereby making it hard for your readers to read and understand. Carry out research on the topic youll like to write on, so that you dont run out of ideas on what to include in your post.

Search description: 


For blogger blogs, youre allowed to include a search description in individual post on your blog. Include a search description for all the posts. The description is a way of telling search engines what the post is all about and help can  rank your post higher. This description should contain your keywords and not exceed 155 characters.

Labels:

Another way of optimizing your posts for search engines is by adding relevant labels that are related to the post. For the labels, you can use keywords that actually describe the post and not generic keywords. In this post for example,  the labels used are SEO optimization, SEO friendly, Blogging tips, On page optimization techniques instead of  Blogging, Blogger, Blogging Tips.

Backlinks:


After publishing the post, another effective method and ill say the most effective SEO techique to use in improving its visibility is building backlinks to the post. You can share the post to forums, social bookmarking sites, comment on other blogs or even guest post. Another advantage of doing this is that it will help in indexing the post faster and give your site a better alexa rank.

Image Optimization:


Optimizing the images used in your blog posts by adding alt tags. These alt tags describe the image and since images are usually included in search results, you can also use this method to  drive traffic to your blog.

Also Read: How to Make Blogger Template SEO Friendly 
                 SEO Tools - Firefox Addons for Search Engine Optimization

With the above tips, you can optimize your site for search engines and drive traffic to your site .

Go to link download

Read more »