Free Fb Likes, Twitter Followers, Web Hits

Here are some website that you can join to get free facebook likes, twitter followers, website hits, etc:

1. http://addmf.co/?ELX41JN


Facebook Likes
Facebook Share
Facebook Followers
Facebook Post Like
FB Post Share
Tsu.co Followers
Instagram Followers
Instagram Likes
Twitter Followers
Twitter Tweets
Twitter Retweets
Twitter Favorites
YouTube Subscribe
YouTube Likes
YouTube Favorites
YouTube Views
Google Circles
Google Share
Ask.fm Likes
Vine Followers
Vine Likes
Vine Revines
Vkontakte Pages
Vkontakte Groups
MySpace Friends
Pinterest Followers
Pinterest Repins
Pinterest Likes
Reverbnation Fans
SoundCloud Follow
SoundCloud Likes
SoundCloud Plays
StumbleUpon
Website Hits

2. http://skylnk.co/xkpfYz

Twitter Followers
  Twitter Tweets
  Twitter Favorites
  Twitter Retweets
  Vine Followers
  Vine Revines
  Vine Likes
  Google+ Circles
  MySpace Friends
  YouTube Views
  YouTube Likes
  YouTube Subscribers
  VK Page Follows
  VK Group Joins
  Keek Followers
  Keek Subscribers
  StumbleUpon Followers
  Pinterest Followers
  Pinterest Repins
  Pinterest Likes
  SoundCloud Followers
  SoundCloud Plays
  ReverbNation Fans
  Website Hits

3. http://traffup.net/free/?rf=415516148

Website Hits
Twitter Followers
Twitter Retweets
Facebook Likes

How To Add Youtube And Dailymotion Videos In Blogger Posts

Video tutorials are the best way to help users how to do something. For instance a blog about doing something like blogging or a tutorial blog becomes best one when it has step by step text tutorials as well as video tutorials. Now a days tutorial blogs are trending so every blogger is trying his best to make his blog better than other by improving its user experience. User experience improves when users are satisfied and video tutorials are the best tutorials to help and satisfy users because users can see how to do something. So if you have a blog and you have already setup a Youtube or Dailymotion channel and you want to embedded your videos in your blogger blog posts in order to get more views or to improve your visitors experience then you have reached to right place. In this post I will show you how to embedded videos in blogger posts. In the end of this post you can watch video tutorial also. Hope you like it.
Continue reading »

Infolinks - The Best Ad Network For Bloggers

Most of the blogs are created to monetize them by ads and earn money but it is a confusing step to choose a good ad network for a blog. Everybody wish to monetize his blog with a network which pays the highest rates. But most of the ad networks becomes a reason of disappointment because even if you have a high traffic and unique visitors they don't pay enough rates. Now a days the most popular and highest paying ad network is Google Adsense but Google Adsense is not approved easily so you can use alternative ad network of Google Adsense which is Infolinks. Infolinks could also be called all in one and the best ad network for bloggers because it has following features:
Continue reading »

Promotion Bubble Gadget For Blogger

After creating a blog the most important thing is to promote it. A blog can be promoted by two means one is promotion though social networks while other is to promote it by making efforts in right way. By right way I mean to use some gadgets and internal linking. Everybody is aware of off-page seo so if you read about it then you must know the importance of internal linking and gadgets like related posts, popular post etc. Internal linking is also beneficial in promoting a specific post because it helps your visitors to reach to that post. Similarly now you can promote a specific post or page of your blog is an advance way by using "Promotion bubble gadget" you can see a live demo of this gadget on this page(Seo tools bubble).
Continue reading »

Related Posts Widget For Blogger Mobile

A very important factor of off page seo is internal linking, it means to inter link other posts with the post you write. Internal linking is good for seo as well as it increases your page views because it is the way by which visitors reach to your posts. Internal linking is of two types one is to mention links of older posts in new post and the second is to add a related, recent, recommendation or featured posts widget in your blog. It helps visitors to reach to more posts and read them. Related post widget is most popular in desktop sites but now you can add related posts widget in your blogger mobile site to engage your mobile visitors to your blog. So in this post I will show you how to add related posts widget in blogger mobile site. 
Continue reading »

How To Create Transparent Images For Blog Posts

Blogging and creating a powerful blog post is impossible without images. Images makes a blog post more interesting and easy to understand. Two things which grab interest of visitors are title and images. Other things are also important to create a powerful post like good content, colorful post and frank behavior. As images are important for a good post therefore images should be created in such a way that suits your post. For example some bloggers add effects to images. Sometimes transparent images are needed in post but most of blogger don't know how to create transparent images, so in this post I will show you how to create transparent images using online tools. So in this post you will learn two things:
Continue reading »

How To Customize Blogger Static Pages With CSS

