<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener("load", function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <iframe src="http://www.blogger.com/navbar.g?targetBlogID=5560732631221352938&amp;blogName=Blog+Template+2.0&amp;publishMode=PUBLISH_MODE_HOSTED&amp;navbarType=BLUE&amp;layoutType=CLASSIC&amp;searchRoot=http%3A%2F%2Fwww.blogtemplate20.com%2Fsearch&amp;blogLocale=en_US&amp;homepageUrl=http%3A%2F%2Fwww.blogtemplate20.com%2F" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe> <div></div>
Free Blogger Templates | Home |
.
BlogTemplate20 Free Download Blog Templates
Free Templates
Recent Post(s)
Search Design
Archives
Syndication

AddThis Feed Button

Blog Stats
eXTReMe Tracker
StatCounter tracker
Blogs that link here
Could be useful
Templates Stock
Premium HQ Template
Full Widgetized
Elegant Citrus Fresh
Blue-Dark gradient
Rounded Keko
Fresh Magz Clean
Twitter Style Skin
Travel Logbook
X rated template
BlogArtZine
Cute Girly Cupcake
Brown Magz Style
White Simplicity
Masunurin Simple Rounded
Premium Dashboard
ZinMag News Showcase
Natural Magazine style
Premium RedHat
Money Making Template
Sky dashboard
Premium Blue Sky
Slick Red Web 2.0
Classic w/ Slideshow
Photo Gallery Theme
Theme Showcase
Pro 4 Columns
Neo Simple Green
Club Card Minimalistic
Amature Sexy Template
Feat: Headline Slider
CNN NYT like
Lollipop Woman Stuff
Garland
Papeles Effect
Simple BlueSky
Beach Holiday
Green Light
Glossy Blue
Colorful Transparent
Green Marine
Dark Portfolio blog
Fresh Summer
Valentine Day
Blogy Webby
Azul 2.0
Blogy Freshy
Blogy Illacrimo
Glossy Minimalist
Hello Wiki 2.0
Green Lush Fresh
Kaskus Black
Red Late Show
Red Wine elegant
Blogy Integral
Green Mynix
Red White 2.0
StarCrash web 2.0
Blogy Pro 2 Col.
Blogy Crepusculo
Redish web 2.0
Dark Blue skin
Simple 3 Col.
Beauty Illustration
Fresh Natural
Punk Rock Metal
White Minimalist
K2 Freshy
FireFox Theme
Binary web 2.0
Clear Menu
3 Colomns 2.0
Tabbed menu xml
Tabbed menu classic
iPhone Theme
3 Col Simple
Rounded Corners
Clear Curved Blue
Glossy Glass
Very Web 2.0
Apple Mac skin
Colourful web 2.0
Photoshop CS2 skin
Magazine white
3 Col web 2.0
Blogger Photoblog
PopBlue 3 col.
TypoXP 2.1 skin
Dark Red Glossy
Sandpress 3 col
Elegant Clear web2.0
Elegant Dark web2.0
Rounded tab skin
Fresh blue 2.0
Cute Orange (HOT)
Trendy Blue Marine
Bloggerized AdSense
Orange Yellow Sosuechtig
Blue O2 web 2.0
Premium Blogger
TypoXP2 Standard
18+ Anime Series skin
2 Best Classic skin
NeoSapien New Skin
Simple Glowing Blue Darky
Fresh Green Aura
Ocean Mist Trendy
A new day Elegant
Blue steel 3 columns
Please read our Privacy Policy
web hosting
www.findmyhosting.com - Search for quality web host providers.

Free web 2.0 blogger skins
Spice up your blog by adding our small cool banner inside your blog pages. Simply copy and paste code below. It will not harm your blog, I swear.


Welcome to BlogTemplate20
a blog with free Blogger templates collection.
// Monday, December 31, 2007
How to add bookmarker widgets in Blogger

This tutorial will explain simple way to add cool social bookmarker widgets to Blogger pages. In this case we'll use simple Blogger Plugin from BlogSocializer. This plugin allows us to add nine popular bookmarkers button on every pages of our blog. Including Digg, Technorati, Delicious, Yahoo! MyWeb, Google Fusion, Blink, Furl, Simpy, and Stumble upon. Here we go..

1. Go to your Blogger Dashboard. Than click manage layout of your desired blog.

Layout menu in blogger dashboard

2. You'll be in Template page at Page Element Tab. Now click [Add a Page Element]. Just choose where you'll place the widget is. In this case I set it at bottom of every post, so I'll place it below Posting Blog coloumn (See picture).

Add a page element

3. A popup window will appear. There you can choose what kind of page element you want to add. Now select [HTML/JavaScript] element. Than click [Add to Blog] button. A 'Configure HTML/JavaScript' page will appear, leave it first.

Choose page element

4. Go to BlogSocializer and get the code there. Click and copy the given code.

copy BlogSocializer code

5. Go to popup window again. Fill in title of element first than paste the code at 'Content' area (Right click and paste). Lastly, just click [Save Changes] button.

Paste the code

6. Now open your blog and test the widget. Below is example of working BlogSocializer in my blog. You can try how easy this widget in use by submitting this page to Digg, Technorati, and Delicious.

Demo screenshoot

Conclusion.
BlogSocializer is the easiest and simple way to add bookmarker widget in Blogger based page. This Blogger plugin is free to use. I know there are other bookmarker plugins such AddThis.com and Sharethis.com but I still suggest you to use BlogSocializer. Why? because with BlogSocializer we can display the true buttons of originally bookmarker sites. Not other flip button. So benefit of displaying those buttons is to make our blog looked like more cool. Just as Wordpress bookmarker plugin.

Labels:



Give us feedback comments
Read 2 comment(s):
  • At January 1, 2008 2:19 AM, Blogger Jared said…
    A much easier way is to just use Clearspring widget technologies. They have a product called Launchpad

    http://www.clearspring.com/launchpad

    Which is free and can basically convert a widget into applicable code for many of the popular web 2.0 sites

     
  • At January 5, 2008 2:59 AM, Anonymous Bimbingan Nulis said…
    Keren juga nih plugin buat Blogger, mudah digunakan. Ikut nebeng comment ya boz...

     
  • Gadget 2.0

    Tracked by ClickAider