Senin, 27 Juli 2015

How To Get A Lot and Quality Backlinks For Your Blog?

1 Komentar
.
How to Get a Lot and Quality Backlinks:- 

Building backlinks for SEO, blog in Google SERP is one of the many desired by everyone who manages a blog. Backlink itself means a link embedded links to other websites and manage to another website. Of course the website, which will be embedded backlink to our website is a website/blog that is not arbitrary.

The purpose of building/get a lot of quality backlinks that this is not another for the sake of improving the living conditions of our personal blog. With the increase of quality backlinks the more popular anyway blog/website in the eyes of Google SERP.

One thing to note, that the best backlink quality is a direct backlink from search engines. But it does not mean that the way to get backlinks with the way the others did not. All we can try for the sake of the blog, that is still in the safe zone principle and not disturbing others.

Below I've provide another way to get backlinks that should be run for the blog.

Backlinks From Websites/Blogs Dofollow Quality and Relevant:

Quality DoFollow blogs can be a good backlink to your blog/website.
Not only the quality, dofollow blog backlinks that we will also be relevant to the review of our blog.

How to embed backlinks should also be considered.Do not embed url posting on the editor's comments (below the words of the comments), but adrift blog url to blogs we were put in the name.

With so our activities, in the comment are not considered spam.

Share to Social Media:

Share articles with social media is something that needs to be done to get backlinks.Although in fact these backlinks from social media nofollow status. But with so many users of social media today, then it has been a great opportunity to bring visitors and backlinks more.

Share Reviews On Online Forums:

Today, more and more online forums available on the internet. With the purpose and limits of each topic chosen or offered by the manager of the online forum.

Several well-known online forums that can be used to share a link to get a backlink, like kaskus.co.id, forum.detik.com, forum.kompas.com, bersosial.com and others.

Or if interested in reviews-reviewed about cryptocurrency you can use the service forum.bitcoin.co.id.

Submit Articles to Social Bookmarking Sites:

The third addition to the above, social bookmarking is also noteworthy. There are many social bookmarking dofollow we can find on the internet.

Always Blogwalking and Leave a Comment:

Blogwalking then commented of course we do this. But the obstacles we do not routinely perform this way. Though the last to leave comments blogwalking will boost our popularity as a blogger to blog/website that we manage.

Of course this is our emotion run with etikad well, that does not spread hatred, or most simply do not spam.Five ways to get a lot of quality backlinks on top if we do regularly it is not possible blog/website we will grow popular in the eyes of search engine.

From Author!

Hope these effective five ways will help you to achieve your future gaol.Consider it worth useful? then please share it with your friends and make it worth useful for others,and there are many ways to build backlinks to your blog, but choose streets commendable for the sustainable future blog.

Improve seo like this is something that does need to be done, especially for someone who monetize their blogs.

Hopefully the above reviews can be useful for you, warm greetings, Thank You!
Baca selengkapnya

How to Increase Blog Visitors from Search Engines.

Komentar
How to Increase Visitors from Search Engine - 
From several sources of you have read that the quality of a blog today is determined by how many were visited/found your blog from search engines or search engine. If in ancient times we often see on blogs or sites that are initiated bertukal link with banners, but for now it is no longer effective, and even becomes dangerous if done because the blog will be considered spam.

We all also certainly have read that to increase blog traffic that commented here and there blogwalking alias, but once again, even this is not counted as something that can improve the quality of the blog.

But that does not mean each comment is not allowed anymore, this is (for me) still would be a good thing, if done with a sense of responsibility for the content of comments and appreciate ethical commented. Each time a search engine (say Google) updating algorithm, then at the same time there are ways of optimization that must be stopped and continues to run, but some optimizations that should be developed and pursued in order to respond to the demands of the new algorithm.

However, once again I want to emphasize that what needs to be done to favorite blog, that makes the blog looks charming and mighty in the eyes of the search engines, especially Google search engine. That is, for the blog are on the first page of search engine when someone write keywords that match the content of our blog.

Well, how to realize it? Any optimization? And what should be done in continuity? Well, the following will be explained in general to be done to get and increase visitors from the search engines, especially Google search engine.

How to Increase Blog Viewers of Search Engine/Search Engines:


1. Optimization SEO on page and fill out the optimization SEO off page:

I alluded a little bit about what is meant by the second optimization, seo on this page relates to reciprocal optimization template and post/article (which occurs in a blog/website), such as keywords, description, title tags, H1-H6 tags (if allowing please use it all, but if not, minimal use up any tags H3, H1 and H2 which is the title of the post), keyword density, keyword placement and images on the article, while for optimization seo off page associated with the use of media bookmarking which later became External link (not directly from the blog/web is concerned) that appear in the search engines.

Although seo it is something very mysterious, does not mean that nothing is configured in it. The most important thing in implementing SEO is understanding first, then really understand then apply that understanding in a blog/website.

2. Create a quality article that uses title tags and description that solid content:

If processing a blog, quality articles are not only judged by the originality of the article, but also should pay attention to the implementation of a competitive post title yet packed with unique and convincing way.

In addition, another thing to note when each new article is a description create a proportional, not just in the first paragraph only, but includes all the content, especially the emphasis on the word or phrase that is used as a keyword in a search engine.

Most bloggers do not dare to compete in the niche is already crowded and dominated by a large site in search engines, but if you really seriously implement the important points of this post from top to bottom, it is not possible to be able to serve your blog website these competitors.

In addition, here are some important things to consider before and after making the article.

Frequently create articles every day:

For a new blog, new to flap its wings, which also has to do is memperpadat frequency in the post the article. For long blog also, this should be done in order to maintain a blog viewer that has been collected. Minimum of 2 articles per day instead of 10 articles every 10 days.

Highlight key points in an Article:

This can be done by mem-bold, italics, underline and give H2 or H3 tags on certain sentences that the main point in an article.

Avoid using external links alive if the blog/website others:

I think it's clear, and you also already know what the consequences. Yes, making the life of external links to other blogs will only reduce the seo of the article. If a particular link was important to include in the article, it is good to link to a specific blog sloped, or in other ways that are important not made live.

Publish something New:

Publish something new is highly preferred actions google, but if it has not been able to find new ones while required to have to make every day the article, review info-old and write more interesting.

Do not get hung up on the word if the word is Synonymous:

That is, we must mengkolaborasi words have the same meaning.

For example the word 'article', 'posts' and 'content' or the word 'visitor', 'visitor' and 'viewers', efforts are made ​​equal words that are included in the article (according to the article discussion).

If in the preparation of scientific work or thesis indeed it is not allowed. As with the process the blog, a combination of the words as it must be considered in order to enrich the keywords and description of a post, of course taking into account the popular word used in search engines.

In addition to the key points above, the following matters you should consider continuity or continuous basis.
  1. Cleaning "Crawl Errors" on Webmasters periodically; Webmasters that are kept clean and there is no error, we know that google does not like to link the error.
  2. Noting loading blog ; to remain mild in access by anyone ranging from the use of low and fast internet quota, by minimizing the use of JavaScript, jQuery and widgets.
  3. Using a mobile-friendly template; that is a template that is not only responsive but is also very light on access by visitors who use mobile devices.
  4. Smart use of tags H1, ​​H2 and H3; namely on the post (not the homepage) is a post title H1 and H2 tags, key points are H2 and H3. If possible, padukanlah H1-H6 tags in the template (not just in the post only).

Thank You!

Share Your Suuported Ideas Regarding To This Article,Simply Make A tweet To @MrAbdullahMalik.
Baca selengkapnya

Minggu, 26 Juli 2015

5 Fastest Ways to Lose Blog Bounce Rate

Komentar

Easy Ways to Reduce Bounce Rate Percentage Website/Blog:-

Percentage calculations are based on the amount of bounce rate of visitors who opened your blog through search engines but do not open the page more posts. The greater visitors who exit without opening another page in the blog, the greater the percentage obtained bounce rate of your blog, or less so about what it means to bounce it. Right or not open the other links on the blog that we manage are fully belongs to the readers/visitors blog, therefore we can not blame anyone and anything unilaterally. However, it is not impossible that this has nothing to attempt and another way to lower the bounce rate is the percentage rate.

In fact, that makes visitors are not interested in reading another article treats on our blog most likely due to the navigation and layout templates that do not make the reader uncomfortable and irregular.However, on the other hand we have to understand that it is not forever High bounce rate is not good for the website.

There are several types of websites that do not need to be worrying high level and low bounce rate percentage value, such as for website marketing that has only one page view prospects. In contrast to the website/blog that presents reviews, tutorials and information continuity, certainly strive so that the smaller bounce rate is something that needs to be done. In order to appear more good quality blog by the search engines and visitors/visitor of the blog.

Easy Ways to Reduce Bounce Rate Percentage Website/Blog:

1.Use simple blog template design, responsive and mobile friendly:

