Little Twitter Birdie Icon Set

 

DOWNLOAD THIS

FEATURES
Name	Little Twitter Birdie Icon Set
Number of icons	12 count / 64X64
Type of icons	.PNG
Categories	Twitter

  ICONS CONTAINED IN PACK

How to link your Feedburner’s RSS feeds to Twitter for automatic tweet updates

A good method for FeedBurner users to save time and cut some of the hassle out having to go through each of your blog’s Twitter account to update each time you post is by simply connecting your feed to the real-time social web. With Socialize, FeedBurner will automatically post updates from your feed to your social media account.

To link your FeedBurner’s RSS feeds to your Twitter account:

1. Start off by logging into your FeedBurners account and then select the blog you want to have linked to it’s Twitter account.

2. Select the “Publicize” tab and then the “Socialize” link on the left hand navigation.

3. From here, just add your Twitter account and select your desired formatting options. When you’re done selecting your options, just select “Save” and you’re good to go.

How to manually add a customizable Twitter stream widget to Blogger

From this tutorial, you will be able to add your Twitter updates to your website.

PREVIEW see it in action

You will need these file(s) for this tutorial:

	twitterexample.png
	twitterstream.zip

To add a customizable Twitter stream widget:

1. From your Blogger dashboard, navigate to Layouts and then Edit HTML.

2. Click “Add a Gadget” and select “HTML/JavaScript” and copy/paste the following section code inside the textbox.

<div id="twitter_div"><ul id="twitter_update_list"></ul></div> <script type="text/javascript" src="<a href="view-source:http://twitter.com/javascripts/blogger.js">http://twitter.com/javascripts/blogger.js</a>"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/<strong><font color="#ff0000">YOU-TWITTER-ID</font></strong>.json?callback=twitterCallback2&count=10"></script></div>

3. In the above code, you will need to add you Twitter ID and select save.

Add style with CSS:

4. Next, you will need to add the CSS section code the footer. To do this, copy and paste the following section code below right after: ]]></b:skin>

<style> #twitter_div { position: absolute; left: 136px; top: 154px; width: 345px; height: 370px; overflow: auto; } ul#twitter_update_list { list-style: decimal; font-size: 14px; } ul#twitter_update_list li { margin-bottom: 10px; padding: 10px; color: #444444;; font-weight:bold; } a { color: #06F; } body { background-image: url(.../twitterexample.png); background-repeat: no-repeat; } </style>

5. You should preview your blog first to see if all codes have been implemented correctly. If so, save your template and you’re finished.

Happy birds Twitter icon pack

DOWNLOAD the full icon pack

Adding and customizing the retweet button for better appearance

The TweetMeme retweet button is for website and blog publishers who wants to encourage their audience to tweet their content on Twitter. The button also shows a live count of the number of times your webpage or blog post has been tweeted.

 

Directions

 

Step 1: Under the Layouts > Edit HTML tab, insert the following section code below

 

To have it under post titles or above postings

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

 

To have it under postings where the post footer is

right after <div class='post-footer-line post-footer-line-1'>

 

<div class='tweetmeme' style='float:left; margin:0;padding:0;'>
<script type='text/javascript'>
tweetmeme_style = &#39;compact&#39;;
tweetmeme_source = &#39;blogspotvision&#39;;
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</div>

 

Configuration

 

tweetmeme_style = &#39;compact&#39;;
- this variable can either be compact, for a compacted size retweet button or you can remove the entire variable for the default sized appearance

 

tweetmeme_source = &#39;blogspotvision&#39;;
- this variable, by default, will be in the format of “RT @tweetmeme <title> <link>”. You can, however change the button to retweet your user account. By specifying the variable parameter in the script to “RT @yourname <title> <link>”.

 

tweetmeme_url = &#39;<data:post.url/>&#39;;

- this variable defines the url to post for on your twitter, you can modify it to a certain url if you want.

 

Additional variable

 

tweetmeme_service = 'bit.ly';

- this variable defines the tiny link service used to display your tweeted link. If you prefer to have tr.im as the URL shortened link, just change “bit.ly” to “tr.im”.

 

