Blog Yahyagan | Web Design | SEO Tutorial | Blogging Tutorial | Adsense Tutorial

Vintage Style RSS Subscribe And Other Social Bookmark Icons Gadget For Blogger

noreply@blogger.com (Yahya Ayyash) — Wed, 02 May 2012 07:50:30 PDT

After long time i didnt update my blog because my computer are infected by malicious software lol. And now i will share a Vintage style and other sociaal bookmark icons gadget for blogger, i promise this gadget will make your blog looking smoothy.
Little note : I get this tutorial from spiceupyourblog web design
First, you can see the demo by clicking here

Vintage style and other social bookmark icons for blogger

Below is the code for the widget, you can add it manually to Blogger in a Html/Javascript gadget or use the one click add to blogger button below the code. Either way make sure to replace my links in yellow with yours. For Wordpress go to Appearance > Widgets > Add the code to a text widget, once again make sure to change the links in blue.

#0b5394 <style>
a:hover {background-color: transparent;opacity:0.7;}
</style>

<a title="Rss Feed" href="http://feeds.feedburner.com/blogyahyagan" rel="nofollow" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-7xLpiOL7LV4/T1dZNM3ohWI/AAAAAAAAF50/eAtpntBl00k/s1600/rss_48x48.png" /></a>

<a title="Subscribe Via Email Rss" href="http://feedburner.google.com/fb/a/mailverify?uri=blogyahyagan&loc=en_US" rel="nofollow" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-RZ_nVthHme8/T1dZK5PsCwI/AAAAAAAAF5o/FCKub8KoUWQ/s1600/mailrss_48x48.png" /></a>

<a title="Follow On Twitter" href="http://twitter.com/blogyahyagan" rel="nofollow" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-_NF0RIdyat4/T1dZNqD06qI/AAAAAAAAF54/DEOr2Sx0hAU/s1600/twitter_48x48.png" /></a>

<a title="Find Us On Facebook" href="http://facebook.com/blogyahyagan" rel="nofollow" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-PTB2YQAQpcI/T1dZJ-qJIfI/AAAAAAAAF5c/-NcV2BAiWec/s1600/facebook_48x48.png" /></a>

<a title="Add To Circles" href="https://plus.google.com/b/108200902911276741668/108200902911276741668/posts" rel="nofollow" target="_blank"><img border="0" src="http://1.bp.blogspot.com/-REgYqi5zpsM/T1dZKferBMI/AAAAAAAAF5g/PXfik8LGPZY/s1600/googleplus_48x48.png" /></a>

Finally save it. And the vintage style rss subscribe and social bookmarking icons gadget for blogger will appear on your blog

How To Create Facebook Like Box On Blogger

noreply@blogger.com (Yahya Ayyash) — Sat, 07 Apr 2012 00:54:58 PDT

How To Create Facebook Like Box On Blogger. Until now, Facebook still be the first social media networking on the world. So if we optimize our facebook network (Fanpage) we can earn more visitor to our site. But how to optimize our facebook network? I think put a like box on our site is a great way, more followers you have more visitor you get.

And now i will share a tutorial how to create facebook likebox on blogger

1. Click this link to go to the facebook developers page

2. And now fill the form

Facebook page url : Fill it with your facebook page url, if you doesnt have it you can create it first. Click here to create facebook page
Width : The like box width
Height : The like box height
Color scheme : The like box color
Show face : Do you want to show face of your page followers?
Border color : The likebox border color
Show stream : Do you want to show the latest post of your site?
Show header : Show the 'find us on facebook' text on the top of like box

3. After fill the form now click the 'get code' button
4. After copy that code the html code to your site.

How To Add The HTML Code to Blogger

1. Login to blogger

2. Go to layout page

3. Click add a gadget

4. Choose HTML/Javascript

5. And then paste the html code from facebook

6. Save it

Facebook Logo

Put your question below

How to create facebook like box on blogger

How To Create A Blog With Wordpress

noreply@blogger.com (Yahya Ayyash) — Sat, 17 Mar 2012 00:50:33 PDT

How to create a blog with wordpress
Wordpress, a better way to blog. I have shared a tutorial to you How To Create a Blog With Blogger. And i have said to you that blogger is the best service to create a professional blog, even when there is another site service that can helped you how to create a blog, like wordpress.com. Wordpress is the biggest rival for blogger. Many professional web designer used wordpress as their platform, wordpress used PHP as their language. Not like blogger, if you want to install some widget on wordpress, you need a plugin. Some plugin are free but there's many plugin that you must pay for it. Its your choice if you want to create a blog with blogger or wordpress. Ok so now i will share a tutorial to you how to create a blog with wordpress.

Wordpress logo

How To Create A Blog With Wordpress Service

Step 1. Go to wordpress.com or you can click this url below

http://www.wordpress.com

Step 2. Click the "Get Started Here" button on the top left.
Step 3. After that fill the form

Blog Adress :Insert your blog address that you wanted, if you want to used .wordpress.com domain its totally free but except .wordpress.com you must pay for that.
Username : Insert your username that you wanted for login
Password : Insert your password
Confirm : Re-type your password that have you entered before
E-mail address : Insert your email address
What your language : The language that displayed if you have login
Thinking about upgrading : Do you want to upgrade your wordpress account? If you want, you must pay US$99/year.

Step 4. If you have fill the form, click the "Create Blog" button on the bottom
Step 5. After that you must confirm your account, open email that have sent to you directly from wordpress
Step 6. And that's it, now you've a wordpress account!!!
Ok guys thanks for visit my blog, hope this article can helped you. How to create a blog with wordpress service

How To Create A Blog With Blogger

noreply@blogger.com (Yahya Ayyash) — Fri, 16 Mar 2012 02:00:08 PDT

How To Create A Blog With Blogger
Blog or microblog now are used by a thousand people over the world. And now many people can earn some money from their site or blog. If you searched on google "How To Create A Blog", you'll found some free service that can help you how to create a blog.
Few years ago, if we wanted to create a blog or microblog we must learn and understood HTML, CSS or PHP programming language. But now some free service that helped you how to create a blog are more easy to learn. You can create a blog or microblog without understand any programming language like HTML, CSS or PHP.
Blogger, i think blogger is a best free site service to create an awesome blog. You can create a blog without understand any programming language. But if you could, you can add some PHP, CSS or HTML code to blogger. So your blog or site is more awesome. Or if you cant understand any programming language but you want to create an awesome blog (Exactly on the web design) you can download a template for blogger, some site are give it for free but maybe you must purchased for premium blogger template
And now i will tell you how to create a blog with blogger

Blogger and Rss Icon

How To Create A Blog With Blogger Service

Step 1. You must have at least 1 Google Account (Gmail Account)
Step 2. You must at least 18 Years Old (If you want earn money from your site with google adsense)
Step 3. Now type this url on your browser or you can click this url above

