Graphics Archive: 2010

Wednesday, September 8, 2010

Popular Caricature

Former President of the Philippines : Gloria Macapagal Arroyo

source

The legendary Manny Pacquiao

source

Angelina Jolie

source

Michael Jakson

Rihanna

source

Paris Hilton

source

Beyonce

source

Sunday, September 5, 2010

how to add SocioFluid social bookmarking widget

SocioFluid is a nice and good looking social bookmarking button that you can add in your blog. It is also one of the most popular social bookmarking widget generator, because it is easy to install. Another good thing about SocioFluid is you can customized it, you can add or remove icons and change size of icon.

To install SocioFluid plugins for WordPress click here
To install SocioFluid widgets for Blogger click here

SocioFluid plugin/widget in action Click Here

Saturday, September 4, 2010

“Sharing Is Sexy!” Bookmark for Blogger (blogspot)

Do you want to share your Blog posts to the most popular social bookmarking networks automatically in a sexy way? here's how, for Wordpress click Here!

1. Go to "Design->Edit HTML (check/ticked the "Expand Widget Templates").
2. Find (CTRL+F) this code:

]]></b:skin>

3. Paste this CSS code below ]]></b:skin>

<style type='text/css'>

    div.beauty-bookmarks {

    height:54px;

    background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinhh5cst1Pud6SNJeWuNbDgh8s4YiiEppnYqPG9E4T7FxhNFYBfyLM6zDSnflurjaIbUCFOAwCPqrEWwJqS14HVeV7ZVDX6e2fHUm6ptMGSo3eTZfNfxYILXfq5rLAUKfZ1YrhcdN72IiL/') no-repeat left bottom;

    position:relative;

    width:540px;

    }
    div.beauty-bookmarks span.beauty-rightside {

    width:17px;

    height:54px;

    background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinhh5cst1Pud6SNJeWuNbDgh8s4YiiEppnYqPG9E4T7FxhNFYBfyLM6zDSnflurjaIbUCFOAwCPqrEWwJqS14HVeV7ZVDX6e2fHUm6ptMGSo3eTZfNfxYILXfq5rLAUKfZ1YrhcdN72IiL/') no-repeat right bottom;

    position:absolute;

    right:-17px;

    }

    div.beauty-bookmarks ul.socials {

    margin:0 !important;

    padding:0 !important;

    position:absolute;

    bottom:0;

    left:10px;

    }

    div.beauty-bookmarks ul.socials li {

    display:inline-block !important;

    float:left !important;

    list-style-type:none !important;

    margin:0 !important;

    height:29px !important;

    width:48px !important;

    cursor:pointer !important;

    padding:0 !important;

    }

    div.beauty-bookmarks ul.socials a {

    display:block !important;

    width:48px !important;

    height:29px !important;

    font-size:0 !important;

    color:transparent !important;

    }

    .beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-yahoo, .beauty-yahoo:hover, .beauty-blinklist, .beauty-blinklist:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-myspace, .beauty-myspace:hover, .beauty-mixx, .beauty-mixx:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover, .beauty-syndicate, .beauty-syndicate:hover, .beauty-email, .beauty-email:hover {

    background:url('http://i44.tinypic.com/1znbj83.png') no-repeat !important;

    }

    .beauty-furl {

    background-position:-300px top !important;

    }

    .beauty-furl:hover {

    background-position:-300px bottom !important;

    }

    .beauty-digg {

    background-position:-500px top !important;

    }

    .beauty-digg:hover {

    background-position:-500px bottom !important;

    }

    .beauty-reddit {

    background-position:-100px top !important;

    }

    .beauty-reddit:hover {

    background-position:-100px bottom !important;

    }

    .beauty-stumble {

    background-position:-50px top !important;

    }

    .beauty-stumble:hover {

    background-position:-50px bottom !important;

    }

    .beauty-delicious {

    background-position:left top !important;

    }

    .beauty-delicious:hover {

    background-position:left bottom !important;

    }

    .beauty-yahoo {

    background-position:-650px top !important;

    }

    .beauty-yahoo:hover {

    background-position:-650px bottom !important;

    }

    .beauty-blinklist {

    background-position:-600px top !important;

    }

    .beauty-blinklist:hover {

    background-position:-600px bottom !important;

    }

    .beauty-technorati {

    background-position:-700px top !important;

    }

    .beauty-technorati:hover {

    background-position:-700px bottom !important;

    }

    .beauty-myspace {

    background-position:-200px top !important;

    }

    .beauty-myspace:hover {

    background-position:-200px bottom !important;

    }

    .beauty-twitter {

    background-position:-350px top !important;

    }

    .beauty-twitter:hover {

    background-position:-350px bottom !important;

    }

    .beauty-facebook {

    background-position:-450px top !important;

    }

    .beauty-facebook:hover {

    background-position:-450px bottom !important;

    }

    .beauty-mixx {

    background-position:-250px top !important;

    }

    .beauty-mixx:hover {

    background-position:-250px bottom !important;

    }

    .beauty-script-style {

    background-position:-400px top !important;

    }

    .beauty-script-style:hover {

    background-position:-400px bottom !important;

    }

    .beauty-designfloat {

    background-position:-550px top !important;

    }

    .beauty-designfloat:hover {

    background-position:-550px bottom !important;

    }

    .beauty-syndicate {

    background-position:-150px top !important;

    }

    .beauty-syndicate:hover {

    background-position:-150px bottom !important;

    }

    .beauty-email {

    background-position:-753px top !important;

    }

    .beauty-email:hover {

    background-position:-753px bottom !important;

    }

    </style>

