My eMania: Blogging

Showing posts with label Blogging. Show all posts

Saturday, 13 December 2014

Enabe Meta Tags and Search Description in Blogger

When we are searching anything on Google, we always see a piece of text line just below the search results.Those Lines are very helpful for us because it determine whether that’s the site which you were looking for. If we wouldn't specify Meta Description for our blog or website, search engines will automatically set for blog/website according to Content.

In this tutorial i'll tell you that how can you enable Meta Description and Search Description.

Meta Tags are very important for Seo and it will help you to drive more traffic on your blog or website.

Search description will help search engines crawler to index your page highly based on description added to blogpost.So here we are going to learn that how can we enable these two features.

How to Enable Meta Tags

First you need to enable meta description for your Home page to add search description to every single post.To Enable Meta Tags and Search Description in Blogger just follow below simple steps.

Go to your Blog Dashboard → Setting → Search Preferences
Now edit Meta Description as shown in Snap

Click on yes button to enable Meta Tags and Search Description
Add your blog description in box, This description will apear for your home page
Click on save changes button

How to Add Seo Meta Tags in Blogger

How to Enable Search Description in Every Post

Once we have enabled Meta Tags for home page then blogger will automatically enable Search Description for individual post.When you will edit your old post or Create New Post, You will see new section in sidebar which is "Search Description" where you have to write description of your post. This Description will appear below your post title when some one searched it for in Google or any other search engine.

Facing Trouble for Meta Tags

Here is the one problem! sometimes Custom Blogger Templates doesn't work with it. In order to work properly with custom blogger templates you will need to insert a short code in your template which we will solve this problem. Simple follow the below steps.

Go to Dashboard → Template → Edit HTML
Now Search for <head> once you find it just after it paste following code

<b:if cond='data:blog.metaDescription != ""'>

<meta expr:content='data:blog.metaDescription' name='description'/>

</b:if>

3. Save your template now it will work properly

Conclusion

That was our first part of SEO and Search Preferences settings and I hope it will bring more visitors for your blog. IN SHA ALLAH we'll discuss every thing of Blogger SEO. If you are facing any Difficulty then kindly leave comment below. Take Care

Friday, 5 September 2014

Blogging, Seo Tips

6 Recommended Settings for Writing An Article

Being a blogger, updating your blog is very necessary for you blog career. Today I'll share some SEO Settings for writing an article by using that techniques surely your blog will get high page rank and visitors by Search Engines as well.

Here are the 6 Recommend Settings for writing and article on you blog.

1. Choose Post Topic Carefully

This is the very important thing for writing a blog post and article. You should choose that topic which your users want to read. Your topic must be original and unique, and should attract your users.

2. Check the Competition

Always see what other peoples are doing, what are they posting, what is hot on their blogs. You should get general hints before posting some thing on your blog.

3. Check Latest Trends

Make your self to follow the news and latest trends on different social media sites. Post something about what's hot. Writing on latest trends will help you to get more traffic on your blog and it will also tells search engines that your blog or website gives latest contents.

4. Research about Keyword

You have to post something bur you are finding words to define? You should research on keywords that which keyword is highly used. You can use Google's own Keyword Planner for this purpose.

5. Be a Good Writer

A good blogger should be a good writer because a good writer knows how to writer for a blogger. So, you should adopt this quality of a writer then you be able to write for readers and also for search engines like Google, Yahoo, Bing etc.

6. Words Limit

There is now word limit for writing a blog post. But according to SEO experts your post should contain minimum 300 words for avoiding any penalty. Recommended limit is between 500 and 700.

From Editor Desk

So, this was some settings before writing a post.You must be learn these settings for getting high position of your blog post in SERP.

Blogger, Blogging, Widgets, WordPress

Elegant Subscription Box for Blogger & WordPress

rdPress & Blogger and today I'm going to share a email subscription with my loyal readers which is named as Elegant subscription Box for Blogger.

This Widget has attractive and superb look and ensure this widget will attract your user to subscribe for your Newsletter and your reader will engage for long time with your website.

Useful Features:

This widget has Elegant and Responsive Look.
It is user friendly
This widget is easy to customize.

How to add Elegant Subscription Box in blogger

For adding this widget to blogger Go to your Blog's Dashboard → Layout → Add Widget →HTML/Java Script and paste the following below code in it.