Template mess with the view that semeraut obviously will not make readers uncomfortable. The thing to do is pay attention to the appearance of the template from an inconspicuous color selection, font type, structure and seo valid template, and make becoming responsive and do not forget optimization as soon as possible into a mobile friendly. With a view template but elegant as it is, it is guaranteed to be a visitor will feel at home last read other posts on your blog.

2.Optimize loading blog to all devices:

Performance heavy blog will obviously be difficult to compete from all sorts of desires that we expect to blog. Not only about the problem bounce rate, even more than that, a blog that loading time will make visitors run and reluctant to return to the blog.By optimizing the blog loading to a minimum, both for the desktop and mobile, then visitors to the blog will be easier and comfortable open dish the next article, and swelling percentage of bounce rate can be avoided.

3.Use anchor text that is relevant and not excessive:

Anchor text is one of the seo techniques that should be applied each time to post an article. However, use with neat, relevant and not excessive. By using anchor text with the neat, relevant and not excessive, will arouse the interest of the reader to click on the link anchor text. By doing so, the blog was saved from an increase in the percentage of bounce rate.

4. Use the navigation widget to another article:

The use of widgets also need to be applied for the purpose of lowering the percentage of bounce rate. Widget is a widget installed seo and user friendly, easy in the navigation widget by readers of the blog,widget in question is related post and recent post has been modified such that the zoom be user friendly.

5. Avoid the use of pop-up ads:

Who is not annoyed with pop-up ads?
Instead of pop-up ads, even there are some visitors who are not very happy with the display ad from a blog / website (for just a few). You should avoid using pop-up ads is that, if you want visitors to feel comfortable to surf on your blog also good for the quality of the blog because of the declining percentage of bounce rate. If it is pressed for vobia see the blog on their own without the ads, try switching to another alternative without pop-up ads.

From Author!

Hopefully by doing all of the above 5 bounce your website/blog increasingly slim.Thanks for reading!
Baca selengkapnya

Selasa, 21 Juli 2015

Ultimate Techniques To Black Hat and White Hat SEO

Komentar
Dear Reader! First of all Eid Mubarak To You!
After great event of Eid,lets enjoy the blogging techniques.On this occasion I will discuss Some SEO (Search Engine Optimization) Techniques White Hat SEO and Black Hat SEO which can mate to apply for consideration for your future blog.

Editors Choice
Search Engine Optimization Beginners Guide To SEO,The Only Do It YourSelf Guide.

White Hat SEO Techniques:

White hat SEO is SEO optimization efforts are good and true and does not violate the TOS that has been set by the search engines.To all the bloggers who want to obtain good results in the SERP pages are advised to apply SEO techniques this one.White hat SEO main goal is to raise the page rank blogs to page one in the search engines.Indeed, this technique takes longer, but safer and friend can put their trust in Search Engines. Is not it great if your blog or site mate frequently visited by the Search Engines?

In addition, visitors Blog stable mate will be crowded and if my friend managed to optimize a page on the Search Engines. Techniques in use by a White hat SEO is very simple as long as diligent and have a desire to update the posting every day (not like this blog).

Stringing words or writing on a blog is not easy as my friend imagined, but the search engine is very pleased with the original content. Here are some white hat SEO techniques, including: Content Optimization Blog Improving the quality of blogs by always presenting quality content and original.

Here are some white hat SEO techniques, including:

Content Optimization:

Improve the quality of your blog content by always presenting quality content and original.It means that you should always publish well research posts that you have in your own mind,don't copy others content.

Keyword Optimization:

Perform various keyword optimization correctly without manipulating the color and font size with the keyword density of the content is not more than 3.5% or 5% in ratio.Now,you may called them ideal keywords for your next blog post.

Optimization Blog URL:

Do not make a specific url redirect to another page when a visitor opens the link and it certainly strengthens seo optimization by entering keywords into the blog url.Its awesome to fix a custom 404 error page to your blog.In this way you are able to lessen this fault.

Doing Link Building:

Doing link bulding correct and not out of the path of white hat link building seo like building naturally and not by way of buying quality backlinks from blogs which have a high PageRank.

Choose Of Template:

In choosing a template or the display also includes one White hat seo techniques that can be done, so choose the template that is SEO friendly and do not forget to set the CSS to streamline so be fast loading blog. Blog lightweight highly favored by search engines.

Meta Tags Optimization:

