Showing posts with label blogger widgets. Show all posts
Showing posts with label blogger widgets. Show all posts

18 January 2009

Free Tool to submit your pages to Social Bookmarking sites

Submitting your pages to Social Bookmarking Sites provides multiple opportunities for your content exposure without violating any rules, creating similar publication, and with minimum time and efforts spent. The offer presentation will show you a way to make the process easier for your visitors to submit your site automatically to major social bookmarking site. That might give you an enormous boost in terms of site exposure and related AdSense income.

1. About BlogSocializer

BlogSocializer is a simple widget for your Blogger based blog. It enables blog readers or visitors to submit your blog to major social bookmarking sites, including Digg, Technorati, Delicious, Yahoo! MyWeb, Google Fusion, Blink, Furl, and Simpy.

2. Copy the code
First just copy the widget code below. (right click, than Copy)

<!-- Start of BlogSocializer Widgets -->
<script language="JavaScript" type="text/javascript">
<!--
var addtoMethod=1;
var AddURL = document.location.href;
var AddTitle = escape(document.title);
-->
</script>
<script language="JavaScript" src="http://blogsocializer.googlepages.com/blogsocializer.js" type="text/javascript"></script>
<!--
Get this Blogger widget at
http://fariezweb.blogspot.com/
and
http://blogsocializer.googlepages.com/
-->
<span style="cursor:pointer;" title="Add to Technorati" onclick="addto(8)"><img src="http://blogsocializer.googlepages.com/technorati.gif" border="0"/></span>
<span style="cursor:pointer;" title="Add to Delicious" onclick="addto(2)"><img src="http://blogsocializer.googlepages.com/delicious.gif" border="0"/></span>
<span style="cursor:pointer;" title="Add to Google Fusion" onclick="addto(5)"><img src="http://blogsocializer.googlepages.com/google.gif" border="0"/></span>
<span style="cursor:pointer;" title="Add to Digg" onclick="addto(3)"><img src="http://blogsocializer.googlepages.com/digg.gif" border="0"/></span>
<span style="cursor:pointer;" title="Add to Yahoo! MyWeb" onclick="addto(7)"><img src="http://blogsocializer.googlepages.com/yahoo.gif" border="0"/></span>
<span style="cursor:pointer;" title="Add to Blink" onclick="addto(1)"><img src="http://blogsocializer.googlepages.com/blink.gif" border="0"/></span>
<span style="cursor:pointer;" title="Add to Furl" onclick="addto(4)"><img src="http://blogsocializer.googlepages.com/furl.gif" border="0"/></span>
<span style="cursor:pointer;" title="Add to Simpy" onclick="addto(6)"><img src="http://blogsocializer.googlepages.com/simpy.gif" border="0"/></span>
<span style="cursor:pointer;" title="Add to Stumbleupon" onclick="addto(9)"><img src="http://blogsocializer.googlepages.com/stumble.gif" border="0"/></span>
<br />
<span style="font-family: Trebuchet MS, Tahoma, Arial; font-size:10px;" title="Get this bookmarking widgets for your blogger"><a href="http://blogsocializer.googlepages.com/">[get this widget]</a></span>
<!-- End of BlogSocializer Widgets -->

3. Paste the code
Now paste the code to your Blogger template. Can work either on new or classic template. In New template (.xml mode) you can simply add a new widget in ’edit layout’ area. But for classic template you just need to paste it at ’edit html’ area. Just for tips, you may insert the code below post content area. You can find some templates with this widget ready to use at TheFachia.

Blogger edit template area

4. Save and Test
Now time to test your new widget. Try to submit one page of your blog to Digg or Delicious. And see how simple it works. Or you can test the script now as demo how it works. Submit this page to one of your favorite social bookmarking below.

You can find detailed instructions of adding new widget here: http://www.smartbloggerz.com/2008/04/how-to-add-bookmarker-widgets-in.html

Developers website: http://blogsocializer.googlepages.com/index.htm

08 January 2009

How to Put a Widget on a Specific Page of your Blogger Blog



Widgets are short and handy small computer programs that can add more functionality to any Blog platform. In Blogger, where standard set of features and embedded plugins is rather limited, adding extended capabilities with third-party widget might help to spice up your blog and increase its attractiveness. It can be added as an extra code behind the new Page Elements through the Page Elements subtab of the Template tab.

In brief, to add widget or page elements to your blog login at Blogger.com and click on Layout link on Dashboard. Then click the Add Page Element link in the sidebar.

After adding a Page Element to your blog it can be seen on all your blog pages by default, unless you wrap the widget in conditional tags. In this publication, we will present you the way on how to put selectively widgets on particular blog pages. You really can decide on which pages or a single pagethe widget should appear.

WIDGET ON POST PAGES ONLY

If you want to put the widget only on the post (item) pages then paste this line :

<b:if cond=’data:blog.pageType == "item"’>

immediately after the main includable line of code in the widget :

<b:includable id=’main’ var=’top’>

For this login at Blogger.com and click on Layout link on Dashboard. Then click Edit Html subtab of Template tab. Put a check in the Expand Wdgets Template checkbox at the top of the Template code box and scroll down to the widget code. Lastly in the widget code add a </b:if> before the immediate next </b:includable>. This is how the whole widget code will look like after the change :

<b:widget id=’HTML1’ locked=’false’ title=’’ type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.pageType == "item"’>

WIDGET CODE

</b:if>
</b:includable>
</b:widget>

This widget will only appear on the Post Pages.

WIDGET ON MAIN PAGE ONLY

If you want the widget to appear only on the Main Page of the blog use the code below :

<b:widget id=’HTML1’ locked=’false’ title=’’ type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>


WIDGET CODE

</b:if>
</b:includable>
</b:widget>

This widget will appear only on the Main Page.

WIDGET ON SPECIFIC BLOG PAGE

There are some cases in which you may want the widget to appear only on a specific page of your blog. For example, there might be some pages on your blog with heavy traffic where you plan to put some special ads or particular content. Create the widget by pasting the HTML in the new widget. Then modify the code as shown below :

<b:widget id=’HTML1’ locked=’false’ title=’’ type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.url == "BLOG_PAGE_URL"’>


WIDGET CODE

</b:if>
</b:includable>
</b:widget>


Replace the CAPS : BLOG_PAGE_URL with the permalink of your post.

WIDGET ON SPECIFIC LABEL PAGE

You can specify a widget to appear only on specific label pages. This is useful when you want to represent your labels with icons. For example, you may have posts on books and when the label books are clicked in your blog the sidebar will show a book icon. For such widgets, you can use the following code:

<b:widget id=’HTML1’ locked=’false’ title=’’ type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.url == "http://BLOG_NAME.blogspot.com/search/label/LABEL_NAME"’>


WIDGET CODE

</b:if>
</b:includable>
</b:widget>


Replace BLOG_NAME and LABEL_NAME with actual.
Source: http://betabloggerfordummies.blogspot.com/2007/12/put-widget-on-specific-page-or-url.html

LinkWithin

Related Posts Plugin for WordPress, Blogger...