January 7, 2010

"Horizontal Scrolling Recent Posts" for Your Blog

Found this hack to make a horizontal scrolling recent post at IdeasBubble, tested it at Star Home Improvements. Before you implement this, read this caution note.

If you want this horizontal scrolling "recent posts" just below your blog Header, first you got to add extra "Add a gadget" to the blog Header section (more specific instructions at Adding "graphic" to blog Header).

When you have this extra "Add a gadget" (gadget were previously called page element), sign into Dashboard, click LAYOUT then the "Add a gadget" in the Head section. Chose the HTML/JavaScript gadget:

clip_image001

then copy-paste this script into the HTML/Javascript gadget:

<script style="text/javascript" src="http://dreamydonkey.googlepages.com/scrolling_blogger_posts.js"> </script><script style="text/javascript"> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="•"; </script> <script style="text/javascript" src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>

Replace http://YOURBLOG.blogspot.com/ with you actual blog URL, preview, and if satisfied, save.

Caution

I tried varying some of the parameters (attributes) like changing

nScrollDelay = 175;

to

nScrollDelay = some number;

and got erratic results, among which were getting error messages when trying to access the edited blog like this one: Recreation and sport (blog only displayed by clicking OK in the error message. Would do more testing later if I find the time) (Update: managed to get rid of that irritating error message by changing templates, and finally by going to LAYOUT > EDIT HTML > click Revert widget template to default at the bottom of the page, publishing a few posts. Don't know exactly what cleared the problem. Will do some more experimenting later).

Share this post :
Continue Reading...

December 12, 2009

How to add Big Xmas Social Buttons to your Wordpress Blog

As the Christmas comes ,many bloggers may want to add  Big Xmas Social Bookmarking Buttons into their blog posts.At the same time,with eye catching big social buttons,you visitors much likely will bookmark your posts. In this short tutorial,I will show you how you can do it within five minutes.

social-buttons

First download this plugin from Wordpress Plugin Directory

Download

Then upload this plugin to your blog’s plugin directory and activate the plugin.

Next,download Big Xmas Social Button,these are 256×256 px Digg,Delicious,Facebook,Blinklist,Reddit, Stumbleupon and Technorati buttons

Download

Then,extract files from Icons.rar folder.The next this you must do is to login Cpanel/File Manager,find the site that you want to add button, then wp-content/plugins/socialfluid/images . Then,just upload the files from icons.rar in to the images folder of socialfluid plugin. It will ask you the files already exist in images folder,overwrite it,click Yes

Then,return to Wordpress Dashboard,click SocialFluid under Settings tab,check the social sites of uploaded files,set the size of icons to 48×48 px.

Now,you have Xmas Social Buttons.Happy Blogging!

Continue Reading...

November 10, 2009

How to Add Email Share Button on Each Post?

We have already seen on how to add orkut share and facebook share button for each post, this time we are going to see, how to add email share button on each post. With this button, readers can easily share the article with their family and friends via Email service.

4 The MailCounter badge gives visitors to your blog an easy way to share your content via email. In fact, this is the fastest and easiest way to email an article! Every time an email is sent this way the badge will auto-update and show you the live number of times someone clicked the email link. Simple, easy and elegant.

If you're a Blogspot User - then Embed this code on your template :

Make sure you enter the right URL and description where the blue lines of text are:

<iframe src="http://getmailcounter.com/mailcounter/?url=http://yoururlhere.com&title=title of your page here" height="64" width="50" frameborder="0" scrolling="no"></iframe>

How to Add this Button on each and every post ?

1. Go to Blogger.com

2. Go to Layout > Edit HTML >

1

3. Save a copy of your template, so that if anything happens while editing you can restore it.

4. Now click on Expand Widget Templates and Search for

2

 

<div class='post-header-line-1'/>
5. Now Paste the following code below this line
<div style='float:right; margin-left:10px;'>
<iframe src="http://getmailcounter.com/mailcounter/?url=http://yoururlhere.com&title=title of your page here" height="64" width="50" frameborder="0" scrolling="no"></iframe>
</div>

6. You're Done !! Now save your template and Enjoy Sharing via Email !! 

3

 
For Wordpress Users -

Add this to your single.php and index.php files in WordPress.


<?php
echo '<iframe src="http://getmailcounter.com/mailcounter/?url=';
urlencode(the_permalink());
echo '&title=';
urlencode(the_title());
echo '" height="64" width="50" frameborder="0" scrolling="no" ></iframe>';
?>

Mail Counter badge – Homepage

Continue Reading...

November 4, 2009

How to Add Orkut Share Button on Each Blog Post ?

Now you can share interesting content with your orkut friends easily, just by single click. The orkut Share API allows website owners to enable their visitors to share the content on their website, with visitors' friends on orkut.


Orkut_Logo_1


Users can share the content and optionally promote it to make recommendations to their friends, which then appears in their activity updates. Every such shared item has the potential to spread virally and get wider attention from orkut users, increasing the traffic to the website. Now lets see how to add Orkut sharebutton on each blog post ?
How to add orkut share button ?

For Blogger Blogspot -

1. Login to your dashboard.

2. Navigate through :Layout >> Edit HTML

3. Click on Expand widget template (before making changes to your blog - backup the current template)

4. Use your browser search to find </head> and place the below code above </head>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('orkut.share', '1');
google.setOnLoadCallback(function() {
var params = {};
params[google.orkut.share.Field.TITLE] = 'Interesting Page!';
params[google.orkut.share.Field.DESTINATION_URL] = 'http://example.com/';
var connection = new google.orkut.share.Connection(params);
document.getElementById('orkut-share').onclick =
function(e) { connection.send('orkut.com', {}); };
}, true);
</script>

5. Now change the codes which is in red to your blog address - http://example.com/ to your blog address.

6. Now add the button near your Retweet button -


ss
7. Search for this line -

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

8. Now Paste the following code below this line

<span id="orkut-share" style="cursor:pointer; border:0px solid black">
<img src="http://i50.tinypic.com/30afg2w.gif" alt="Share Orkut" />
</span>

9. You can use text version of this button by using this code instead of above code which uses image :

<span id="orkut-share" style="cursor:pointer; border:1px solid black">
Share on Orkut
</span>

10. Click Save Template and view your blog !


Shareorkut

(the above picture is made by me - if you want to have your own share button picture - you can change the image url which is given on red color on the above code.)

For Wordpress users -

1. Open header.php file of your theme file and enter below code above </head>


<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('orkut.share', '1');
google.setOnLoadCallback(function() {
var params = {};
params[google.orkut.share.Field.TITLE] = '<?php the_title() ?>';
params[google.orkut.share.Field.DESTINATION_URL] = '<?php the_permalink() ?>';
var connection = new google.orkut.share.Connection(params);
document.getElementById('orkut-share').onclick =
function(e) { connection.send('orkut.com', {}); };
}, true);
</script>

2. Update the page and Move to Single.php or any place where you put this Orkut Share buttonand place below Code.

<span id="orkut-share" style="cursor:pointer; border:0px solid black">
<img src="http://i50.tinypic.com/30afg2w.gif" alt="Share Orkut" />
</span>


You can see the shared content on orkut in your promotion page

share_promotion


and it also appears in your profile activity updates -

udpates 

Continue Reading...

October 13, 2009

Traffic Analysis Services

interchange_homepage It is very important for marketers and SEO specialists to be able to accurately assess the traffic to the site, to analyze ROI, CTR,  and sales . For these purposes, they use the  traffic analysis systems (services). There are very huge number of such systems, some of them are paid, part are  free of charge, some collect statistics remotely, while others require the installation of scripts on the server. In order to better navigate in many existing systems, I suggest you look at the list of the most popular and convenient services traffic analysis.

Google Analytics – free and very convenient traffic analysis system. Namely, it has priority than the paid system Stuffed Tracker (requires installation on the server), which allows convenient way to generate reports on sales, software downloads, all actions of users, to analyze the ROI of advertising campaigns, etc. The only negative side of Stuffed Tracker  is  low scalability. The system starts to slow down at high traffic flows. However, it copes with  up to 5000 unique visitors per day.

Yahoo! Web Analytics – is  only for users who are members of Yahoo Small Business. Service had very good feedback, so if you are a member of Yahoo, you can safely join .

Quantcast – a popular free service.
AWStats – open source system that requires installation on the server where the site is available. Gives comprehensive analysis of web traffic, but poorly applied for marketing purposes.

Piwiki – similar system to AWStats, with a modern Web 2.0 interface.

Do you know other good traffic another services like these?If yes,then Let us know

Continue Reading...

August 30, 2009

Create Go to Top of Page Link in Blogger

If you have lot of posts in a label or achieve page , its essential that you provide an easy navigation to the top portion of the page without making your visitors to scroll a lot .

Here's how you can do that.

Open your Blogger template's layout section and select edit HTML .

Move on to the bottom portion of your template and find out </body> .

Copy and paste the following HTML code above that section.

a href='#' style='display:scroll;position:fixed;bottom:5px;right:1px;' title='move on to top of page'><img src='http://img401.imageshack.us/img401/710/homepa2.gif'/></a>



Now save your template and preview the top of page link . Make necessary changes by editing the HTML code .

Continue Reading...

July 29, 2009

Add Meta Tag in Blogger

How-to-Create-Meta-Tags

 

Meta tags are Simple HTML codes that can describe various factors of your site to the search engine spiders .These factors include web page title ,Description,keywords , language and many others . Though many blogs says that the meta tags don't have any value now , i strongly believe that they can affect SERPS in Google ,Yahoo and Bing . In this case i will help you to add meta tag in a Blogger blog.

Go to your Blogger template Layout and Edit HTML .

Fill the following example meta tag with your details

 

<meta name="Title" content="Your blog title" />
<meta name="Description" content="this is the description of your Blogger blog" />
<meta name="Keywords" content="Your keywords separated by comma" />
<meta name="Author" content="Author Name" />
<meta name="Language" content="Language of Website" />
<meta name="Copyright" content="© Copyright information" />
<meta name="Revisit-After" content="1 Days" />
<meta name="Robots" content="All" />



Now we are about to add meta tag in Blogger.



Find out the <head> tag and paste your details exactly after that selection.



add meta tag in blogger



PN: Keywords in meta tag can help you to bring targeted adsense ads into your blog.


Continue Reading...

 
Blogging Now And Then © 2009 Med ELJAMALI