Install Meta Tag this is very helpful especially the title and description to note is the robot and the exact title under head tracker so that the content clearly read all the markup code. To place the white hat seo titles as keywords and descriptions, it is better placed in the following elements;
  1. Title Blog
  2. Meta Description
  3. Meta keywords
  4. Heading to the element h1-h6
  5. Alt tags that can be optimized in the picture
  6. Title Tag
  7. Links containing keywords
  8. Directional information
Creating content that is relevant and shows relevant information as well, that is if you want to sell a product then sportive not make another keyword which is inserted into the content so that visitors also know the intent and purpose of the blog with the appropriate product.

Good Backlinks:

Look for good backlinks from sites that had high PageRank or have PA (Page Authority) and DA (Domain Authority) high, also submit to directories and search DoFollow backlink sites are one way / in accordance with the content of your blog.

Ping Regularly:

It is advisable to perform regular Ping techniques well as publish a new post. But do not do too often because the Ping will be considered spam. If my friend made many posts in a day, just do it once Ping.

Blog Post Socializing:

Do it by relying on Facebook and Twitter or other social networks, which need to be noticed when linking link must have the appropriate title with a discussion on the blog.

Black Hat SEO Techniques:

Black Hat SEO with black hat logo mascot is an optimization technique a blog to get the first position in the search engines, but by way of Illegal and fraudulent.

Indeed, the effect of Black hat SEO is very fast can be seen the result but not the least affected blogs google sandbox or even getting banned for wearing a black hat techniques this.So its my suggestion to you leave it and focus on white hat seo techniques.

But for those my friends who are still intrested,lets begin :-D

These techniques attempt to try to trick the search engines.Can be used by means of the use of hidden text, keyword charging, the fake page, and others. Their goal is the same as White Hat SEO, namely to get the first rank in search engine results, but only for a short time.

Therefore, Black Hat SEO is not a good technique to be practiced. If my friend running a business in the blog, I recommend not to use this technique, because it will cause loseless effect in site's ranking and seriously search engine decreases it dramatically.

Here are a few black hat SEO techniques, including;

Link Farming Techniques:

Techniques Black Hat SEO Link Farming is a technique of collecting links on one page of a blog or website. That is on one page only lists links are huge numbers can be up to hundreds or even thousands of links.

Stuffing Keywords Engineering:

Techniques Black Hat SEO keyword stuffing is the application of excessive keyword, where a blog page that contains a word that is repeated or unnatural.

Invisible Text Techniques:

For Text Techniques Not Seen is a technique to hide keywords in the blog that words will not be visible by naked eye. You do this by matching the color of the background paper template.

For example if white background template we then create the text color becomes white. Posts that are not visible can be seen by way of blocks all pages by way of ctrl + a point to select all the text is hidden. Another way is to look at the page source of the page.But these annoying google rebot to not index your content.

Title Repetition Techniques:

Repetition of title techniques Black Hat SEO techniques meant looping contents where title only contains a repetition of the title. Easy to do, for posting such title techniques  SEO  and then there was only a repetition of the title of the post and there was no need to add other texts again, it's just been enough. Usually such technique is applicable to new keywords in google or emerging at google.

A few reviews regarding the Technique White Hat SEO and Black Hat SEO,may broaden bloggers. Thank you for being here.

From Author:

These are few tricks that actually are trchniques,using these techniques you can achieve your future gaol.Still you have any dout releted to any query then please share it with me,I shall tried my best to encounter it.

Thank You!
Baca selengkapnya

Jumat, 19 Juni 2015

Mashable Expanding With Counter Social Media Sharing Widget For Blogger Blog.

Komentar
.
Mashable is one of the leading social media when it comes to technology out there with millions of reader and subscriber. Their web designers are always a step forward when it comes to their blog's user experience.

Mashable Mashshare social sharing widget is one of the best widget that I have seen so far in my blogging history. This social media sharing widget includes Facebook, Twitter, Google+, LinkedIn, StumbleUpon and Pinterest. This widget becomes unique because it has a counter for total shares and has expanding effect.

This widget uses Jquery to create an Expanding effect on the button and Css for the style, and of course Html for the structure of the widget.You can follow the steps below to add this Mashable Mashshare social sharing widget to your own blogger blog today!

Instructions To Follow:

Step No.1

  1. Blogger Dashboard→Your Blog
  2. Template → Edit HTML Tab
  3. Find <b:skin> By Pressing (ctrl+f)
  4. Copy the following code and paste it before <b:skin>

Code:

<link href='http://fonts.googleapis.com/css?family=Raleway%3A400%2C800%2C700&amp;ver=1.0' id='googlewebfont-css' media='all' rel='stylesheet' type='text/css'/>

Step No.2

  1. Find ]]></b:skin> By Pressing (ctrl+f) anywhere inside your template.
  2. Copy the following code and paste it before ]]></b:skin>

CSS Code:


#sharrrrre{
float:left;
margin: -10px 5px 0 0;
padding: 15px 15px 15px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4kGeFg6-1SchIEswRe_X-Jz2IJzGM-wqPH-oni_bWEqRCZL5Tb4FuWHEoO-MO9GywHciRRhQetLyNl8ql433jCihpMjTrMOVVqdx52ziJBdBU2U0HHEErCe71sFnGOL6PuZ5bLfZ-adg/s1600/diagonal.png) no-repeat 100% 50%;
);
}
.sharrre .count {
  color:#7fc04c;
  font-weight: bold;
  display:block;
  font-size:50px;
  position:relative;
  text-align:center;
  text-decoration:none;
  width:100px;
  line-height: 40px;
  padding: 0;
}
.sharrre .share {
  color:#666;
  display:block;
  font-size:10px;
  height:10px;
  text-align:center;
  text-decoration:none;
  width:100px;
  padding: 0;
}
@import url(http://fonts.googleapis.com/css?family=Raleway:600);
.social-div a{
text-decoration:none!important;
display:inline-block;
}
.social-div a img{
display:inline-block;
width: auto;
height: auto;
margin: 0 8px 0 -5px;
vertical-align:middle
}
#socialshare{
display:inline-block;
vertical-align: middle;
text-align: center;
color:#ffffff;
font-size:16px;
padding:14px 20px 15px 20px;
text-decoration:none;
font-family:Raleway;
margin-right:5px;
-webkit-font-smoothing:antialiased;
-webkit-text-rendering:optimizeLegibility;
}
#socialshare:active {
padding: 15px 20px 15px 20px;
margin-bottom: -1px;
}
#socialshare:hover{
opacity: 0.9;
}
.share-toggle{
position:relative;
display:inline-block;
cursor:pointer;
vertical-align:middle;
text-align:center;
color:#fff;
}
.share-toggle a{
color:#fff;
text-decoration:none;
}
.social-div{
vertical-align:middle;
}
#expand-social{
display:inline-block;
position:relative;
vertical-align:middle;
height: 53px;
}
#social-expand{
display:inline-block;
vertical-align:middle;
position:relative;
top:0px;
left:0px;
}
.expand {
box-shadow: 0px 3px 0px 0px #c5bebe;
background:#cdcccc;
position: relative;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 200%;
}
.expand:active {
box-shadow: 0px 1px 0px 0px #c5bebe;
height: 41px;
margin-bottom:-1px;
}
.expand:hover {
opacity:0.9;
}
.expand-minus{
display:none;
}
.socialshare2 {
width:50px;
height:50px;
display:inline-block;
}
.socialshare2:active {
height:51px;
margin-bottom:-1px;
}
.socialshare2:hover {
opacity:0.9;
}
.ubhfacebook{
background:#507bbf;
box-shadow: 0px 3px 0px 0px #4671b5;
}
.ubhfacebook:active{
box-shadow: 0px 1px 0px 0px #4671b5;
}
.ubhtwitter{
background:#63cef2;
box-shadow: 0px 3px 0px 0px #57c4e9;
}
.ubhtwitter:active{
box-shadow: 0px 1px 0px 0px #57c4e9;
}
.ubhgoogle-plus{
box-shadow: 0px 3px 0px 0px #43454c;
background:#4d4f54 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFG9R4rKcfUVpt53SnZvaQi2OGx4WUVMlKgaPN_o3k0-jiTYsENaL6MEnPrF_EwOlSNN6CjMBxhA2UeQ5RQb2bz6G70wpYpSOZGCtysyVIw_IsSgcpwPibiErV_4feRqn2ezznXln6VSk/s20/g+.png) no-repeat center;
}
.ubhgoogle-plus:active{
box-shadow: 0px 1px 0px 0px #43454c;
}
.ubhlinkedin {
box-shadow: 0px 3px 0px 0px #12a4db;
background:#1aace3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifbCeUIVCEGp-kJ0aHR9djvkXz9MF-64UyCzg4SYc_K1swCSPQaB7rmvpiE-i1NqSId713WxB5y9cN6xawefuQQ4Y2NBatMhb_wLw2buREdua6FpnXYs1a4adsxK1ApMw3XnjjS41av2w/s20/in.png) no-repeat center;
}
.ubhlinkedin:active{
box-shadow: 0px 1px 0px 0px #12a4db;
}
.ubhpinterest{
box-shadow: 0px 3px 0px 0px #e85756;
background:#f16261 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuF1r6B5zcDXaiGqQoD4wem9AptdxYCQ2SUXYnrZcZc5ZGv46X2lLdge6rgDB_cSFua8ozvwngFo0PU56ammakBvfEOgSlyHjGBvUQ_Yhx3MMeZpyMZY75OKPz38AlsAQHq74MfE_Knew/s20/pinterest.png) no-repeat center;
}
.ubhpinterest:active{
box-shadow: 0px 1px 0px 0px #e85756;
}
.ubhstumbleupon{
box-shadow: 0px 3px 0px 0px #f5a635;
background:#fdaf40 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrqoxcStoZ7mqv0zGUHwzIRHpf8oHlVByrKrC2Otz89N4v9sJ9Upnf3IHDQSeTA-GWxZ-4KlhJkhFxoyRYrEwtfEqzK1DgFcWHJvZ-qX0jDBYpcgsadEF1R2xDWcoRkR9eBoKAsXYMJEo/s20/stumble.png) no-repeat center;
}
.ubhstumbleupon:active{
box-shadow: 0px 1px 0px 0px #f5a635;
}