Static pages are those pages of a blog which are created as posts are created for example Contact page, About page, Sitemap Page, Advertise Page etc. Blogger static pages look like posts except if you have used CSS or Javascript to make it different then post pages. And all the static pages should be different then post pages to make them look like they are apart of posts. So in this post I will show you how to customize static pages in blogger with CSS.
Continue reading »

How To Show Ads In Blogger Feed

Do you have a feed for your blog and you have many readers, if yes then you can get benefit of it by enabling ads in your blog feed. It will help you to increase your earnings. You can add something else instead of ads also like your sitelinks, images, social profile buttons or comments. But it is good only if you have alot of blog readers. So In this post I will show you how to show ads or something else below every post in your blog feed. If you haven't set-up an RSS feed for your blog click here to set it up now.
Continue reading »

Keyword Difficulty Analysis: How to Choose the right SEO keywords

A successful SEO campaign almost always relies on the keywords used. As elements that search strings are matched against, they can propel a website forward, helping it rank on search engines. The significance of individual keywords, however, is slowly dwindling, and keyword-based search engine optimization is losing its strength. Blame it on black hat practices that, even when they're being cracked down, have left lasting effects. This is because there are now factors that are far more important than keyword presence:

• Keyword placement matters more than usage frequency. That is, using keywords in the title tag and header has more weight than using them five times in the content.

• Using synonyms is more than acceptable. Now that Google is more sophisticated in interpreting data of a website, keyword specificity is fading. So even if different key phrases are used, as long as they have similar context, Google can place them in the exact same category, theoretically.

• Semantic search is making a huge difference on user searches. In the past, Google dissects search queries by words. A search query about "running shoes Utah", for example, would return anything that may be related with running, shoes and even events in Utah. But with search semantics, Google interprets the meaning of the whole search query rather than just the individual words.

Along with these changes is the need to take a different approach to keyword research. Keywords still matter, but they need to be perfect to be really effective. So whatever process you have been following for as long as you can remember, you should completely forget. Even if you did rank, it turns out that you have been doing keyword research all wrong. Rather than research for high volume, low competition and good CPC keyword, or effective latent semantic index keywords, you should use keyword difficulty analysis instead.

What does Keyword Difficulty Analysis mean?

Keyword difficulty is defined as a factor that helps determine how easy or difficult it is for a website to rank based on a particular keyword. So it's no longer about short-tail or long-tail, and high or low, because other factors now come into play, such as the following:

- The number of pages currently ranking for a specific keyword
- The number of pages bidding on a keyword in paid search campaigns
- The volume and cost per click of a keyword for a particular month

If you want to go down to specifics, you also need to look into queries that you must compete for based on three elements:

1. Your competition or the number of indexed pages for a particular query
2. The authority or ranking strength of a website based on the quantity and quality of incoming links
3. The relevance of well-ranking websites in terms of how they match certain search queries with consideration to factors, such as on-page ranking and off-page signals.

Difficulty analysis also entails estimating keyword difficulty. The easiest way to do this is to check out strong and weak search results based on a keyword or key phrase that is widely used. Between "running shoes Utah" and "Nike running shoes", the latter is harder to rank with, especially for normal and less-popular blogs. There is no way you can compete with high authority blogs.

A search query on "Pebble Time review" would return the following results:

All of these make up the top 10 strong results, which is clearly hard to outrank by less authoritative websites.

But if you use long-tail keywords, there is a possibility that the results will include forums, non-relevant sites, YouTube videos, Yahoo Answers and other websites that will be easier to outrank or those that make up weak results. So, what you want is a keyword that will return weak search results.

But because there are no hard-and-fast rules in difficulty analysis, you need to use tools at your disposal. A keyword difficulty tool can come in many shapes and sizes, so to speak. It's not just a specific type of software, but a set of procedures that lets you identify keyword difficulty.

Perform difficulty analysis based on several principles

Competing Pages

Find out who your competitions are for a particular keyword or phrase. Simply type in the search terms you want to use on a search engine and check out the results. As a blog or a business, your competitors are other blogs or companies that are providing the same products or services, and using the same set of keywords. The top ten is your strongest competition.

You can further narrow down your search by looking into the number of pages being indexed that use the same search terms on the title. To do this, use one of Google's advanced search operator "allintitle", which will display websites where the keywords appear in the title.

Now that you know your competitors, it is important that you don’t make any decisions based solely on the data that you collected. Just use them as an indicator, since there are plenty of other elements that will keep you off the first page.

Top 10 Search Results

If you want to determine the metrics involved in keyword difficulty, determine the top ranking sites related to the terms you intend to use. Getting results is easy. It is making the searches non-personalized that is challenging, although not impossible. You just need to use the right tools to de-personalize your search and get the results that matter more. Using Chrome browser in incognito mode is one good example. What this does is to remove results returned based on search data and preferences, such as ads, news, images and YouTube videos.

Number of Links

