Saturday, February 18, 2012

6 Best Free Wordpress Social Bookmarking Plugin

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
Read More 6 Best Free Wordpress Social Bookmarking Plugin

Add an Animated Rainbow Link To Your Blog

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
Add Rainbow Links To Your Blog

Copy this code below before <head>code
<script src="rainbow.js">

/*
Rainbow Links Script- TAKANASHI Mizuki
For full source code, 100's more DHTML scripts, and TOS,
Visit http://www.dynamicdrive.com
*/

</script>
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
Read More Add an Animated Rainbow Link To Your Blog
Friday, February 17, 2012

CSS Text Shadow - Create a Shadow On Your Text

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
Read More CSS Text Shadow - Create a Shadow On Your Text
Saturday, February 11, 2012

Create An Awesome Social Media Widget With Hover Effect

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.
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
<ul class='social'>
<li class='rssicon'><a href='http://feeds.feedburner.com/blogyahyagan'/></a></li><li class='twicon'><a href='http://twitter.com/blogyahyagan'/></a></li><li class='fbicon'><a href='http://facebook.com/23arshavin'/></a></li><li class='gicon'><a href='https://plus.google.com/105370464976454684137'/></a></li></ul>
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
Read More Create An Awesome Social Media Widget With Hover Effect

Awesome jQuery Facebook Likebox Popup For Blogger

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&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;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 == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="BlogYahyagan" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" /></form>

    </center>
    </div>

    <!--Please Do not Remove the Credits -->
        <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
Read More Awesome jQuery Facebook Likebox Popup For Blogger
Friday, February 10, 2012

41 High Pagerank Dofollow Social Bookmarking Site 2012 - Updated

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

  1. Digg - Pagerank 8
  2. Folkd - Pagerank 7
  3. Kwoff - Pagerank 6
  4. Ebaum's World - Pagerank 6
  5. LinkaGoGo - Pagerank 6
  6. A1 Webmarks - Pagerank 6
  7. Tagza - Pagerank 6
  8. One View - Pagerank 6
  9. StartAid - Pagerank 6
  10. Social-Bookmarking.net - Pagerank 6
  11. So Force - Pagerank 5
  12. BuddyMarks - Pagerank 5
  13. Rudan Bookmarks - Pagerank 4
  14. H-Stream Links - Pagerank 4
  15. kabayani Bookmarks - Pagerank 4
  16. Feedmarker - Pagerank 4
  17. Bildu - Pagerank 4
  18. OYAX - Pagerank 4
  19. SiteJot - Pagerank 4
  20. Xelo Bookmarks - Pagerank 3
Continue reading ... 41 High Page Rank Dofollow Social Bookmarking
Next post "Awesome jQuery Facebook Likebox Popup For Blogger"
Read More 41 High Pagerank Dofollow Social Bookmarking Site 2012 - Updated
Friday, February 3, 2012

High Pagerank Dofollow Social Bookmarking Site 2012

Publish an or some article on Social Bookmarking is a great way to incresase your blog traffic, and if the social bookmarking site that you publish your article is dofollow, you'll get backlink from them. So publish or share an article on the High Pagerank Dofollow Social Bookmarking Site will be increase your traffic and you'll got backlink for increase your SEO from them.

Social bookmarking is a great way for internet user to share, organize, or promote their article.

There a hundred or thousand social bookmarking site, some of them have a good pagerank and dofollow. So now i will share a list of High Pagerank Dofollow Social Bookmarking Site 2012

High Pagerank Dofollow Social Bookmarking Sites

Page Rank 8

Reddit.com
folkd.com

Page Rank 7

EbaumsWorld.com
propeller.com
metafilter.com
care2.com
connotea.org
tipd.com

Ok maybe thats it, but if you know more Dofollow Social Bookmarking Site With High PR, lets tell me by give comment on this post. Thanks

Next post "5 Effective Tips To Boost Your Traffic"
Source : btips.net
Read More High Pagerank Dofollow Social Bookmarking Site 2012

Top 20 Google Adsense High Paying Keywords 2012

Adsense is a Cost Per Click (CPC) or Pay Per Click program run by Google. Adsense has a unique algorithm to determine the cost/ the revenue you'll get for a particular click. Sometime the cost become to high up to $60 for a single click. And now i will share to you "Top 20 Google Adsense High Paying Keywords 2012"

Most expensive Google AdSense Keywords of 2012
Ok here are we, the "Top 20 Google Adsense High Paying Keywords 2012"
Keyword Cost | Per Click
Insurance $54.91  
Treatment $37.18  
Loans $44.28  
Attorney $47.07  
Mortgage $47.12  
Hosting $31.91  
Rehab $33.59  
Classes $35.04  
Transfer $29.86  
Recovery $42.03  
Software $35.29  
Claim $45.51  
Trading $33.19 
Lawyer $42.51  
Donate  $42.02  
Credit $36.06  
Conference Call $42.05  
Degree $40.61
Gas/Electricity $54.62  
Cord Blood $27.80
Ok, maybe thats it. My google adsense has been banned. So i never get a payment from google adsense. But maybe you'll... Ok thanks for your visit
Source : btips.net
Read More Top 20 Google Adsense High Paying Keywords 2012