Step No.3

  1. Find once again such tag <div class='post-footer-line post-footer-line-1'>
  2. Copy the following code and paste it before <div class='post-footer-line post-footer-line-1'>

 Code:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='social-div'>
<div id='sharrrrre'>
  <div data-title='SHARES' id='shareme'/>
</div>
<div style='display: inline-block; margin-bottom: 20px;'>
 <a class='ubhfacebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' id='socialshare' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'>
 <img src='https://googledrive.com/host/0B8D3MQmcZTyvN1kzV3lfS2h6NW8'/>
 Share on Facebook
 </a>
 <a class='ubhtwitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' id='socialshare' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'>
 <img src='https://googledrive.com/host/0B8D3MQmcZTyvVXp2Qm5OSzRMUmM'/>
 Share on Twitter
 </a>
</div>
<div id='expand-social' style='display:none;'>
<a class='socialshare2 ubhgoogle-plus' data-title='Google+' expr:href='&quot;https://plus.google.com/u/0/share?url=&quot; + data:post.url' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'>
 </a>
<a class='socialshare2 ubhlinkedin' data-title='Linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;source=&quot; + data:blog.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' target='_blank'>
 </a>
<a class='socialshare2 ubhstumbleupon' data-title='Stumble-Upon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'>
 </a>
<a class='socialshare2 ubhpinterest' data-title='Pin it' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'>
 </a>
</div>
<div class='share-toggle'>
<div id='social-expand' onClick='toggle(&apos;expand-social&apos;);'>
<div class='expand-plus expand'>+</div>
<div class='expand-minus expand'>-</div>
</div>
</div>
  </div>
</b:if>
You have done,but remain another :-D

Step No.4

  1. Find once again such tag </body> by pressing (ctrl+f)
  2. Copy the following code and paste it before </body>

HTML Code:

<script src='http://code.jquery.com/jquery-1.7.min.js'/>
<script src='https://c8e27177358b76154f67a92cab4608cc54cd08c0.googledrive.com/host/0B72-8N3aLQVmai0zWDl1U1AxeTQ'/>
<script type='text/javascript'>
 $(function(){  
    $(&#39;#shareme&#39;).sharrre({
  share: {
    googlePlus: true,
    facebook: true,
    twitter: true,
    stumbleupon: true,
    linkedin: true,
    pinterest: true
  },
  enableTracking: true,
      enableHover: false,
});
  });
</script>
<script type='text/javascript'>
function toggle(d)
{
$(&quot;#&quot; + d).animate({width:&#39;toggle&#39;},400);
}
$(document).ready(function(){
$(&quot;#social-expand&quot;).click(function(){
$(&quot;.expand-plus&quot;).toggle();
$(&quot;.expand-minus&quot;).toggle();
});
});
</script>
Congratulation:You have successfully installed this widget to your blog!

Customization:

You might not see <div class='post-footer-line post-footer-line-1'> in your template so please look for any similar code, and also you can paste the code anywhere you want the widget to be shown.