Top-ranking pages are likely to have a significant number of external and domains pointing links based on certain key terms. If you use the same keywords, you would definitely have a hard time ranking. But if there is a top-ranking website with just a few direct links, you have a door of opportunity. Using Open Site Explorer or Majestic SEO, you can acquire a number of linking domains a website has. But know that a site with few high quality links can have the same authority as one with plenty of low quality links, which is why further analysis is necessary.

Off-Page Optimization

How strong a competitor website's off-page optimization is reflected on the number, authority and type of links it has, including the backlinks. Keyword difficulty analysis will look into page authority, domain authority, keyword in anchor text and the diversity of unique linking root domain.

On-Page Optimization

Now that you know who your competitors are, find out how well optimized they are. Think like a search engine and look for different signals that will help your keywords rank easily and effectively. 

      • Keyword in title tag
      • Length of the title tag
      • Keyword in H1
      • Keyword in image alt text
      • Keyword in domain or URL
      • Keyword representation in anchor text or external links
      • Content quality
      • Optimization level (over optimized or not)
      • Use of questionable SEO practices
      • Internal linking architecture of a website

You can also keep your evaluation simple by just ranking each page's optimization as none, minimal, over, fair, decent or good, and excellent. Regardless of which step you take, however, this process takes a lot of work. If you want to cut down on the amount of effort and time you spend, you should filter your keyword list to a manageable size.

Perform difficult analysis using Google search operators 

Google can be your best friend in difficulty analysis, and not just in knowing your competitions or the keywords they use. To maximize Google, however, you must use three of its special operators.

As already mentioned, allintitle returns results that contain your search terms on the title. allinurl, on the other hand display results with the keyword included in the URLs, and allintext returns search results with the keyword appearing within the content.

How do you use them to your advantage? Using the keywords "nike running shoes", for example, run a keyword difficulty analysis in Chrome. Don't forget to search in incognito mode to keep results organic and non-personalized. Take note of the total results and those that returned using Google's advanced search tools. The data you collect will look similar to the one below:

Keyword: nike running shoes

Results with allintext: nike running shoes

Results with allinurl: nike running shoes

Results with allintitle: nike running shoes

What do the figures tell you?

• If the total results are equal or close to 1,000,000, you have higher chances of ranking on the first page.
• If the results with allintext are just 50% more than the total results, keyword difficulty is very high.
• If the results with allinurl and results with allintitle is less or close to 1,000, the chances of ranking on the first page is high provided that certain criteria are met:

      o 2000+ words in-depth blog post
      o Proper image optimization
      o High Flesch Reading Score
      o Quick Load Spee
      o Good Social Shares
      o Efficient Inter Linking
      o Several high DA, PA Backlinks
      o Perform difficulty analysis using specialized checker

What is great about using Google search operators is that you will know your competitors during your research. But you can always take a shortcut through a keyword difficulty tool.

Perform keyword difficulty analysis using difficulty tools

Keyword Inspector

This is a free tool that you can use to analyze how difficult it is to rank a specific keyword. Every search term is ranked as Very Easy, Easy, Moderate, Difficult and Very Difficult.

To start using it, you must first create an account. Once that is done, you can then run an analysis by typing in the keyword on the input box, choosing a country and then hit "Submit". You will get a tabulated result, with the keyword difficulty analysis indicated at the last column. It is highly recommended that you use search terms that is ranked moderate or less difficult.

Take note, however, that search results may vary from one country to the next. So don't make decisions based on them alone. Instead, combine it with other keyword difficulty tool.

MOZ Keyword difficulty tool

This tool is more comprehensive and comes with other useful features, making it an ideal choice. It may not be free, but it does give good value for your money. You can run 20 reports at one time, and a standard subscription has a daily limit of 400 reports.

To run a difficulty analysis, simply type in one or more keywords on the input box. You can separate the terms using a comma, tab or by typing it on a new line. Choose a search engine (Google, Bing, etc.) and country, and then hit "Check Difficulty" button. You will then get a report with the difficulty score and ranking factor indicated. The score is between 1% and 100%, with 1% as being easy and 100% as being very competitive.

What is great about this difficulty analysis tool is that you have the option to export the report as CSV, in case you want to run you own analysis. There is also a "Compare" button that will give you an idea which keyword has the lowest difficult score, yet has the most search volume - an excellent combination. Simply check on the keywords you want to compare, two or more at a time, and then hit Compare.

Take note that the data of search volume will always be for Bing even if you choose Google as your search engine. Don't worry though, since this would not affect the results in any way.

SEMrush

Originally a professional SEO tool designed for digital marketers, SEMrush has recently introduced a tool for keyword difficulty analysis where you can bulk check ranking of multiple keywords. It is not free, but you do get a 14-day free trial period. Look for the keyword difficulty analyzer under Tools, type in your keywords and then search for their difficulty score. You can put in a maximum of 100 search terms per line.

The great thing about this tool is that you get more in one go. That is, you not only learn about Keyword difficulty, but also Keyword Research, Competitors Analysis, and even Backlink Opportunities.