http://www.blogger.com

Step 4. Click the sign up button on the top right corner
Step 5. Fill the form

Email address (Your gmail address/google account address)
Retype email address (Retype your email address)
Enter a Password (Your password for login)
Retype Password (Retype your password
Display Name (Your display name/author name, it will shown when you've posted a new post)
Birthday (Your birthday date)
Word Verification (Insert the word that have displayed on the image)
Acceptance Of Terms (Thick it)

Fill The Form (Click to Zoom)

Step 6. Click the continue button (On the bottom right) if you've fill the form
Step 7. Fill the form again

Blog Title (Insert your blog title Example : Blogyahyagan)
Blog URL (Insert your blog URL .blogspot.com Example : http://blogyahyagan.blogspot.com)

Click to zoom

Step 8. Click continue button (On the bottom right) if you've fill the form
Step 9. Choose a starter template (Just pick one, after you've completely registered on blogger you can edit you template or download a new template)
Step 10. Click continue button (On the bottom right) if you've fill the form
Step 11. You've done, your blog has been created. Now you can started to blogging. Just go to blogger.com again and sign in with your own ID.

Ok that's it, you've done. If you've some question you can put your comment above.

Awesome Rss, Facebook and Twitter Counter Widget For Blogger

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 22:30:34 PDT

Awesome Rss, Facebook and Twitter Counter Widget For Blogger
Rss, Facebook and Twitter is the most useful media to promote a website for developer.
Why Rss, Facebook and Twitter become the most useful media for website developer?
Because 52% people in this world used internet to open any social media like Rss, Facebook and Twitter. Just try to compare Rss,Facebook and Twitter
1. Rss has Alexa rank #1 because its a subdomain from google.
2. Facebook has alexarank #2 in world wide and #2 in USA. They reach 44,6% Internet User/day
3. Twitter has rank #9 on world wide and #8 in USA. Reach for 8% Internet user/day.
So i estimate that 52% People in this world will open Rss, Facebook and Twitter per/day.
And web developers see a chance if they optimize their social media network.
Now, how about you? Do you have a Rss, Facebook or twitter account? And are you a web developers? Are you optimize your Rss, Facebook or Twitter account?
If you asked me "Are you optimize your social media account?"
Exactly i will answer "Not yet!"
I just have 88 Rss Subscriber, 14 Facebook Fans and 1486 Twitter Followers.
I think its a little on rss and facebook and i think thats enough on twitter. So how to optimize your social media account?
i guess that you can install a Rss, Facebook and Twitter Counter widget on your site.
As you can see on my sidebar, you'll look a Rss, Facebook and twitter counter like this


Rss, Facebook And Twitter Counter For Blogger

Ok now lets we go to the step, how to install awesome Rss, Facebook and Twitter Counter Widget For Blogger
1. Login to blogger
2. Go to design-layout
3. Find </b:skin> code
4. Copy this code below before </b:skin> code

.rss-mbt {
background: url(http://1.bp.blogspot.com/-6P9c5xiGqPU/T17Et5uLpmI/AAAAAAAAALo/QvZiuuXH5WQ/s1600/rss+sepia.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 5px;
}
.twitter-mbt {
background: url(http://4.bp.blogspot.com/-O3HOVJkubI8/T17FOcKcXEI/AAAAAAAAALw/zGnWePejV74/s1600/twitter.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 10px;
}
.facebook-mbt {
background: url(http://3.bp.blogspot.com/-zKnfvx3p4tw/T17EsygOsMI/AAAAAAAAALg/WHYxobQI9no/s1600/fb+sepia.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 10px;
}
.follower-rss, .follower-twitter, .follower-facebook {
font-family: Georgia,  sans-serif, Times;
font-size: 1.5em;
font-style:italic;
color:#D3C5B1;
padding-top:20px;
text-shadow:1px 1px #B2A99D;
}
.follower-rss a, .follower-twitter a, .follower-facebook a {
color:#AA9C89;
}
.follower-rss span {
font-size: 2.2em;
font-weight: bold;
font-style:italic;
}
.follower-twitter span {
font-size: 1.9em;
font-weight: bold;
font-style:italic;
}
.follower-facebook span {
font-size: 1.9em;
font-weight: bold;
font-style:italic;
}

5. After that save it.
6. Go to layout and click "add a gadget" button
7. Copy this code below

<div class='rss-mbt'>
<div class='follower-rss'>
<span><a href='http://feeds.feedburner.com/BlogYahyagan'>88</a></span> loyal readers</div></div>
<div class='twitter-mbt'><div class='follower-twitter'><span><a href='http://twitter.com/#!/blogyahyagan'rel="nofollow" >1491</a></span> followers</div></div>
<div class='facebook-mbt'>
<div class='follower-facebook'><span><a href='http://www.facebook.com/blogyahyagan'>14</a></span> followers</div>

</div>

8. Finally save it.
Congratulations, you've dont to install the widget. So this is it the "Awesome Rss, Facebook and Twitter Counter Widget For Blogger"

Note
- Change the url with you own account url
- Change the number (Counter) with your own

Blog Yahyagan Launched A New Template Again

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:12:40 PDT

Hai guys, now i will share a new template again. Yeah i dont know why i loved to create a template, i just modify my latest template as you can see on Blog Yahyagan New Look
The template is called Yahyagan Dashed Lines
Ok this is the template information

The Template Look Like
Name : Yahyagan Dashed Lines
Author : Yahya Ayyash
Date : 13 March 2012
Author URL : - http://yahyagan.blogspot.com
- http://blogyahyagan.blogspot.com

Its a smoothy template and i think you'll love it.
But because i have spent my time to create this template, you must pay for it

Plan 1
Just US$ 3
Plan 2
US$ 2,5 (But you must like my fanpage and subscribe my blog after that you must send an email to me to confirm)

Template Feature
- 1 Sidebar
- 4 Column Footer
- Subscribe box and search box
- SEO Friendly
- Comment page with reply button
- Breadcrumbs that will indexed on google
- Related Post
- Advertisement Area
- Main Navigation
- Elegant
- And much more...

Note

If you want to buy my template you can contact me via email, facebook or twitter
And if you have bought my template and you wanted to used image as logo the image size must be 400x130.

The new logo

And by the way i just create a new logo design for blog yahyagan, and now i change the title into "Blog yahyagan - place of creativity" haha

How To Get 100 Facebook Like Per Day

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:44:00 PDT

Hai guys, are you looking for facebook likers? If you searching on google with this query "How To Get Twitter Followers" maybe there's thousand website that explained how to do that. But if you search with "How to get facebook like" query, you'll not found anything. or "Free Facebook Likes For Website And Fan Page", i guess you'll not found any website like that.
Yesterday i visited a site called Spreadyourlike
So what?

Spread Your Like

Ya, Spreadyourlike is the simple way to increase your fanpage like.
Amazing, and now how to do that?
Ok that's simple, click here to go to the website Spreadyourlike.
1. Register on spread your like site
2. Go to add your site page
3. Fill the form

Page title = Fill it with your page title
Page Url = insert your page URL here. example : http://www.facebook.com/BlogYahyagan
Coint Per Like (CPL) = How many coint you give out if somewho like your page
Hint : The more coins per like you give out the faster you will gain new likes for your pages.

4. Click add website
5. Go to Listing page
6. Like some page to get coint
Ok that's it, the simple way to get facebook fanpage like

Latest Post Stylish jQuery Image Slideshow For Blogger

25 Dofollow Blog List With PR 5-3 2012

noreply@blogger.com (Yahya Ayyash) — Sat, 10 Mar 2012 00:39:01 PST

Hai guys, now i will share dofollow blog list again, yes the reason why i always share dofollow blog list to you is because

Commenting on dofollow blog list is effectively to increase your pagerank

If you get commented on dofollow blog list, you'll got a backlink. And more backlink you have, more pagerank get. So what are you waiting for? Lets commented on dofollow blog list
Its the list of the post that tagged dofollow

Dofollow Blog List 2012

And now i will share another dofollow blog list to you, from Pagerank 5 - 3.
So this is it 25 dofollow blog list with PR 5-3 2012

Yahyagan Blog
Gunners Blogs
Artikel Unik dan Seru
SmartBloggerz
TechChunks
CafeBlogger
TechnShare
FamousBloggers
TheMallBlog
Stompernet
BloggerUniversity
TycoonBlogger
WassupBlog
BlogJer
Businessfinancemag
TechJaws
Snoo
PolyGeek
Danemorgan
PHPCafe
BarryWise
Sirpi
Incsub
AZBlogTips
Hiswat

Ok maybe that's it, the dofollow blog list with PR 3-5 201. I hope this dofollow blog list will help to increase your pagerank

Create Beautiful Recent Comment Widget With Avatar on Blogger

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:43:19 PDT

Create Beautiful Recent Comment Widget With Avatar on Blogger
Recent comment is a cool widget for me, official blogger team has released the recent comment widget. But that's to simple, so now i will share a recent comment widget with avatar on blogger. Its a beautiful recent comment widget i had ever seen haha
So this is it, Create Beautiful Recent Comment Widget With Avatar on Blogger

You can see the preview on my sidebar, "Recent" on tab navigation.

The Step
1. Login to blogger
2. Go to design - add a gadget
3. Paste this code below

<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
    numComments     = 5,
    showAvatar     = true,
    avatarSize     = 50,
    roundAvatar    = true,
    characters     = 70,
    showMorelink    = false,
    moreLinktext    = "More ",
    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits    = true;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://blogyahyagan.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

4. And save it.

Stylish jQuery Image Slideshow For Blogger

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:42:32 PDT

jQuery is a great user interface and programming for web design. After long time i didnt write a post about jQuery now i will share nice article to you "Stylish jQuery Image Slideshow For Blogger"
I got this post from spiceupyourblog again haha.
Ok this is it Stylish jQuery Image Slideshow For Blogger

Step
1. You can see the demo by clicking here
2. Backup your template first
3. Design - Edit HTML - Expand Widget Template
4. Find </b:skin> code
5. Copy this code below before </b:skin> code

/* Start Slider Code From http://www.spiceupyourblog.com/ */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{display:none;position:absolute;}

ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;max-width:100%;}

ol.bjqs-markers{list-style:none;margin:0;padding:0;z-index:9999;}
ol.bjqs-markers li{float:left;}

p.bjqs-caption{display:block;max-width:96%;margin:0;padding:2%;position:absolute;bottom:0;background:rgba(0,0,0,0.7);color:#fff;-moz-border-radius: 6px;-webkit-border-radius: 6px;-moz-box-shadow: 4px 4px 4px #dddddd;-webkit-box-shadow: 4px 4px 4px #dddddd;}

}
/* End Slider Code From http://www.spiceupyourblog.com/ */

6. And now find </head> code
7. Copy this code below before </head> code

<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/9921010228/basic-jquery-slider.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$('#my-slideshow').bjqs({
'width' : 940,
'height' : 340,
'showMarkers' : true,
'showControls' : true,
'centerMarkers' : false
});
});
</script>

8. Save your template

Adding Gadget
1. Go to layout - Add new gadget
2. Choose HTML/Javascript
3. Copy this code below

<div id="my-slideshow">
<ul class="bjqs">
<li><img title="This is a caption." src="http://1.bp.blogspot.com/-6VtyHuKWXec/T00nRHDBfKI/AAAAAAAAFwQ/FwyFSdzpq5I/s1600/slider-image1.jpg"/></li>

<li><img title="This is a another caption." src="http://1.bp.blogspot.com/-PpkbSLY_9TQ/T00nR_BmGGI/AAAAAAAAFwY/B-WYpsKXJTM/s1600/slider-image2.jpg"/></li>

<li><img title="This is a another longer caption." src="http://2.bp.blogspot.com/-iywK-OLiBio/T00nPynnhOI/AAAAAAAAFwI/Sic5_siiUb0/s1600/slider-image-3.jpg"/></li>

<li><img title="This is a another much longer caption." src="http://1.bp.blogspot.com/-07WMvWuPh28/T00nUTHpPZI/AAAAAAAAFwg/zQp89S1-5fY/s1600/slider-image4.jpg"/></li>

<li><img title="This is a another longer caption that can be the lenght of the image or even longer onto the next line." src="http://2.bp.blogspot.com/-c5hZdFVFe1E/T00nVcWvScI/AAAAAAAAFwo/t7hX91c07Xc/s1600/slider-image5.jpg"/></li>
</ul>
</div>

4. Last step is save it
5. And you're done. Congratulations with your new slideshow gadget

Important

I've marked some text with other colour, and you can change the value or the text on the marked text with your own. Like Height and Width or Caption and Image

Next post Create Beautiful Recent Comment Widget With Avatar
Source : Spiceupyourblog

10 Best Tactics To Increase Blog Traffic

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:41:53 PDT

There's a thousand way to increase your traffic on the internet. But know i just give you 10 Best Tactics to Increase your blog traffic.
Without traffic you cant earn money from internet. So how to get more traffic to your site. ok follow this tips below.

Increase Site Traffic

1. Make sure that your blog design draws readers in.

You don't have to spend a fortune on the layout of your blog. A simple design that's modern and clean will encourage readers to check out your content. Don't underestimate the power of images; they can attract readers and increase your chances of being found by search engines.

2. Publish quality posts on a regular basis.

As Google and other search engines refine their algorithms, stuffing content with keywords is no longer a guarantee of a high search engine rankings. Publishing quality content that is useful, interesting and even controversial will attract readers, and make them want to come back for more.

3. Provide in-depth content once or twice a month.

In addition to short daily posts, publish articles once or twice a month that provide added value in your blog niche. Examples of in-depth content include lists of resources, how-to guides and detailed analyses of important issues. Spend extra time on these articles since your goal is attracting other bloggers who will link to your articles and readers who will return to your blog.

4. Use SEO wisely.

Search Engine Optimization (SEO) can help your content achieve higher search engine rankings. Learn how to use the Google Adwords Keyword Tool to identify popular keywords related to your content, then add these keywords in a natural way to your posts. Use relevant keywords without overdoing it; overusing keywords will decrease the quality of your content and discourage readers from returning.

5. Use outbound links.

Provide links to useful content elsewhere on the web as a service to your readers. Outbound links can also help your blogs get noticed by the owners of the sites you link to and increase you search engine ranking.

6. Add tags to your posts.

Your blogging platform should allow you to add tags (also known as metatags) to each post. They are keywords that described the information in the post. Tags are used by search engines to help identify relevant content for searches.

7. Build relationships with your readers.

Allow your readers to comment on posts and ask questions (use an approval mechanism to thwart spammers). Foster two-way conversations, and build reader loyalty by posting responses.

8. Spend time networking.

Spend time finding out where your potential readers hang out online. Become an active member of your niche community by reading other blogs and leaving useful non-promotional comments that contain the URL of your blog. Other readers who like your comments will be encouraged to click through to your blogs.

9. Invite readers to subscribe.

Provide standard mechanisms to allow readers to get updates through e-mail and RSS feed. Your blogging platform should already have the tools to do this.

10. Use social networking to promote your posts.

When you publish an especially useful post, submit it to social bookmarking sites like Reddit, Digg and StumbleUpon. You can also set up Facebook, Twitter and Google+ accounts that link to your blog and update them when you publish. Some successful bloggers take promotion one step further with a dedicated app that notifies readers of updates.

Next Post 250 Dofollow Blog List 2012

Source : Spiceupyourblog

6 Tips To Keep Your Post Engaging

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:40:57 PDT

The most important think to increase your visitor is "the quality of your article" or "the quality of your content". Yes, content is the king. With the fresh and unique content, other people may be interest to your site or blog. But sometimes, you've create an unique and fresh content but no one people visited your blog article. Maybe it cause your article wasnt engaging your readers, so people wouldnt to come to your blog.

Blogger

So How To Keep My Blog Post Engaging
Yesterday i visited spiceupyourblog, ya like usual spiceupyourblog is my favorite blog for web design and sometimes i wrote spiceupyourblog article on my own blog. Ok back to the topic on spiceupyourblog i found a great article, called "Six Tricks to Keep Your Blog Post Engaging" i think it was a great article. And this is the article from spiceupyourblog.

Expert Writers are Always Avid Readers

Writing is an art. Just imagine being a painter who sees only your own work, or a musician that never listens to others. The talent fades away, or at best, never improves. The same principle of thriving on exposure to other's work is also true when writing. Reading a wide variety of works, from poetry to articles about article writing, enriches your own skills.

Logical Flow

After grabbing your readers' attention with a short introductory sentence or two, it is time to get to the meat of the article. Using a logical flow of ideas, you guide your readers carefully from point to point. Use transition words to ensure your readers are following along. Articles should not waste words and go meandering aimlessly from thought to thought. Your readers will abandon the article if they lose sight of the meaning.

Avoid Passive Voice

To keep the article as interesting and meaningful as possible, use active rather than passive voice. Much better to relate how the politician lost the election than tell how the election was lost by the politician.

Your Audience is the Star, Not You

Sometimes an author's voice is so powerful, it overwhelms the reader with its overbearing presence. The ultimate result is the reader loses sight of the message of the article, the essential information it contained. Instead, they can't help but hear the author's "loud" voice in their ear. Don't be that annoyingly boisterous voice on the TV advertisements. Instead, make your reader become absorbed in your message. Focus on attracting and holding the reader's attention with a gripping piece of information.

Appropriate Use of Vocabulary

Don't get tangled up in your vocabulary. Sometimes a flamboyantly turned phrase ends up being a confusing phrase for your reader. I once read an article on article writing that was so filled with metaphors, similes, odd vocabulary and allusions, the information the article meant to convey was entirely lost in its maze of language. Certainly, use a rich vocabulary, but if it sounds incredibly awkward when read aloud, it may not be an effective use of language! Words in articles are meant to convey meaning, not act as puzzles. Save that for your poetry and other creative writing.

Proofread, and then Proofread Again!

Finally, it is time to proofread and edit. It is unusually difficult for many writers to proofread their own work. You know what you meant to say, but your brain has a way of skipping right over mistakes, reading what you intended to say instead. Some people proofread and edit by reading an article from the bottom to the top, sentence by sentence. This helps prevent you from reading solely for the meaning, focusing your thoughts instead on the individual words. Although you know how tricky it is editing your own work, to others, it simply looks like you lack commitment to your writing if you don't edit to perfection. Use every grammar and spellchecker you have access to in order to facilitate your job.
6 tips to keep your post engaging

Next post 10 Best Tactics To Increase Blog Traffic

Source : Spiceupyourblog

250 Dofollow Blog List 2012

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:40:09 PDT

Hai guys, now i will update my dofollow blog list 2012. Included dofollow bookmarking site.
Ya to day i will share to you, the dofollow blog list 2012.
But what the meaning of dofollowbloglist?

DoFollow Blogs are Weblogs that have DoFollow Plugin installed. DoFollow Plugin removes the "NoFollow" tag from the comments. It means that if you submit a comment with your home page to these blogs then Search Engines will count that link as a back link. If you don’t use ‘DoFollow’ Plugin then search engines will ignore those links.

When submitting comments to these blogs please write some relevant and useful content. Don’t Spam! If you submit just one comment to all of them then it gives you more than 250 back links to your Website/Blog. And these 250 back links alone can get you a PR of 1 assuming you have quality search engine friendly articles.

So this is it

Dofollow Blog List 2012

99 Dofollow Blog List 2012

DaveDragon
DotSauce
FatManUnleashed
GospelRhys
Invesp
OnARidge
FatLadySingz
PixelHeadOnline
DarkSEOProgramming
SparkInternetMarketing
Revellian
DayJobNuker
Logon
JakobDK
Allscm
TriathlonTraining
YourWebsiteProfit
HowToWakeUpEarly
LondonerLife
VandelayDesign
LaughOutLoudDogs
RonaldoCamacho
BillHartzer
FootbagShop
NeoMeme
Marenda
SavingMoney
WomanStartYourBusinessNow
SunlightFlavor
TheBuffaloRiver.com
LifeSnippets.net
JoeBartender
OneMansGoal
MeloVillaReal
Web360
Jakeldaily
TallFreak
BaseballInvestor
TheDarkLightOfLove
LifeInTheRough
Sandossu
TheDailyFuzz
ErikKarey
BothMadAndGenius
ThreeSticks
RobertaFerguson
MarketingASolicitor
FruityOaty
PilotJohn
Mrgtp
RobNeville
NetMonetization
Salatti
LakeTrees
BowerBirdBeads
BloggersJourney
LosingProposition
EndangeredSpaces
SecretsOfUnlimitedProsperity
Amorphism
Health-HundredDayHeadstart
Jenny’sCorner
TheBrokenBow
TheDietDiary
Wealth Health Blog
JadeHat
Nice4Rice
Hem
News Notion
RealityWired.com
BrilliantCheers
Achille
OnTheWebEd
JonLee
ChrisHoyt
JulieAnnBonner
LinkItForMe
RamblingThoughtsBlog
BlogThatOutside
Tobsy
NOWG
CatchAFallingStar
SweetAgring
LayerCake
ErikSvend
Blogging Inc.
PajamaProfessional
MyOpinionsAreImportant
RoadLessTravelled
Foximus
BetShopBoy
5xMom
Derek Semmler
Linguistics Zone
Zr5
SmartWealthyRich
How To Split An Atom
The Alternative Self-Employment Blog
A Politically Incorrect Entrepreneur
CrayonWriter
BlogRaters
TagsKitchen
TradeMacro

Next Post 6 Tips To Keep Your Post Engaging

Source : minterest

Simple Tips to Reduce Bounce Rate

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:39:19 PDT

The web quality are determined by bounce rate. If you have more page view than your bounce rate, i think your site has a good authority and quality from google.

Decrease Your Bounce Rate

The basic idea of getting more page views is by making all contents of your website more visible to your readers.This is possible by some valuable widgets provided by blogger and other platforms.The most imporatnt of all widgets is Related post widget.
So this is it Simple Tips To Reduce Bounce Rate

RELATED POST WIDGET:

Adding related post widget below every post will make you reader to view more articles related to the post that a reader is viewing.There are many related post widgets offered b many sites but most important and more reliable are

POPULAR POST WIDGET:
Popular post widget also helps in increasing page views.A visitor may have landed on your site for some content,by seeing the popular contents of your site the reader may get interested with those topics and browse those articles.So page views are increased.This wigdet is officially released by blogger and also with more features like thumbnails of the post and post snippet.the next important widget that increases page view is Recent post widget.

RECENT POST WIDGET:
Many of the bloggers do not add the blog archive in their blogs.So the visitor will not come to know about the recent updates of the site.So there is a chance of losing page views by that visitor. So recent post widget will help visitor about the recent updated of the site and helps in increasing page views.The next most important factor is Reduce load time by adding read more option.

REDUCE LOAD TIME OF WEBSITE:
No one wants to wait for a long time to view a particular page that loads very slowly.This is because the post length is big and takes moretime to load.So there are chances that your visitor quits your site and also the visitor will not get a cahnce to see the posts related to that post and there by losing pageviews.The simple way to this is by adding Read more option for your lengthy posts.Adding readmore option for posts will be discussed in coming posts.

Use these valuble widgets for your site and increase your page views and gain more search engine visibility to your site.

Latest post Blog Yahyagan New Look

Source : http://www.classifiedsandseo.com

Docked Sidebar Gadget on Blogger Dynamic View

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:38:37 PDT

Maybe is too late for me to post this article, but its a great news for blogger user. Why?
Because "blogger team has launched Docked Sidebar on Dynamic Template"

What is Dynamic View?

Dynamic Views are a set of templates that make it easy and fun to explore a blog. As you might expect, we’ve made the gadgets interactive too. Instead of appearing in a panel that consumes valuable real estate on your blog, gadgets now appear in a dock that slides in and out as you move your cursor over them.

Dynamic view has launched by blogger team on 2011, and now they update it. The reason of why blogger user aren't use dynamic view on them site 90% is because "Dynamic view template doesnt have a Sidebar to place our widget". And now blogger team have update it i think some people are used dynamic view now.
And how about the Docked Sidebar Gadget on Blogger Dynamic View?

Look this screenshot below

Docked Sidebar on Blogger Dynamic View

Need more answer? You can visit the official blogger team here official Blogger blog.

Next post Simple Tips to Reduce Bounce Rate

Or Put your question below:

Blog Yahyagan New Look

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:38:06 PDT

Hai guys, my followers, my subscriber and somewho which read this article on my blog. Today i've completed my project, just my small project. Ya i've finished my own template, its my first template! Do you like it? Blog Yahyagan New Look

Homepage

Comment Page

And i'm very love the comment page, why? because i think it look like wordpress haha. I love blogger interface and feature. But i think wordpress interface are better, so i want a blogger template but the user interface is like wordpress. Finally i can do it!!
Template Information

Template name : Yahyagan
Author : Yahya Ayyash
Author URL : http://blogyahyagan.blogspot.com

And now i will publish this template to you. Hmm but sorry because i've spent my time to create and redesigned this template, so isnt free. But its always cheap.

Just US$ 3.00

and US$ 1.50 if you've like my fanpage, subscribe my feeds and follow my blog. (Just sent an e-mail to me yahyaganblog@gmail.com to verify that you've done).
Template Feature

1 Column Sidebar
Wordpress Style on Comment Page
4 Column Footer
SEO Friendly
Breadcrumbs
Beautiful Subscribe Box
Ads Ready
jQuery Tabs Widget
Etc.

Thanks for be my subscriber or followers, btw i will give this template FOR FREE just for 3 person. Contact me ok?

Next post Docked Sidebar Gadget on Blogger Dynamic View

Easy Way To Find .Edu Dofollow Blog With Your Own Niche

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:36:58 PDT

Easy Way To Find .Edu Dofollow Blog With Your Own Niche
.Edu site is the best way to increase your visitor? Why? Because .edu or .gov blog is the high authority domain from google. Its too hard if you want to got that domain. So if you got an backlink from .Edu site, it will help you to increase your pagerank.

And how to got .edu backlink?
Just make a search on google LoL.
I'am sure, just a make a search on google with this keyword below :

your keyword site:.edu inurl:blog "post a comment" -"you must be logged in"

Replace the "your keyword" word with your own keyword.
Or You want to got .gov backlink?
Make this search on google

your keyword site:.gov inurl:blog "post a comment" -"you must be logged in"

Replace the "your keyword" word with your own keyword.
Ok maybe thats it, now you can commented on .edu or .gov blog, but remember!! Dont Do SPAMMING!!!
Ok thanks

Next post Top 5 BuySellAds Alternative

Easy Way To Find .Edu Dofollow Blog With Your Own Niche

10 Tips To Increase SERP On Google

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:36:19 PDT

Google is the most popular search engine over the world. So if you want to optimized your revenue from the internet bussiness, you must optimize your SERP on Google. And How to Increase SERP On Google?
So This is it 10 Tips To Increase SERP On Google

Google isn’t going to notice you and give you automatic top billing just because you want it. It’s a long way to the top if you want to rock n’ roll (with Google). If you’re ready to start So, here are ten things you can do to help get noticed by Google.
Below 10 Tips Are Surely Increase Your Blog’s Search Ranking :
1. Make the URL of your web pages search engine friendly. That means use dashes between your words in the URL. Example: http://www.dailyblogtools.com/search-engine-friendly-page/
2. Link to the exact same domain every time. Don’t link to www.abc.com, link to http://www.abc.com. Be consistent in your linking, as Google treats these as two different domains.
3. Avoid getting sandboxed by Google by building links up slowly. Too many links too fast can result in penalization of your website, and worse yet, it can disappear forever.
4. Use social networking to promote your website. Social networking sites like Facebook and Twitter are now being counted as links in some manner, if they point towards your website. This doesn’t mean that you should spam your profile or fan page with links, but an every now and then link wouldn’t hurt.
5. Use RSS feeds to get deep links. If you have a blog, generate an RSS feed and see if you can get some quality backlinks through these RSS feed submissions.
6. Concentrate on targeted web traffic as opposed to general web traffic. This will engage readers further, and they’ll spend longer on your page. This could lead to more links, sales, and even more traffic.
7. Create a site map and submit it to Google. This will tell Google about every web page that your site has to offer, but won’t guarantee they will all be indexed.
8. Try to attract traffic through images. Google’s image search is a top source of traffic for many webmasters. Optimizing your site images can help Google tell what your images are, and you might get some additional traffic and links in the process.
9. Submit your website to web directories. Submitting your website to high quality directories are sometimes not free, but can help with search engine rankings. Your link will be placed into the category that it is most relevant, or you will find the category that is most suiting for your site.
10. Research keywords. Keyword research can help you rank better in Google through some simple, free tools available. The Adwords Keyword Tool is one way to get a list of keyword phrases to include in your website.
I Hope You Are Enjoyed This Article.I Think Above 10 Tips Are Help You To Increase Your Website Search Ranking In Google.

Next post Easy Way To Find .Edu Dofollow Blog With Your Own Niche

Source : Dailyblogtools

Top 5 BuySellAds Alternative

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:35:23 PDT

Instead google adsense, buysellads is the second website that can give you a lot of revenue from online advertising. But its very hard to get your website approved on buysellads, especially for .blogspot.com domain.
If you want your website to get approved on buysellads, you must have your own domain, not .blogspot.com. So if your domain is .blogspot.com, i will share to you this "Top 5 BuySellAds Alternative Website"

BuySellads approval ? is you are failed in BuySellAds Approval ! its time to try some similar websites like buysellads online advertising networks (alternatives for buysellads) .

5 Similar Websites Like BuySellAds.com

1. Advertise Space (similar website like buysellads)

advertise space is one of the best alternative/ similar website like buysellads advertising network.
The Easiest Self-Serve Online Advertising PlatformBuy and Sell ads on your website, blog, or iPhone app. Gain exposure by having your site featured in our premium ad buyer directory.
Link : http://www.advertisespace.com/

2.Puxee (similar website like buysellads)

Puxee also one of the best advertising network.its also one of the similar website like buysellads.com .Puxee is a new up-and-coming advertising network that is hoping to fulfill all the needs of advertisers and publishers.
Link : http://www.puxee.com/
3.Adsella (similar website like buysellads)

AdSella takes 20% revenue commission and allows the subdomain blogs (Blogspot.com).its also one of the best alternative for buysellads .
Link: http://www.adsella.com/
4.Blogads (similar website like buysellads)
One of the oldest ad network. BlogAds takes 30% revenue commission. It allows the text ads and you can select out of 3 types of account depending on your blog traffic.its also one of the similar website like buysellads.
Link : http://blogads.com/
5.OIO Publisher (similar website like buysellads)
It is an another BuySellAds alternative which works in a different way. You will have to install a feature rich plugin on your blog and after that it will take care of all advertisement related issues.so this is also one of the similar website like buysellads online advertising.
Link: http://www.oiopublisher.com/
Hope you are enjoyed reading,
Source : Daily Blog Tools

Next Post 10 Tips To Increase SERP On Google

Top 5 similar websites like buysellads

6 Best Free Wordpress Social Bookmarking Plugin

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:33:56 PDT

Almost very blog and website online have Social Bookmarking options for readers to share content on their favorite social networks. Because, social bookmarking is the siple way to promote your blog to other people. We just need a HTML code to put a share button on blogger. Some go with the simple Facebook and Twitter buttons below posts while others offer more networks in various positions on the page. For Wordpress users there are a countless number of plugins available to make their blog more social. In this post we have 6 of the best free Social Bookmarking plugins for Wordpress users. 6 Best Free Wordpress Social Bookmarking Plugin

1. Sociable, Going for over two years with over 1.5 million downloads Sociable is a neat bookmarking option for Wordpress. Great Social bookmarking plugin for wordpress

2. Wordpress Sharebar, The Share Bar has become very popular on all blogs, a collection of bookmarking buttons fixed to the side of your posts that scroll with the page."..Sharebar adds a dynamic and fully customizable vertical box to the left of a blog post that contains links/buttons to popular social networking sites.." Great Social bookmarking plugin for wordpress

3. The Slide, The slide is actually a Related post / Bookmarking plugin that will keep readers on your blog with Twitter and Facebook share buttons. Great Social bookmarking plugin for wordpress

4. Wordpress Social Toolbar, This Plugin for adds a highly customizable bookmarking toolbar to the foot of your Wordpress Blog.The options include color selection, social network icons, recent tweet and share buttons. Great Social bookmarking plugin for wordpress

5. Shareaholic, Shareaholic is a jQuery animated bookmarking gadget with a slide up, pop down feature.It also adds share counts and tool tips to the bookmark buttons. Great Social bookmarking plugin for wordpress

6. Sketch Bookmark, This is a stylish bookmarking option with hand sketched social icons."..This plugin contains amazing looking, sketched icons for only the top social bookmarking sites. .." Great Social bookmarking plugin for wordpress

Next post CSS Text Shadow - Create a Shadow On Your Text

Source : Spiceupyourblog

Add an Animated Rainbow Link To Your Blog

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:32:44 PDT

Adding an Animated Rainbow Link To Your Blog
In this post i have a neat effect for the links on your blog. Maybe you've look some blog with this effect. Using some javascript you can make the links on your blog change through different colors when the cursor is hovered over them. The text link will be chaned into the rainbow color, if we hovered them. The effect comes from Dynamic Drive and we have a one click button to add it to your blog in seconds. Check out the demo below, simply hover your cursor over the post titles or any of the links on the demo blog. I got this tutorial from spiceupyourblog

Click the link below to see the preview. Add a Rainbow Link To Your Blog

CLICK HERE FOR PREVIEW

Add Rainbow Links To Your Blog

Copy this code below before <head>code

Save your template.
That's it a cool effect for your links, check out more of our Blogger Gadgets.

Next post 6 Best Free Wordpress Social Bookmarking Plugin

Source : spiceupyourblog

CSS Text Shadow - Create a Shadow On Your Text

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:31:51 PDT

CSS Text Shadow , Create a Shadow On Your Text
Hai guys, now i will share a great CSS Tutorial to you. Ya, CSS Text Shadow, maybe some of you have known how to do this. Its just a simple CSS tricks.
Ok, this is it CSS Text Shadow Tutorial

Regular text shadow:

p { text-shadow: 1px 1px 1px #000; }

Example :

Yahyagan Blog CSS Text Shadow

The first two values specify the length of the shadow offset. The first value specifies the horizontal distance and the second specifies the vertical distance of the shadow. The third value specifies the blur radius and the last value describes the color of the shadow:

1. value = The X-coordinate
2. value = The Y-coordinate
3. value = The blur radius
4. value = The color of the shadow

Using positive numbers as the first two values ends up with placing the shadow to the right of the text horizontally (first value) and placing the shadow below the text vertically (second value).

The third value, the blur radius, is an optional value which can be specified but don’t have to. It’s the amount of pixels the text is stretched which causes a blur effect. If you don’t use the third value it is treated as if you specified a blur radius of zero.

More Example :

1. Multiple Text Shadow
{text-shadow: 0.2em 0.5em 0.1em #600,
-0.3em 0.1em 0.1em #060,
0.4em -0.3em 0.1em #006}

Yahyagan Blog

2. Other Placement
{text-shadow: -1px -1px white, 1px 1px #333}
{text-shadow: 1px 1px white, -1px -1px #333}

Text Shadow Property
By Yahyagan Blog

Ok, thats it the CSS Text Shadow Tutorial.

Source : erasparsa

Next Post Add an Animated Rainbow Link To Your Blog

Keyword For This Article :
CSS Text Shadow, Text Shadow Property, Create a Shadow on your Blogger Text

Create An Awesome Social Media Widget With Hover Effect

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:30:20 PDT

Create an awesome social media widget with hover effect
Social media is a great way to increase your visitor, if you have many follower on twitter, friend on facebook, subscriber on RSS feed or many friend on your google+ account. I guess that if you share a link on your social media account, you'll get many visitor from that. Because you've connected to other people on social media. But how to get more friend on social media?
I think create an social media widget on your site is the great way, just place a link to your social media account. And now i will give a tutorial to you, how to create an awesome social media widget with hover effect! Not just a simple link to your social media account, but with an image with hover effect. I guess that your visitor will be interest to click that.

Create an awesome social media widget with hover effect

1. Login to blogger
2. Design - Edit HTML
3. Find </b:skin> code, you can use Ctrl + F
3. Before that code, paste this code below

ul.social {
    list-style: none;
    margin: 10px;
    overflow: hidden;
margin-bottom:20px;
}

.social li {
    float: left;
    background: none !important;
    padding: 0 !important;
    margin: 0 8px;
}

.social li a {
    display: block;
    width: 40px;
    height: 40px;
}

.social li.rssicon a {
    background:url(http://i1212.photobucket.com/albums/cc451/ramseyinjury/Blog%20Yahyagan/RSS.png); margin-right:20px; margin-left:40px;
}

.social li.twicon a {
    background:url(http://i1212.photobucket.com/albums/cc451/ramseyinjury/Blog%20Yahyagan/Twitter.png);margin-right:20px;
}

.social li.fbicon a {
    background:url(http://i1212.photobucket.com/albums/cc451/ramseyinjury/Blog%20Yahyagan/Facebook.png);margin-right:20px;
}

.social li.gicon a {
    background:url(http://i1212.photobucket.com/albums/cc451/ramseyinjury/Blog%20Yahyagan/Google.png);
}

.social li.rssicon a:hover {
    background:url(http://i1212.photobucket.com/albums/cc451/ramseyinjury/Blog%20Yahyagan/RSShover.png);
}

.social li.twicon a:hover {
    background:url(http://i1212.photobucket.com/albums/cc451/ramseyinjury/Blog%20Yahyagan/Twitterhover.png);
}

.social li.fbicon a:hover {
    background:url(http://i1212.photobucket.com/albums/cc451/ramseyinjury/Blog%20Yahyagan/Facebookhover.png);
}

.social li.gicon a:hover {
    background:url(http://i1212.photobucket.com/albums/cc451/ramseyinjury/Blog%20Yahyagan/Googlehover.png);
}

4. Save it

Notice :

I hosted my image on my photobucket account, please hosted your image at your own Hosting.

5. Go to design tab again
6. Add a gadet - Choose HTML/Javascript
7. And then paste this code below

IMPORTANT : Change the text marked red with your own username!
And then save it.
Ok thats the tutorial how to Create An Awesome Social Media Widget With Hover Effect. Take 5 Second to share it!

Next post 41 High Pagerank Dofollow Social Bookmarking Site 2012

Inspired from : Way2Blogging

Awesome jQuery Facebook Likebox Popup For Blogger

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:31:04 PDT

And now, the great web design tutorial again. Yeah, now i will share a great blogger stuff to you. Hmm "Awesome jQuery Facebook Likebox Popup For Blogger" maybe?
The most searched blogger stuff is Popup Facebook fanpage, because if your fan page has liked by a thousand or more people, i think you've a lot of traffic. Ok so this is it Awesome jQuery Facebook Likebox Popup For Blogger

Add Awesome Facebook Likebox Popup

1. Login to your blogger account
2. Go to Design tab
3. Click "Add a Gadget" and then choose "HTML/javascript"
4. Paste the following code instead it

<style>
        /* Jquery Facebook Likebox Popup Version 2.0 by MBT    MyBloggerTricks.com
        */
        #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
        #cboxOverlay{position:fixed; width:100%; height:100%;}
        #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
        #cboxContent{position:relative;}
        #cboxLoadedContent{overflow:auto;}
        #cboxTitle{margin:0;}
        #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
        .cboxPhoto{float:left; margin:auto; border:0; display:block;}
        .cboxIframe{width:100%; height:100%; display:block; border:0;}
        /*

           User Style:
           Change the following styles to modify the appearance of ColorBox. They are
           ordered & tabbed in a way that represents the nesting of the generated HTML.
        */
        #cboxOverlay{background:#000;opacity:0.5 !important;}
        #colorbox{
                box-shadow:0 0 15px rgba(0,0,0,0.4);
               -moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
                -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
               }


       #cboxTopLeft{width:14px; height:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x top left;}
        #cboxTopRight{width:14px; height:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px 0;}
        #cboxBottomLeft{width:14px; height:43px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 -32px;}
        #cboxBottomCenter{height:43px; background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x bottom left;}
        #cboxBottomRight{width:14px; height:43px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px -32px;}
        #cboxMiddleLeft{width:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -175px 0;}
        #cboxMiddleRight{width:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -211px 0;}
        #cboxContent{background:#fff; overflow:visible;}
            #cboxLoadedContent{margin-bottom:5px;}
            #cboxLoadingOverlay{background:url(http://2.bp.blogspot.com/-bMneOFi_UDo/Txohpge3Z9I/AAAAAAAAF0s/AbVgxX9pXtQ/s400/loadingbackground.png) no-repeat center center;}
            #cboxLoadingGraphic{http://3.bp.blogspot.com/-SKktU1-SCCw/TxohpRB19LI/AAAAAAAAF0Y/iwIo3LnjoE0/s400/loading.gif) no-repeat center center;}
            #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
            #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
            #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
            #cboxPrevious{left:0px; background-position: -51px -25px;}
            #cboxPrevious.hover{background-position:-51px 0px;}
            #cboxNext{left:27px; background-position:-75px -25px;}
            #cboxNext.hover{background-position:-75px 0px;}
            #cboxClose{right:0; background-position:-100px -25px;}
            #cboxClose.hover{background-position:-100px 0px;}
            .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
            .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
            .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
            .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

        /*-----------------------------------------------------------------------------------*/
        /*   Facebook Likebox popup For Blogger Version 2.0
        /*-----------------------------------------------------------------------------------*/
        #subscribe {
            font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
        }
        #subscribe a,
        #subscribe a:hover,
        #subscribe a:visited {
            text-decoration:none;
        }
        .box-title {
           color: #F66303;
           font-size: 18px !important;
           font-weight: bold;
           margin: 10px 0;
        border:1px solid #ddd;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        box-shadow: 5px 5px 5px #CCCCCC;
        padding:10px;
        line-height:25px; font-family:arial !important;
        }



        .box-tagline {
           color: #999;
           margin: 0;
           text-align: center;
        }
        #subs-container {
            padding: 35px 0 30px 0;
            position: relative;
        }
        a:link, a:visited {
        border:none;
        }
        .demo {
        display:none;
        }



    /* ---------MBT Subscribe Form---------- */

        .box-title1 {
        border:1px solid #ddd;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        box-shadow: 5px 5px 5px #CCCCCC;
            padding:10px;
      margin: 10px 0;
        }

        .enteryouremail{
    background: #fff !important;

    border: 1px solid #d2d2d2;
    padding: 0px 8px 0px 8px;
    color: #a19999; font-size: 12px;
    height: 25px; width: 165px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin:0px;
    }

        .submitbutton{
    background:#F66303;
    border: 1px solid #F66303;
    text-shadow: 1px 1px 1px #333;
    box-shadow: 3px 3px 3px #666;
    font:bold 12px Arial, sans-serif;
    color: #fff;
    height: 25px;
    padding: 0 12px 0 12px;
    margin: 0 0 0 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor:pointer;}

        </style>

    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
    <script src="http://mybloggertricks.googlecode.com/files/jquery.colorbox-min.js"></script>
    <script type="text/javascript">
    jQuery(document).ready(function(){
       if (document.cookie.indexOf('visited=true') == -1) {
           var fifteenDays = 1000*60*60*24*30;
           var expires = new Date((new Date()).valueOf() + fifteenDays);
           document.cookie = "visited=true;expires=" + expires.toUTCString();
       $.colorbox({width:"400px", inline:true, href:"#subscribe"});
           }
    });
    </script>


            <div style='display:none'>
           <div id='subscribe' style='padding:10px; background:#fff;'>
                <h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>
              <center>


    <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBlogYahyagan&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>

    </center>
    <div class="box-title1 ">

    <center>
    <h3 style="color:#F66303;">You can also receive Free Email Updates:</h3>
        <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BlogYahyagan', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" /><input value="BlogYahyagan" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" /></form>

    </center>
    </div>

    
        <p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.mybloggertricks.com">Blogger Widgets</a></p>
        </div>
        </div>

5. Save it, and you'll see how the "Awesome jQuery Facebook Likebox Popup For Blogger" look like

Information

Make this change :

*30 Setting this value will effect cookie refreshment. I have set the popup to appear only once to the visitor and this popup will appear again after 30 days. If you wish to display popup to your visitors after a week then set 30 to 7. Similar if you want it to appear daily then set 30 to 1. Note that if you set the value to low then it can irritate your daily readers.
Replace BlogYahyagan with your facebook username. If your facebook username is too long and includes numbers then do not panic and first create a Branded Facebook username for your blog in seconds by going to Facebook.com/username
Next replace twice BlogYahyagan with your feed title. It appear at the end of your feed link.

6. Save the widget and place/drag where anything you want.
7. Save it

Visit your blogs and see it popping up just fine! Remember as we already mentioned on previous post that the popup will show only once. To see it again you will first need to delete your browser cookie and then refresh the page to see it appearing again.

Next Post Create An Awesome Social Media Widget With Hover Effect
Source : MyBloggerTricks

41 High Pagerank Dofollow Social Bookmarking Site 2012 - Updated

noreply@blogger.com (Yahya Ayyash) — Mon, 12 Mar 2012 18:29:02 PDT

41 High Pagerank Dofollow Social Bookmarking Site 2012

Why Use Social Bookmarking?

Every time you add a bookmark to your page, you'll get one backlink from that site. So posted/bookmarking on the High Page Rank Social Bookmarking is effective to increase your page rank and visitor. With this feature, you can build a lot backlink over time. And its more easy rather than do commenting on dofollow blog. So let's bookmark your page or your post on the High Pagerank Dofollow Social Bookmarking 2012

High Pagerank Dofollow Social Bookmarking 2012

Digg - Pagerank 8
Folkd - Pagerank 7
Kwoff - Pagerank 6
Ebaum's World - Pagerank 6
LinkaGoGo - Pagerank 6
A1 Webmarks - Pagerank 6
Tagza - Pagerank 6
One View - Pagerank 6
StartAid - Pagerank 6
Social-Bookmarking.net - Pagerank 6
So Force - Pagerank 5
BuddyMarks - Pagerank 5
Rudan Bookmarks - Pagerank 4
H-Stream Links - Pagerank 4
kabayani Bookmarks - Pagerank 4
Feedmarker - Pagerank 4
Bildu - Pagerank 4
OYAX - Pagerank 4
SiteJot - Pagerank 4
Xelo Bookmarks - Pagerank 3

Continue reading ... 41 High Page Rank Dofollow Social Bookmarking

Next post "Awesome jQuery Facebook Likebox Popup For Blogger"