Hope you like it. Express your thoughts by leaving a comment. Until next time, Thank you!
Let me know if you're facing any problems installing this widget.
Baca selengkapnya

Rabu, 17 Juni 2015

Add Popup Facebook Like Box To Blogger Blog

Komentar
.
hover_share
As we all know, Facebook is the leading social media on the internet today with millions of user loging in each day. We can take advantage of this great opportunity to acquire a variety of readers around the globe. Adding a Popup Facebook Like Box is one of the great ways to generate likes and earn traffics from a huge variety of audience. When someone liked your content and shared it with their friends on Facebook, it can generate you a lot of traffic and help your blog grow. Follow the easy steps below to add this great widget.

Instructions To Follow:

Step No.1

  1. Go to Blogger Dashboard→Your Blog
  2. Template→Edit HTML Tab
  3. Now find in template the tag  <b:skin> by pressing (CTRL+F)
  4. Copy the following code and paste it just above <b:skin>

JavaScript Code:


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet'/>

Step No.2

  1. Find </b:skin> by pressing (CTRL+F) inside blogger template
  2. Copy the following code and paste it just above </b:skin>

CSS Code:

#ubh-likebox-bg {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#ubh-likebox-bg-out {
width:100%;
height:100%;
}
#ubh-likebox {
background:#fff;
padding: 20px 10px 10px 10px;
top: 20%;
left: 33%;
position: absolute;
-webkit-box-shadow: inset 0 10px 0 0 #3b579d;
-moz-box-shadow: inset 0 10px 0 0 #3b579d;
box-shadow: inset 0 10px 0 0 #3b579d;
}
#ubh-likebox-out {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #e1e1e1;
z-index: 999;
}
#ubh-likebox-out:before {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: none;
content: "\f00d";
text-align:center;
display: block!Important;
width: 40px;
height: 40px;
line-height: 40px;
background:#3b579d;
  }
#ubh-likebox-out:hover:before{
color:#fff;
  }

Step No.3

  1. Now find again for tag </body> in blogger template
  2. Copy the following code and paste it before </body>

Code:

<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie(&#39;popup_user_login&#39;) != &#39;yes&#39;){
$(&#39;#mba-likebox-bg&#39;).delay(100).fadeIn(&#39;medium&#39;);
$(&#39;#mba-likebox-out, #mba-likebox-bg-out&#39;).click(function(){
$(&#39;#mba-likebox-bg&#39;).stop().fadeOut(&#39;medium&#39;);
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='mba-likebox-bg'>
<div id='mba-likebox-bg-out'>
</div>
<div id='mba-likebox'>
<div id='mba-likebox-out'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FUrduBloggingHub&amp;colorscheme=light&amp;show_faces=true&amp;show_border=false&amp;stream=false&amp;header=false&amp;' style='width:390px; height: 230px;'/>
</div>
</div>

Step No.3

Save Your Blogger Template and Now See Your Blog With Awesomness!

Customization:

  1. Replace UrduBloggingHub with the URL of your Facebook page
  2. If you would like the Facebook Like box to popup every time the page loads, then remove $.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });

Need Help?

We hope this tutorial helps you further decorate your blogs like never before and create beautiful widgets that may engage your readers even more. Let us know if you need any help via comment section below.There you have it! Until next time, happy blogging! :)
Baca selengkapnya

Sabtu, 30 Mei 2015

How to Create and Setup Custom 404 Error Page In Blogger ?

Komentar
Hy Blogger!

 Have you ever heard the term "Custom Error Page 404"? This is a modified 404 Error page that is more interesting. This time I will discuss "How to Create and setup Custom 404 Error Page in Blogger."

 Let's do a quick survey: what do usually you do when you click a link and encounter a "404 File Not Found" error?
  • Do you click on the BACK button of your browser and go somewhere else?
  • Try to back up one directory in the URL (ie, web address) and try again?
  • Write to the webmaster of the site and the referring site to inform them of the situation?
If you are like most people, you'll simply click on the BACK button and try another place. The majority of people don't even know that there are any other alternatives.
You thus need to do something so that you do not lose this group of people who come to your site by following an old link or by typing your URL incorrectly.

 But Firstly,Let me explain what is Custom 404 Error Page ? and how it works ?

What Is Custom 404 Error Page?

Custom 404 error page are used to provide the best and interacting interface to your website or blog when someone enters wrong URL path or opens a broken URL by mistake. The main purpose of 404 error pages is to reduce Not Found errors in Google webmaster tools. And it also helps improve user engagement with your site.

 404 error pages are those web pages which are not available on your website or blog. And it display 404 not found error when anyone enters incorrect address in the browser.

How Custom 404 Error Page Works?

Customize 404 pages are those which we create to provide easy navigation to help the visitors by adding some HTML and CSS coding in our blogs.And it also helps improve user engagement with your blog.

Where Is The DEMO,Screenshot Of Custom 404 Error Page?

Wait!
There is it.


How To Create & Setup Custom 404 Error Page In Blogger!

From the above discussion I think you know a lot about Custom 404 error page,now just explain how to design this error page in blogger.If you wanna insert it to your blogger blog then follow the instructions below.

Instructions To Follow:

  • Go to Blogger Dashboard→Your Blog
  • Template→Edit HTML
  • Search for that tag <meta charset='utf-8'/> by pressing Ctrl+F
  • Copy and paste the code below under the code <meta charset='utf-8'/>

HTML Code:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
  • Now find </head> tag in your template
  • Copy the code below and paste it above code </head>

CSS Code:

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
.error-container{background-image: url(http://1.bp.blogspot.com/-zHS2luoiNTM/VTZJiQmK7RI/AAAAAAAAJxw/D1Kiy-euLXM/s1600/blog-bg.jpg);}
div#undefined-sticky-wrapper,div#blog_header,.container,#footer-wrapper,.backtotop,.top-menu,span.bg-opacity-inner,.bg-opacity p{display:none!important;margin:0;padding:0;overflow:hidden;}
#copyright {background-color:rgba(0,0,0,0.3);margin:auto;margin-top:-70px;}
.error-header{margin-top:-100px}
.error-title{line-height:42px}
.error-title span{background:#ed522e;padding:2px 10px;}
.error-image img{display:block;font-size:72px;font-weight:700;height:150px;margin:10px auto 40px}
.error-container{background-color:#101524;display:table;height:100vh;overflow-x:hidden;width:100%}
.error404 .anonymous{margin:0 auto 20px;display:block}
.error-404{background:rgba(0,0,0,.7);display:table-cell;vertical-align:middle}
.error-404 .page-content p{color:#c8c8c8}
.error-title{color:#fff;font-family:&#39;Patua One&#39;,sans-serif;font-size:42px;font-weight:400;text-transform:uppercase;margin:.67em 0;text-align:center}
.search-title{font-size:48px;color:#3f3f46}
.page-content,.page-content p{color:#797979;font-size:18px;text-align:center}
.btn.back-to-home{background:none;border-radius:0;color:#fff;font-weight:400;left:40px;line-height:24px;opacity:.8;padding:10px 30px;position:absolute;text-transform:capitalize;top:40px;z-index:99}
.back-to-home:hover{color:#c9a96e;}
.back-to-home i{font-size:14px;margin-right:3px}
@media only screen and (max-width:479px){
.back-button-container{max-width:80%;width:80%}.page-content .back-to-home{width:100%;margin:10px auto}.error-header{margin-top:30px}.error-title{font-size:24px;line-height:32px}.page-content,.page-content p{font-size:14px}.error-404{padding-bottom:60px}.page-footer{padding:20px 10px}}
</style>
</b:if>
  • Now find the tag <body> by pressing Ctrl+F
  • Copy and paste the code below under the code <body>

HTML Code:

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div class='error-container'>
 <a class='btn back-to-home' expr:href='data:blog.homepageUrl'><i class='fa fa-home fa-fw'/>Back to Home</a>
    <section class='error-404 not-found text-center'>
        <header class='error-header'>
            <div class='error-image'>
                <img alt='404' src='http://1.bp.blogspot.com/-Gb2gYMW4VC0/VTZJg0pSIrI/AAAAAAAAJxo/CXhWMecSCNI/s1600/anonymous.png'/>
            </div>
          <h1 class='error-title'><p><span>Oops!</span> That page can&#8217;t be found.</p> </h1>
        </header>
        <div class='page-content'>
            <p>It looks like nothing was found at this location.</p>
        </div>
</section>
</div>
</b:if>
  • After this,SAVE your template.You have done successfully.
That Is It :-D

Visit your blog now and be the first to see it live.It must be working fine if you did not miss any step. The process is little long but well worth the time.If you're unable to get it working then you can leave a comment with your blog URL and I'll surely check it.Thanks.Stay Blessed!
    Blogger! Congratulation: You have successfully Installed this plugin to your blogger blog!

    Baca selengkapnya
    Langganan: Postingan (Atom)