There are just a few examples of keyword difficulty tools that you can use. Among the three options, SEMrush is considered the simplest to use and is highly recommended for affiliate marketers and bloggers.

Keyword difficulty analysis can be done for app store optimization as well. Check out the result count to determine the number of apps targeting a particular keyword. Simply type in the search terms on the app store and both Apple and Google will show which apps use certain keywords. Another factor is volatility that provides a good indicator of how difficult it is to rank for a particular search term. Because finding volatility manually is hard, look for tools that you can use.

Once you have a list of keywords, sort and filter them out into different categories, such as immediate and short-term keyword targets, medium-term keyword targets that need to be groomed and grown, and long-term keyword targets that can be obtained through sustained effort.

Keyword difficulty analysis may seem like a new concept, but it is the new way of ranking in search engine results, which is why it is worth implementing in your SEO campaign.

How To Optimize Blogger Blog For Mobile Phones

Many blogging networks like wordpress, weebly, hostgator etc provides mobile sites to their users, similar to them blogger also provides this feature to its users. Blogger provides mobile site as well as templates for mobile sites which are well made for all mobile phone screens. Although blogger is good for blogging as it has desktop and mobile sites but like desktop template you have to optimize your blog for mobile phones. And for this you need to add some Gadgets, so that you could get benefit of your desktop as well as mobile site. 
Continue reading »

Search Box For Blogger Mobile Site

Like other blogging networks blogger also has mobile view for mobile users. It loads very quickly as it is in kilo-bites so mobile users can also read blogs by wifi connections or by mobile data. Blogger provides mobile view and also templates for it, but you have to optimize it in your way to get benefit of it e.g enabling ads, enabling essential gadgets(follow button, search box, related posts etc). It will help you to get more traffic as after optimizing your blog for mobile phones, you will be able to get mobile views too instead of loosing it. The default gadgets aren't optimized for mobile view so you need to use optimized gadgets for mobile view, One of the most essential gadgets(search box) which is powered by blogger doesn't work in all mobiles, it works only in smartphones like Iphone, Android, Htc, Nokia lumia phone etc but the phones which don't have android or ios aren't optimized for the common search box so you have to optimize search box to make it work in all mobile phones whether it is smart or not. Although the default search box works in smartphones but if it is used to search something, it works very slowly and the pages take too much time to load because the page is first searched for desktop fist and then converted to mobile view. So in this post I will share a well optimized search box for blogger mobile view which will work in all mobile phones.
Continue reading »

How To Optimize Post Links In Blogger For Higher Search Results

For higher search results seo optimization is very important and for that you have to keep all things in mind like description, title and links. As description and title optimization is discussed before so in this post we will talk about link optimization only. So in this post I will tell you how to optimize your blogger blog post links for higher results and also how does it help in search results.

Continue reading »

How To Show Ads Below/Above Post Footer And Header In Blogger

Making money through a blog is not easy if you don't know tricks to get more clicks on your ads. Its a common problem with everyone that they get enough views but ad click rate is very low, some reasons for this are low traffic, wrong position of ads or use of text ads only etc. Position of ads has major effect on clicks rate so to get more clicks on your ads you have to show your ads in such positions which are clear to users e.g below post header, in sidebar and above footer. Since blogger has no option to show ads below post titles and above footer so you have to do it manually. In this post I will show you how to show your ads below post titles and above footer.
Continue reading »

"Featured Posts" Slider Gadget For Blogger

Featured posts slider is a gadget that slides featured(recommended) articles of a blog. Featured posts sliders are of several types, some are of images type which slides only images of posts while some only slides titles of posts but in this post I will share something awesome which nobody has shared before me. Its a Slider that slides the whole posts along with thumbnails, titles, and a short description. It has a unique style and a good look! You can see a demo of this gadget on my blog's HomePage. Before you add this gadget in your blog let me tell you one thing that is you have to write the description, title, link of the post and thumbnail link on your own, it will not automatically get posts for you. You can select which posts do you want to show up.
Continue reading »

How To Add New Facebook Page Plugin In blogger

Facebook is the number one social network and has a global rank 2. It is used by every individual now a days. Facebook is good for chatting and also for small businesses like blogs or websites. It is used by most of bloggers to get in touch with their fans, so Facebook is used to create fan pages too. In the beginning Facebook provided a plugin called like box for blogs and websites but it will stop working from June 23rd 2015 as Facebook has upgraded this plugin to a new plugin called "Page Plugin".

Continue reading »

How To Check Your Blog's Seo Status

Search engine optimization is a way to get more blog traffic, organic traffic and unique traffic but it needs a blog to be optimized 100% for better traffic. There are many ways to optimize a blog for search engines like title optimization, description optimizations, robots text optimization etc but one more thing is important as well and that is to check your blog's seo, to know if you are doing it in write way or not. So in this post I am gonna tell you how to check your blog's seo using some online tools. I will discuss all tools one by one, hope you'll find this post helpful.
Continue reading »