4. Find (CTRL+F) this code:

<data:post.body/>

5. Paste this HTML code just after <data:post.body/> line.

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/YOUR-FEEDBURNER-ID'title='Subscribe to RSS'/></li>

<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

</ul>
<span class='sexy-rightside'/></div>

don't forget to replace the text http://feeds.feedburner.com/YOUR-FEEDBURNER-ID to your blog's feed URL and then save the template and it's done!

How to add Social Bookmarks in Blogger Posts

One of the best way to improve traffic or visitors in your blog is to add a social bookmark at the end of every post. It makes easy for the readers to share the useful contents of your blog to the world.

Facebook, Digg, Technorati, StumbleUpon, Delicious, Etc are some of widely used online social bookmarking and sharing communities.

Here's how to add Social Bookmark links in every end of your blogs post.. It's very simple, just do the following steps:

Note: First you should make a backup of your template before modifying the HTML by clicking on the "Download full template" link.

1. Go to "Design->Edit HTML (check/ticked the "Expand Widget Templates").

2. Then Search(Ctrl+F) for code

<div class='post-header-line-1'>

3. Paste the code below just after the above line:

<b><i>Share this:</i>
<a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF0aRd78ibH99uUpgZ_FaiLzs7sHIE29xfOJwZOUXl8j1uz2TJ4SLmc_fA5v_deHo1LiYNIXJMzqelAzVwIoovz_sVlZxC9oz0Z37p-G6CDbu7yKikK-taERutcSVLYJ61XmxCQ4GjK8mz/s1600/technorati_32.png'/></a>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU06qMg5KDW4ccOlNyEK0mBZRd6auwq92llSTMy-QAJFl3U8XqlhbZ-VBpSHko_uDYjuU-yeNxjYociT_KA7wDTgdT-m2mMSxHhjtzcSe7g0x518wum-oxcrvI9SKMSaolF_kSi1MDImnU/s1600/delicious_32.png'/></a>
<a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQJD35m-Lz3cUO8Tj68BFv9-R9wX76Ef6cGBiGm9iQKQWApQNOMc0GQWnkyeCBAO8qODLbP8uLDrwtH8eYKc_1uqLZO2F2w4xVb-5PR9AbXDCeAKkUhs7zM16IEYT7CnVtBuyFV5IKzaws/s1600/digg_32.png'/></a>
<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5aX_EwtKQrKNs-P7t9O0IhuopZtAqlbE3HdD43oqRYjkGDya8N8_qwluZ1HProXYgbZT2zn-mErAtCIWiDntKhx8hw8tZW2HAD2Pmc_ELc3s6XmZKyKDaXuB7Lr7bhBLMyqj_9CRkim-w/s1600/yahoo_32.png'/></a>
<a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXdoimwhYXwMEfJIjRy4s9Mec3SRz1Wn0e2JTL3XsL-HfKhk5mSGikjwTvwvq2HIn9EIyWXpDzGkCbvCjj02JrcPz9n2JUCxRTYRO6pqYk9tTgVxqxWq-FTpFX7uG80CdaSxFxG1FoAOO_/s1600/google_32.png'/></a>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a facebook' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsHcA2tujQAeh2gUVDQgCAO1rswuZIl44uBy2o7BD3mgbmIluU0veyJyhizkkw13GjZ9o55Ybs_pG8Rm9aVyfTVSpp7RaY3KHip5j_onrwI9qI6P6um59s4cZY5iodoSxitmrkYZ5SkwDq/s1600/facebook_32.png'/></a>
<a expr:href='"http://twitter.com/home?status=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a twitter' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPrYSERPib06xji5JGFbaqdQAOfNU8pZS6Q6bIUBlRJW9FsUYXcrFGm943vwIrJ-VJqKRRSGCm1do2E31g49yqPzcxGptHw8yyW-jyUFv20zgMyOtaNt7Z2qE6OnFu132agNNUq7OB5e3P/s1600/twitter_32.png'/> </a>
</b>

4. Preview your blog to make sure the bookmark button appears as you want at the end of the posts.