*Tutorial Completed

 

Source: tweetmeme, twitter

Postings and update control for Blogger’s on the go

One way you can manage to keep your blog updated with fresh contents and at the same time update the social networks connected to your blog is by creating scheduled postings, using the facebook app: networkedblogs, and by linking your facebook page’s update to your twitter account.

To create schedule postings in the Blogger dashboard - Write your posts as usual but instead of clicking “Publish Post”, select Post Options > Post date and time > Scheduled at, and type in the date you want the posting to publish, then select “Publish Post”

 

If your blog has a facebook fan page, you can connect your blog and fan page together to alert your facebook fans about updates and new postings on your blog. To do this, you’ll need to install the facebook app: networkedblogs to be able to log your blog in for feed streaming.

Once your blog is logged in, you will need to configure feed settings to enable this feature. To do this, select your blog > feed settings > configure > and select “Auto-Publish blog posts to Page Wall.

 

For your blog’s twitter page, you’ll need to enable the facebook twitter page linking feature. If you haven’t already done so, facebook should notify you with a message at the top of your fan page. You can enable the feature by following the click link and selecting “Link a Page to Twitter”

Traffic booster using twitthis!

Here’s a proven traffic booster for not only your blog but twitter followers as well. Twitthis is a suggested user system that allows you to be suggested to other twitter user by earning twitpoints. To obtain points, all you have to do is submit a url you want to share to twitthis or follow a suggested user. The more points you accumulate, the more points you can spend to increase your site’s chance of being suggested to other users. Here’s how to implement twitthis to your blogger.

Steps to follow:

1. Visit http://www.twitthis.com and click Tools in the top right hand navigation. (you will need to navigate to this page later to copy/paste the section code you want to your xml template.)

2. Login to your Blogger Dashboard in a new browser window.

3. Go to Layout > Edit HTML (Click on “expand widgets” box)

4. Next, search for the following section code below:

<div class='post-footer'>

and paste the following section code right after it…

<!-- Footer Button Codes BEGIN -->
<div>
<p><span id='footer-buttons'>
<!-- things placed after this line will show on all pages -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- things placed after this line will only show on post pages –>

<!-- TwitThis Button BEGIN -->
<a href='javascript:(function(){TwitThisPop=window.open(%22http://twitthis.com/twit?url=%22+encodeURIComponent(location.href)+%22&amp;title=%22+((document.title)%20?%20encodeURIComponent(document.title.replace(/^\s*|\s*$/g,%27%27))%20:%20%22%22),%20%22TwitThisPop%22,%20%22width=600,%20height=500,%20location,%20status,%20scrollbars,%20resizable,%20dependent=yes%22);%20setTimeout(%22TwitThisPop.focus()%22,%20100);%20})()'><img alt='TwitThis' src='http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif' style='border:none;'/></a>
<!-- TwitThis Button END –>

<!-- Do Not Paste Any Code Below This Line -->
</b:if>
</span></p>
</div>
<!-- Footer Button Codes END –>

5. Preview your template, and if all is working fine, Save Template.

Note: Your Twit This! button should appear on all posts pages ONLY, and not the main page. Test the button by clicking it on a post and sharing one of your posts on twitter.

How To Install Twitter Widget To Your Blogger

For those of you who doesn't have Twitter yet, you should check it out. Many blogs today have a twitter page as well to allow their readers to have another source of the daily updates on your blog. From this tutorial, you will be able to add your very own twitter widget to your blog. There are two ways in which you can install this widget, either automatically(for beginners) or manually(for experienced). You will also need to have a twitter page already, you can sign up here: http://www.twitter.com/

Automatically

Steps you will need to follow:

1. Sign into your twitter page

2. Click Settings

3. Click "You can also add twitter to your site here" link

4. Click Blogger > Continue

5. Click Add to Blogger button

6. Click Add Widget

Manually

1. To add this widget manually, we go back to step 6 in automatic and instead of clicking add widget, simply click edit content

2. Copy the section code and paste it in HTML/JavaScript option