How To Fully Optimize Blogger Blog Titles For Seo

Title optimization is very important thing in seo, specially in 2015, blog title optimization is the first step to get high blog traffic. Although description and keywords are also very important but if you are very serious about your blog traffic then you must concentrate titles of your blog first, because the titles are on the top. You must have read about titles optimization in blogger by adding a separator between blog and post title, but that's not enough because that only works for post pages and what about other pages? so you have to optimize them too for more better results. Therefore in this post I will show you how to optimize your "blog posts", "pages" and also "page not found" pages for seo. If you have read this post http://101helper.blogspot.com/2014/12/blog-title-optimization-for-seo-in-blogger.html then your blog is 90% optimized but after applying this post your blog titles will be 100% optimized for search engines. So lets begin!
Continue reading »

"About Me" Gadgets With Different Styles For Blogger

"About-me" gadget in blogger shows the profile pic, name and description about author of a blog. The simple about-me gadget shows only an image with a Google+ follow button and a link to Google+ profile. So I have created 4 stylish "about-me" gadgets which are easy to use, good looking and follow buttons of 4 different social networks are also added. I hope you like these gadgets. To add this gadget in your blog follow below steps.

Continue reading »

How To Improve Your Blog's Alexa Rank

Alexa.com is a website that keeps data about sites and blogs that are popular. They keep data of each and every blog and site. The data which Alexa keeps is bounce rate of your site, daily visitors time, traffic sources, load time, logo etc. In other words alexa helps you to know if your site is popular or not. If you are think that does Alexa rank have any effect on blog/site's traffic then let me tell you that it has a solid effect on your blog's traffic and one more thing that alexa ranking is also concerned with quality backlinks. The quality of a backlinks depends on Alexa rank of the site on which it is created. In this post I will give you some awesome tips which will definitely help you to improve your blogs Alexa rank.

Continue reading »

How To Submit Blogger Sitemap To Yandex

Before I start let me tell you something about Yandex. Yandex is a Russian company that operates the largest search engine of Russia. It is one of the most popular search engine and after Google, Bing, Yahoo, Yandex is most popular. In the beginning this search engine was available in Russian language only but now it is available in English also. As a search engine it also has features like other search engines such as webmaster tools for webmasters and bloggers. You can read more about Yandex here. Yandex is not so popular but it is one of the best way to get more traffic and a successful blogger is that who takes advantage of every means no matter its more popular or less popular. So if you are interested in getting more traffic and want to improve your seo, I recommend you to submit your sitemap to Yandex. 
Continue reading »

How To Add Code Reader In Blogger

Code reader is a program that reads html/css/java or any other codes. An example of it is the Html/javascript option which you can see at the time of adding a gadget in your blog. That program reads your java/html and css codes and display results. Similarly now a days a new kind of website is introduced that also do the same work(reading codes and processing results). May be you are thinking what is it for? or why should I read this post, it is not of my use if yes then let me tell you the reason for why do you need to read this post. If you own a blog which have demos or a blog similar to my blog(about blogger) then you surely need this iframe to show your demos within your posts so now you don't need to create demo blogs for demos. So lets start!
Continue reading »

Slide Out Menu For Blogger

So far I have shared a slide in menu for blogger and today I am back with a new menu, it is a slide out menu. You can see it how it works in the above image. It is very unique menu as you can see it has icons, a responsive search box and cool follow buttons. You can see a live demo of this menu here. It is designed with css and javascript qnd it is good for those blogs which are congested or responsive, good for congested blogs because it doesn't take space on blogs, it is hidden until the trigger is clicked and good for responsive blogs because of its responsive design. Because of icons it looks more good and it resembles to wordpress menus. In this post I will show you how to add this menu in your blog and also how to customize this menu.
Continue reading »

Stylish CSS3 Preloader For Blogger

Hello there! I am back with a new gadget for your blog. It will make your blog more impressive and stylish so if you have tried many stylish and impressive themes in your blog but still couldn't reach your goal of achieving the most impressive design and still seeking for something that will rock your blog then you are absolutely at right place. I don't think its a gadget but I call it a gadget as it is added from other blog(out of your blog). Its a preloader. Don't know what a preloader is? let me tell you, like its name(pre) it loads before your blogs content, just like a loading image but it is designed with CSS3 and javascript. It makes your blog look more impressive you can see a demo of preloader here. I hope you like it. Give me your feedback by leaving a comment below.
Continue reading »

How To Get DMCA Protection For Your Blog

Now a days a problem that every unique content sharer is facing is content stealing. whenever a unique article is shared and it becomes popular then not only those visits that article who gets idea/help from that post but also some of them copy your work and use it for free without any hardship. As making a unique content is not easy therefore you need to protect it from content thieves. Though you can protect your content by enabling or disabling click on your blog and you can also report someone to Google but sometimes both these ways aren't effective so you need better protection and that's what this post is about. In this post I will show you how to get DMCA protection for your blog. So whenever and whoever copy your content you can launch a takedown and DMCA will take action against him.
Continue reading »