<center>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MyeMania', 'popupwindow', 'scrollbars=yes,width=70%,height=520');return true" class="login">
<h1>SUBSCRIBE TODAY</h1>
<img src="http://png.findicons.com/files/icons/2198/dark_glass/128/mail_appt.png" alt="Smiley face" align="LEFT" height="48" width="48" /> <center><font size="3" color="white"><span style="line-height:25px"> Sign up and receive our free Newsletter  </span></font></center><br/>
<input type="hidden" value="MyeMania" name="uri" />
<input type="email" name="email" class="login-input" placeholder="Email Address" autofocus />
<input type="hidden" name="loc" value="en_US" />
<input type="submit" value="Subscribe" class="login-submit" />
</form>
</center>
<style>
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
padding: 15px 0 0 0;
width:200px;
color: #993300;
    text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}
a.tt:hover span.top{
display: block;
padding: 30px 8px 0;
    background: url(bubble.gif) no-repeat;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 8px;
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
color: #548912;
}

::-moz-focus-inner {
padding: 0;
border: 0;
}
:-moz-placeholder {
color: #bcc0c8 !important;
}
::-webkit-input-placeholder {
color: #bcc0c8;
}
:-ms-input-placeholder {
color: #bcc0c8 !important;
}
.input {
font: 12px/20px "Lucida Grande", Verdana, sans-serif;
color: #404040;
background: #ebc9a2;
}
.input {
font-family: inherit;
font-size: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.login {
padding: 18px 20px;
width: 80%;
background: #3f65b7;
background-clip: padding-box;
border: 1px solid #172b4e;
border-bottom-color: #142647;
border-radius: 5px;
background-image: -webkit-radial-gradient(cover, #437dd6, #3960a6);
background-image: -moz-radial-gradient(cover, #437dd6, #3960a6);
background-image: -o-radial-gradient(cover, #437dd6, #3960a6);
background-image: radial-gradient(cover, #437dd6, #3960a6);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
}
.login > h1 {
margin-bottom: 20px;
font-size: 24px;
font-weight: bold;
text-align: center;
color: #fff;
        text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}
.login-input {
display: block;
width: 90%;
height: 37px;
margin-bottom: 20px;
padding: 0 9px;
color: white;
text-shadow: 0 1px black;
background: #2b3e5d;
border: 1px solid #15243b;
border-top-color: #0d1827;
border-radius: 4px;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
}
.login-input:focus {
outline: 0;
background-color: #32486d;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
}
.lt-ie9 .login-input {
line-height: 35px;
}
.login-submit {
display: block;
width: 100%;
height: 37px;
margin-bottom: 15px;
font-size: 14px;
line-height: 10px;
font-weight: bold;
color: #294779;
text-align: center;
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
background: #adcbfa;
background-clip: padding-box;
border: 1px solid #284473;
border-bottom-color: #223b66;
border-radius: 4px;
cursor: pointer;
background-image: -webkit-linear-gradient(top, #d0e1fe, #96b8ed);
background-image: -moz-linear-gradient(top, #d0e1fe, #96b8ed);
background-image: -o-linear-gradient(top, #d0e1fe, #96b8ed);
background-image: linear-gradient(to bottom, #d0e1fe, #96b8ed);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
}
.login-submit:active {
background: #a4c2f3;
-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
}
.login-help {
text-align: center;
}
.login-help > a {
font-size: 11px;
color: #d4deef;
text-decoration: none;
text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.login-help > a:hover {
text-decoration: underline;
}
</style>
<div style="text-align: right;">
<a href="http://probloggingcafe.com/ target="_blank">Pro Blogging Cafe</a></div>

Customization

Once you have pasted this code just change "MyeMania" with your feed burner adress.
You've done! Now it will help you to increase your subscribers. I hope you gonna like this email subscription widget for bloggers and wordpress.

Thursday, 4 September 2014

Blogging, WordPress

How Newbies Can Make a Free Blog with WordPress

If You are a Student, Teacher, Designer or just someone who wants to write about something personal and to hear opinions of others so you must give a try to WordPress.com.WordPress is a free personal publishing platform.It is SEO Friendly and very easy to use. Free wordpress blogs and Blogger blog are same but the Difference is that Content Management System (CMS)

Basic Introduction to WordPress

It was first released on May 27, 2003
By December 2011, version 3.0 had been downloaded over 65 million times
Now WordPress Blogging Platform is the most popular Cms in the world

Why Beginner Start Blogging with Free WordPress Blog

As we know that Word Press also offered Self Hosted blogs/Web but for those Websites or Blogs it needs Practice. We recommend you to give a try to Free WordPress Blog and once you got expertise in it then you will easily make a wordpress website (Self Hosted Website)

How to Make WordPress Blog?

Here I'll tell you How can you Make Free Wordpress blog with step by step guide

First of all go to WordPress.com and follow these steps
Click on Get Started button over there.
Enter your vilid email address
Choose your user name
Choose Your Password for login to your word press account

You have two options to choose for starting new blog
If you want to choose the upgrade version of WordPress just click on Upgrade Button which will allow to use more features i.e online file space and more bandwith. Note this option is chargeable according to the price mentioned over there.

The Second option is for the free Wordpress blog which you need to have at starting level. If you realy want to buy Hosting Plan so Kindly Don't choose "Upgrade" option because there is anthor way for creating word press website which is called Self Hosted WordPress website. Now click on create free blog button
Further Steps

Login into your email account which you already have written in form
Check inbox for new mail from word press
Open Required Email
Click on Conformational link in that mail and conform your email
as soon as you confirmed your email you'll receive an other email in which you will get login details of your free word press blog

Stay tuned and feel free to ask any question in comments, I'll be happy to answer every questions

Blogging, Widgets

Styleism Hover Effect Social Widget

Blogger.com is that place where every one try to stylize their blogs with awesome widgets, an the great feature of blogger platform is that every one can customize their blog according to their desire choice, that is why adding any widget to blogger is very easy.As a blogger my advice to you is keep your blog/website simplest, but it should be stylized and beautiful and thus it will help you to engagement of your visitors with your blog & money.Surely add some necessary widgets on your blog such as Facebook Like Box, Email Subscription widget and such other relevant to this.So today I have bring a very attractive Styleism Hover Effect Social Widget which you will like IN SHA ALLAH. Styleism widget look like this

I've created this widget by HTML and CC3 coding. This widget will attract your user to visit your blogs' social profiles i.e Facebook page, twitter etc.This widget is faster as your blog mean it will be loaded faster.

Features of Styleism Hover Effect Social Widget

This widget is full of features we have added following features into this widget which will force your reader to check your social profiles.

It has Stylish Look.
It is included all social profiles buttons.
Easy to Customize .

Now It's Time to add this widget to your blog

<div id="mbl-social-hover">

<div class="tota2"><img src="http://3.bp.blogspot.com/-VjCNk4hkVug/UlUipxpT_HI/AAAAAAAAAUA/2W4UBEGjErQ/s1600/subscribeus-probloggingcafe.blogspot.com.jpg.png" /></div>

<a href="https://www.facebook.com/ProBloggingCafe" class="facebook" title="Like Us on FB " target="_blank"><div class="tota"><img src="http://2.bp.blogspot.com/-EKfwnTf4FEY/UlUk8XAYK0I/AAAAAAAAAUs/qFZJLjm_kCQ/s1600/facebook-probloggingcafe.blogspot.com.jpg.png" /></div></a>

<div id="links"><a href="http://twitter.com/abbasizaibi" class="twitter" title="Follow us on Twitter" target="_blank"><div class="tota"><img src="http://1.bp.blogspot.com/-2j5uNVMWB4o/UlUjK0h51eI/AAAAAAAAAUQ/g6bdILMwuWU/s1600/twitter-probloggingcafe.blogspot.com.jpg.png" /></div></a>

<a href="https://plus.google.com/u/0/116584889067969030899" class="google" title="Google Plus" target="_blank"><div class="tota"><img src="http://1.bp.blogspot.com/-FG2WRGZ3ho0/UlUit-jCH-I/AAAAAAAAAUI/44Rlcick5C0/s1600/google-probloggingcafe.blogspot.com.jpg.png" /></div></a>

<a href="http://pinterest.com/zaibabbasi" class="pinterest" title="Pinterest" target="_blank"><div class="tota"><img src="http://1.bp.blogspot.com/-pZtYZwi7mhI/UlUjzT6gv-I/AAAAAAAAAUg/S2E2XpVNmbU/s1600/pinterest-probloggingcafe.blogspot.com.jpg.png" /></div></a>

<a href="http://feeds.feedburner.com/ProBloggingCafe" class="rss" title="Feedburner" target="_blank"><div class="tota"><img src="http://2.bp.blogspot.com/-Wd14oB3XsnI/UlUjrByeJyI/AAAAAAAAAUY/vozwNz2y0d4/s1600/rss+feeds-probloggingcafe.blogspot.com.jpg.png" /></div></a>
</div></div>

<style>.tota2 { margin-left:15px; margin-top:10px;}.tota { margin-top:7px; }#mbl-social-hover{position:relative;width:240px;height:400px;background:#554e4c url("http://3.bp.blogspot.com/-IkByAkJr5Do/UlUimYemnJI/AAAAAAAAAT4/tw5zl0AF2pM/s1600/vintage-probloggingcafe.blogspot.com.jpg.png");}#mbl-social-hover #title{font-family:'Open sans';font-size:28px;color:#fff;font-weight:600;margin:30px 20px 0;text-align:center;line-height:1.1em;text-shadow:1px 1px 1px rgba(0,0,0,0.3);}#mbl-social-hover #title span{display:block;font-size:14px;line-height:1.5em;margin-top:10px;font-weight:400;}#mbl-social-hover #links{position:absolute;bottom:0;width:100%;}#mbl-social-hover a{display:block;padding:0 20px;height:42px;line-height:42px;color:#fff;font-size:12px;background:rgba(0,0,0,0.08);border-top:1px solid #4c4644;border-top:1px solid rgba(0,0,0,0.1);-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}#mbl-social-hover a:hover{background:rgba(0,0,0,0.15);text-decoration:none;}#mbl-social-hover a.twitter:hover{background:#79dbff;}#mbl-social-hover a.facebook:hover{background:#6e9bee;}#mbl-social-hover a.google:hover{background:#00be00;}#mbl-social-hover a.pinterest:hover{background:#cb2027;}#mbl-social-hover a.rss:hover{background:#ffae42;}#mbl-social-hover a span{height:15px;line-height:15px;width:15px;text-align:center;margin-right:20px;font-size:13px;padding:5px;border-radius:99px;background:rgba(0,0,0,0.1);}#home-tagline{text-align:center;font-size:32px;color:#000;font-weight:300;margin:60px 0 40px;}#home-tagline strong{color:#ff5421;font-weight:300;}#home-highlights{margin-bottom:40px;}.home-highlight{float:left;width:142px;padding:30px 0;margin-right:21px;text-align:center;font-size:13px;display:block;opacity:0.9;color:#796f6c;font-size:40px;background:#e2e0df;background:rgba(0,0,0,0.04);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}.home-highlight p{margin:0;}.home-highlight:hover{color:#3a3534;text-decoration:none;background:rgba(0,0,0,0.1);}.home-highlight-title{font-size:13px;margin:7px 0 0;text-align:center;color:#796f6c;cursor:pointer;font-weight:900;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}.home-highlight:hover .home-highlight-title{color:#3a3534;}#home-featured{min-height:400px;margin-bottom:37px;}#home-featured .home-divider{margin-top:0;}#home-featured h2{text-align:center;font-size:32px;color:#161414;font-weight:300;margin:0 0 40px;}#home-featured h2:after{display:block;content:"";width:342px;margin:0 auto;height:1px;background:#161414;margin-top:5px;}.featured-theme-entry-content{font-size:16px;float:left;width:430px;font-weight:300;}.featured-theme-entry-content h3{font-size:21px;line-height:1.4em;margin:0;font-weight:400;}.featured-theme-entry-content .button{margin-top:15px;}.featured-theme-entry-content .button:hover{background:#f5634a;opacity:1;}.featured-theme-entry-img{display:block;float:right;margin-right:5px;}.featured-theme-entry-img a{display:block;padding:6px;background:#fff;border-radius:2px;}#featured-theme-slider .flex-control-nav{position:absolute;top:-20px;left:-54px;}#featured-theme-slider .flex-direction-nav{margin:0;}#featured-theme-slider .flex-direction-nav li a{background:#312d2c;cursor:pointer;display:block;height:70px;line-height:70px;width:30px;color:#fff;text-align:center;margin:-30px 0 0;position:absolute;top:50%;-moz-transition:background 0.3s ease-in-out 0s;opacity:0.15;border-radius:4px;}#featured-theme-slider .flex-direction-nav li .flex-prev{left:-90px;}#featured-theme-slider</style>

Customization
for customization of this widget you have to change following Links with your own links

Change this link https://www.facebook.com/ProBloggingCafe with your facebook page link.
Change this link http://twitter.com/abbasizaibi with your twitter link.
Change this link https://plus.google.com/u/0/116584889067969030899 with your Google Plus Page Link.
Change this link http://pinterest.com/zaibabbasi with your pinterest profile link.
Change this link http://feeds.feedburner.com/ProBloggingCafe with your Blogs's Feedburner address.

Wednesday, 3 September 2014

Blogger Templates, Blogging

Top 5 Free Blogger Template's Websites

Millions of peoples are doing blogging and without any doubt Blogger is the one of most famous platform because you can customize your blog with free blogger templates and widgets according to your choice.
As we know that there are so many themes for blogger platform but but when you google for them you do not found them responsive and seo friendly but don't worry I've have found Top 5 free Blogger Templates Websites.

While searching for these websites i took care about that theme should be Beautiful, Responsive and Seo Friendly. So after doing hard research I've found the below five websites which gives free blogger templates.

1: Templateism

Templateism was founded by Syed Faizan Ali in December of 2012 which is a project of My Blogger Lab. It provides us High Quality Professional themes for Blogger Platform for free. Their themes are highly seo friendly and Reasponsive, this is the reason of their familiarity.

2: Sora Templates

Sora templates is another famous place for free blogger themes. Most of their themes are stylish and responsive.

3: Btemplates

This is third most useful website for finding blogger themes for free.this website

contained thousand of free theme which mean you can stylized your blog easily.

4: Deluxetemplates

This is aslo famous place for blogger themes which are free of cost.it is
not only offer blogger template but WordPress also.

5: Btemplates4u

Btemplates4u contained a lot of free blogger themes and WordPress as well. Most of their themes are slimier to each other.

Conclusion:

So it was the list of top five free blogger templates websites from where you will get themes for your website it means now your blog will be more stylized and seo friendly. For any question leave your comment below.

Tuesday, 2 September 2014

Blogging, Freelancing Websites, Make Mone Online

Top 5 Freelancing Websites in 2014

In this New Year there are more opportunities to online work from home. Are you also in the list of those people who are searching for work on online marketplace? Huh? Today I will share 5 best websites where you can work as a freelancer and make more money in 2014. Each website has its own popularity and importance. More marketplaces you join the more chance to earn money.

1: oDesk:

It was founded in 2005 by Odysseas Tsatoalos and Startis Karamanlakis. This is the perfect place for working as a freelancer. You can get easily jobs at this marketplace in very less time.

2: Elance:

It is another great and effective website for building your freelancing career. Wait, Let me tell something to you getting job on elance is not so easy but it’s also not impossible. Because there is high competition at elance and people gives importance to those who have spent a long time on this website and have great experience. So, you will have wait for a little time for getting hire.

3: Craogslist:

Craigslist was started in 1995 and it’s headquarter is in San Francisco. Some People thoughts that Craigslist is just only for online sellers and traders, then their thoughts are wrong. Actually it is a place where people can hire you for Content writing, Search Engine Optimization, Web developing, Web Designing or any other thing in which you are perfect. If you make you portfolios and Showcase stylish on this site then there more chance to get hired.

4. Freelancer:

Without any doubt Freelancer is a perfect marketplace for freelancers. Trillions of Projects are being posted on daily bases and freelancers are also being hired. In this marketplace many peoples apply but make sure that you have enough skills before applying for this website.

5. Guru:

Guru is an amazing marketplace for freelancer for Language experts, PHP developers, Content writer and Search Engine Optimization. On this site clients and marketer works with a great pleasure.

From Editor's Desk

So, It was the shortest tutorial that how can you work with freelancing and make money. If you need any help tell us your problem in comments and do not forget to leave your feedbacks about this article.