How To Add Bing Tanslator In Blogger

Translating a web page to a person's own language is very important to make him understand your articles because a blog/site without a translator has only one language and everyone can't understand that specific language. Specially if your blog is targeted by international visitors then you must have a translator in your blog to allow them to change your content language to their own language and help them understand. As English is an International language therefore first thing is to write your articles in English and after that you can add a translator widget to help others understand your post. It is very important to add translator to your blog because it is related to traffic, for example if your blog is in English language and someone visits your blog from Africa or any other country and he doesn't know your language then there must be something which help him out and that is a page translator.

Continue reading »

How To Enable Auto-Complete In Google Custom Search Box

Google webmaster tools has a very useful feature for blogger and webmaster that it lets us to create a custom search engine and add it in or blog or site, but as Google search has an auto-complete feature why our search engines aren't auto-completing our search? well! Google has enabled us to allow or disallow auto-complete in our search engines but most of us either don't know about Google search auto-complete option or are not aware of how it works and how to enable it. So this post is dedicated to those who want to enable auto-complete in their search engines. 

Continue reading »

How To Add Soundcloud Embedded Tracks In Blogger

Do you have a music collection? or do you have a collection of music on sound cloud and you want to share your music with others through your blog? and you don't know how to do that, if yes then I can tell you an easiest way to share your music with you audience and increase your fans on sound cloud. You can share your music either as a gadget or in posts but both ways are easy, there is no difficulty at all. So this post is about how to share sound cloud tracks in blogger.

Continue reading »

How To Setup Google Custom Search Box In Two Pages In Blogger

Do you use Google webmaster tools? if yes then I am sure that you are aware of Google custom search engine. Google custom search engine is a feature of Google webmaster tools which lets you to create a custom search engine for your blog or site and you can add it your blog also. It works on javascript and doesn't need any experience in Html or java. All you need is to setup search engine for your blog. You can read a post in which I have shared some search box where I have mentioned Google custom search engine too. You can read that post and create a custom search engine for your blog by following it, if you haven't setup a search engine yet. Click here to read that post. In this post I will tell you how to add Google custom search in blogger(two pages). If you didn't get me that what am I talking about then read below paragraph.

Continue reading »

5 Fastest Templates For Blogger

Seo, money, style, content, blog is not only about all this and other things but fast loading and speed is also a very important for a blog. Fast loading plays a vital role in making more fans and audience for a blog because a blog which loads slowly like a snail isn't liked by anyone. I am sure that you also don't like slow loading blogs and for the same reason I am creating this post. In this post I will show you some fastest blogger templates because blogger templates are too simple and after a little customization they slows down automatically, so we need an upgrade. So if you want a fast loading blog, I recommend you to use any of the below fast loading template.

Continue reading »

5 Examples To Customize Blockquote Style In Blogger And WordPress

Blockquotes are usually used to indicate the quotation of a large section of text from external sources or highlight someone's quotes, thoughts in blog article.

Now day's every blogger started to using it on their blog to make blog article stand out and grab the reader’s attention.

Usually all blogging platform has a default styling for Blockquotes, but we should modify a default styling with something in relevance with your theme/template. So, this tutorial will show you how to customize blockquote style in Blogger and WordPress. along with it I'll present 10 stylish examples of customized blockquotes styles for your blog using CSS.

We'll be using different pseudo-elements like   :before ,  :after   for creating a unique look for 5 examples. 

Many bloggers have a curiosity to know Is there an advantage or impact for SEO of blockquotes?

No! I don't think so, there are many probloggers uses blockquote on their blog and I haven't seen any example that tells me it can heart SEO. but it actually help you to rank well on Google. What do you say about it?

How To Customize Blockquote Style In Blogger/Blogspot:

To add customized blockquote style in blogger just navigate to Blogger Dashboard >> Template >> Edit HTML and Search for </head>

 

Now choose one of the styles suggested below and copy the CSS code and paste it before </head> tag.

Done! Save your template!

Now whenever you want to add blockquote style in your blog post just copy that text which you want to appear as a blockquote and hit icon as shown in below screenshot:

 

How To Customize Blockquote Style In WordPress Themes:

It's quite simple to add blockquote style in WordPress themes, you need to add the following codes to style.css or custom.css file of your theme. You can do this with another way just go to Appearance » Editor in your WordPress admin or edit.

Now, pick out on of the styles suggested below and design your blog/website for a better user interface.

 

#BlockQuote Style 1: Simple

 

 In this example I have used Unicode for left double quote. you can increase the size of quotation mark just edit  font-size:4em;  with you size.

BlockQuote Style 1 For Blogger:

<style>
.post blockquote {
background:#f9f9f9;
border-left:6px solid #ccc;
font-family: Georgia, serif;
margin:1.5em 10px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
}
.post blockquote:before {
color:#ccc;
content:open-quote;
font-family: cambria, Georgia;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
.post blockquote p {
display:inline;
}
.post blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 10px;
}
</style>

BlockQuote Style 1 For WordPress:

    blockquote {
    background:#f9f9f9;
    border-left:6px solid #ccc;
    font-family: Georgia, serif;
    margin:1.5em 10px;
    padding:.5em 10px;
    quotes:"\201C""\201D""\2018""\2019";
    }
    blockquote:before {
    color:#ccc;
    content:open-quote;
    font-family: cambria, Georgia;
    font-size:4em;
    line-height:.1em;
    margin-right:.25em;
    vertical-align:-.4em;
    }
    blockquote p {
    display:inline;
    }
    blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 10px;
    }

#BlockQuote Style 2: Hover Effect

This was my favorite style, I found it on codepen, In this example you can see mouse hover effect which is looking really elegant.

  

BlockQuote Style 2 For Blogger:

   <style>
   .post blockquote {
    text-align:left;
    font: 16px/24px Arial, sans-serif;
    color: #555;
    padding: 0.5em 10px;
    margin: 1.5em 10px;
    }
    .post blockquote:before {
    content: open-quote;
    font-size: 24pt;
    text-align: center;
    line-height: 42px;
    color: #fff;
    background: #ddd;
    float: left;
    position: relative;
    border-radius: 25px;
    margin-right: 0.5em;
    vertical-align: -0.4em;

    display: block;
     height: 25px;
     width: 25px;
    }
    .post blockquote:after {
    content: close-quote;
    font-size: 24pt;
    text-align: center;
    line-height: 42px;
    color: #fff;
    background: #ddd;
    float: right;
    position: relative;
    border-radius: 25px;
    margin-right: 1em;
    vertical-align: -0.5em;

    display: block; 

    height: 25px; 

    width: 25px;
    }
    .post blockquote:hover:after, blockquote:hover:before {
    background-color: #555;
    transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    -webkit-transition: all 350ms;
    }
    </style>

BlockQuote Style 2 For WordPress:

 

blockquote {
text-align:left;
font: 16px/24px Arial, sans-serif;
color: #555;
padding: 0.5em 10px;
margin: 1.5em 10px;
}
blockquote:before {
content: open-quote;
font-size: 24pt;
text-align: center;
line-height: 42px;
color: #fff;
background: #ddd;
float: left;
position: relative;
border-radius: 25px;
margin-right: 0.5em;
vertical-align: -0.4em;
display: block;
height: 25px;
width: 25px;
}
blockquote:after {
content: close-quote;
font-size: 24pt;
text-align: center;
line-height: 42px;
color: #fff;
background: #ddd;
float: right;
position: relative;
border-radius: 25px;
margin-right: 1em;
vertical-align: -0.5em;
display: block;
height: 25px;
width: 25px;
}
blockquote:hover:after, blockquote:hover:before {
background-color: #555;
transition: all 350ms;
-o-transition: all 350ms;
-moz-transition: all 350ms;
-webkit-transition: all 350ms;
} 

#BlockQuote Style 3: Using Dashed Border And Background Quote Image

 

In this example I have added dashed border around blockquote, Image for double quote and I have used Muli font from Google web fonts library. 

 

BlockQuote Style 3 For Blogger:

<style>
.post blockquote {
@import url(http://fonts.googleapis.com/css?family=Muli);
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs4_llGyTXbgmIqTSvr-k1d6h410QDEypF4LOiFl09MgO6lj7-pTO4270xzeutd-JXmDbDIeE_h6lIqbU7JEHZeCDrpJp1kvIHxwIriWal1POGlSR5AbPJP98k3asx0iCVEtwn6WgAEA7a/h120/blockquote.png) no-repeat;
border: dashed 2px #ccc;
color: #333;
font-family: muli;
margin: 30px;
padding: 20px 30px 30px 40px;  
} 
</style>

BlockQuote Style 3 For WordPress:

blockquote {
@import url(http://fonts.googleapis.com/css?family=Muli);
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs4_llGyTXbgmIqTSvr-k1d6h410QDEypF4LOiFl09MgO6lj7-pTO4270xzeutd-JXmDbDIeE_h6lIqbU7JEHZeCDrpJp1kvIHxwIriWal1POGlSR5AbPJP98k3asx0iCVEtwn6WgAEA7a/h120/blockquote.png) no-repeat;
border: dashed 2px #ccc;
color: #333;
font-family: muli;
margin: 30px;
padding: 20px 30px 30px 40px;  
} 

 

#BlockQuote Style 4:

 

Example 4 will have cool circle around quotation mark. 
 

 

BlockQuote Style 4 For Blogger:

 

<style>
.post blockquote{
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 16px;
border-top: solid 2px #dddddd;
border-left: solid 2px #dddddd;
border-right: solid 2px #dddddd;
border-bottom: solid 2px #dddddd;
margin: 1em 0px;
padding: 1em 1em;
font-family: Georgia, Times, "Times New Roman", serif;
font-style: italic;
font-size: 1em;
min-height: 60px;
}
.post blockquote:before {
display: block;
float: left;
content: "\201C";
font-size: 100px;
margin-right: 10px;
color: #fff;
background-color: #03C9A9;
padding: 15px 12px 5px 8px;
width: 50px;
height: 50px;
line-height: 90px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.post blockquote cite {
position: relative;
display: block;
text-align: right;
margin-top: 5px;
color: #999;
}
</style>

BlockQuote Style 4 For WordPress:

blockquote{
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 16px;
border-top: solid 2px #dddddd;
border-left: solid 2px #dddddd;
border-right: solid 2px #dddddd;
border-bottom: solid 2px #dddddd;
margin: 1em 0px;
padding: 1em 1em;
font-family: Georgia, Times, "Times New Roman", serif;
font-style: italic;
font-size: 1em;
min-height: 60px;
}
blockquote:before {
display: block;
float: left;
content: "\201C";
font-size: 100px;
margin-right: 10px;
color: #fff;
background-color: #03C9A9;
padding: 15px 12px 5px 8px;
width: 50px;
height: 50px;
line-height: 90px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
blockquote cite {
position: relative;
display: block;
text-align: right;
margin-top: 5px;
color: #999;
}

#BlockQuote Style 5:

This was an awesome blockquote styleI found on codepen, 

BlockQuote Style 5 For Blogger:

<style>
.post blockquote{
display:block;
background: #fff;
padding: 15px 20px 15px 45px;
margin: 0 0 20px;
position: relative;
font-family: Georgia, serif;
font-size: 16px;
line-height: 1.2;
color: #666;
text-align: justify; 
border-left: 15px solid #c76c0c;
border-right: 2px solid #c76c0c;
-moz-box-shadow: 2px 2px 15px #ccc;
-webkit-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}
.post blockquote::before{
content: "\201C"; /*Unicode for Left Double Quotes*/
font-family: Georgia, serif;
font-size: 60px;
font-weight: bold;
color: #999; 
position: absolute;
left: 10px;
top:5px;
}
.post blockquote::after{
content: "";
}
.post blockquote a{
text-decoration: none;
background: #eee;
cursor: pointer;
padding: 0 3px;
color: #c76c0c;
}
.post blockquote a:hover{
color: #666;
}
.post blockquote em{
font-style: italic;
}
</style>  

BlockQuote Style 5 For WordPress:

blockquote{
display:block;
background: #fff;
padding: 15px 20px 15px 45px;
margin: 0 0 20px;
position: relative;
font-family: Georgia, serif;
font-size: 16px;
line-height: 1.2;
color: #666;
text-align: justify; 
border-left: 15px solid #c76c0c;
border-right: 2px solid #c76c0c;
-moz-box-shadow: 2px 2px 15px #ccc;
-webkit-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}
blockquote::before{
content: "\201C"; /*Unicode for Left Double Quotes*/
font-family: Georgia, serif;
font-size: 60px;
font-weight: bold;
color: #999; 
position: absolute;
left: 10px;
top:5px;
}
blockquote::after{
content: "";
}
blockquote a{
text-decoration: none;
background: #eee;
cursor: pointer;
padding: 0 3px;
color: #c76c0c;
}
blockquote a:hover{
color: #666;
}
blockquote em{
font-style: italic;
}

Final Words!

 

So, this was the complete tutorial on how to customize blockquotes style in Blogger and WordPress. and I hope that you found it helpful and I’m sure it will benefit you a lot.

If you have any query's, or if I missed anything in this article please let me know, I would love to hear from you :)

Now tell me which is your favorite blockquote style? 

Using Description For Seo/Fixing Duplicate Description In Blogger

A description is added to a blog to describe it to tell people what the blog is about. In blogger there are three different ways to add a description but most of the users are aware of only two. One way to add description to blog is using meta codes, the second way is to add description in header(layout) and the third way to add description is to add it in search preferences. But if description is added in all of these regions it cause a problem of that is in every post even if it has its own description, blog description will go with it because blogger doesn't work as other sites that every post/page/directory/homepage has its own description. As description plays a very important role in Seo therefore every has to focus it.
Continue reading »

How To Get Your Blog To The Top Of Search Results

An issue about seo and bringing blog or site to search result's front page is common with every blogger and webmaster. Despite of applying all the seo tips, meta codes and new seo tricks still there is no improvement? so what to do? let me tell you how to bring your blog to front page of search results. After reading and following this post you will surely see an improvement in your blog's seo and traffic. Before I start let me clear that you should follow all the seo posts which I have created before. You can read them here. After following all the seo tips given in these posts you can follow this post. In this post I will give you some most effective tips to get your site on top of the search results of any search engine. 


Continue reading »