Few days ago Twitter has introduced their own tweet buttons for web masters.Now you can use this twitter button directly share your posts through twitter without any third party web site.So you and your visitors don't want to authenticate any third party web site to access your Twitter account.These new tweet button loads very fast and anyone can share your article with in few seconds.There are 3 types of Beautiful Tweet buttons : Vertical count, Horizontal count and No count.Here I am going to describe how to add these Twitter buttons to your blogger blog.
If you like o add these Twitter official share button to your blogger blog,then follow the steps given below.
1.Login to your blogger Dashboard--> Design- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see below code:
4.Now Copy your "Twitter tweet button" code and paste it just below the above code.
NOTE: If you can't find in your template, paste your "Twitter tweet button" code just before .
Note : Remember to replace "TWITTER-USERNAME" with your real Twitter username.
If you want to show Tweet buttons not only Post pages but also Home page,Archive pages,Label pages,etc... , then remove "" and "" from above codes.
5.Now save your template.
You can view more info from here:
http://twitter.com/goodies/tweetbutton
Want to build a custom tweet button for your site? Check out developer documentation for the Sharing API to provide the same Tweet Button sharing functionality with your own style :
Commenting is one of the most important parts of blogging. it’s what makes blogging a conversation. Now Blogger has introduced 2 new improvements to Blogger’s comments system: Spam filtering(Spam Inbox) and the ability to view all comments on your blog in one place(Comments Inbox).
Comment Inbox
The Published sub-tab(under Comments tab) provides a similar view as your email inbox. You can see all of the comments on your blog in one place.
Also you can mark them as "spam",delete or remove content of the comments.When you mark a comment as Spam, it will be deleted immediately from your blog.
Comment moderation has also moved under the Comments tab and has been extended to allow you to mark comments as Spam.
Comments Spam Filtering(Spam Inbox)
To fight with spam, some of you enabled moderation of all comments or required word verification or login. While somewhat effective, these checks limit real-time conversations around your blog.To address this,Blogger have integrated Google’s spam filtering technologies into the Blogger comment system.
The comments in the Spam inbox are not visible to your readers. Here, you can permanently delete spam comments by selecting them and choosing Delete. You can also mark comments as Not Spam that have been incorrectly classified as spam.Choose Not Spam and the selected comments will be moved out of the spam list and will be immediately published on your blog.
This is a magazine style free premium blogger template created by me.It has many advanced features, you can see in a blogger template.I hope you will like it very much.To configure this template read the instructions given below.And also read the instruction inside the downloaded zip file.
Template Features
Column: 3 Columns/2 Sidebars/Right Sidebars
Fixed Width Template (1000px width)
2 Horizontal Navigation Menus
Auto Read More Feature with Thumbnails.
468*60 Header Ads banner
1 CSS Search Box
CSS Subscribe Box included
JQuery Featured Post Content Slider included
4 Column Footer section
Meta tags installed
SEO friendly blogger title hack installed to help you rank higher in Google
Facebook Like button installed
Hosted images on blogger. Free use forever!
Favicon support so you can add your own url icon
Compressed CSS to speed up your page load times
Modified "Older Posts","Home","Newer Posts" Links
Automatically highlight author comments
Modified Comments Section to Enable Avatars in Blogger Comments
Template type : 2 Sidebar, 3 Column, 4 Column footer, Elegant, Featured Section, Fixed width, Header Banner, Magazine, Premium, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, Web 2.0, White
2.Now, sign in to Blogger dashboard and click on the layout.
3.Here is the important step, after uploading any new Blogger template, all of the previous widgets like your google adsense ads,text,profile,poll,etc etc will be lost. So, to avoid this to happen, in this step click on 'edit' on all the widgets and copy the codes into notepad,etc.
4.Now click on the 'Edit html' tab
5.First of all please Download Full Template.This is to back up your present template.If the new template that you are going to upload makes/gets into some errors or if you make more complex errors in that,then you will loose everthing.So make sure that you back up your template.
6.Just below that,there's an option of uploading new template.So, use the Browse button and upload the downloaded xml file.
7.Now, a message appear saying that your widgets are about to be deleted.Click on the Confirm & Save (no problem doing this because we already copied the widget codes in Step 3).
8.Now click on "confirm and save".Now you successfully installed the template.
8.Click on the 'Page elements' page now and add the codes that you copied in step3 using the 'Add a Page Element' option.
How To Configure Meta Tags
Find this code in your template:
Now Replace,
DESCRIPTION HERE with your site description. KEYWORDS HERE with your site keywords.
How To Configure First and Second Navigation Bar
Login to your blogger dashboard--> design- -> Edit HTML.Now Scroll down to where you see below code :
Link-Name-X Now Replace Your-Link-Here,Link-Title,Link-Name-X with your details.
How to Configure Featured Content Slider
Add this code into a HTML/JavaScript box and place it into above "Blog Posts" section:
NOTE : Replace "featured post x link"s with your real featured posts links. Replace image addresses with your real featured posts image addresses.
How To Show Slider only in homepage
Read the instruction inside the downloaded template file.
"pbtemplates" with your feedburner ID.(you can find it 3 times)
"btipandtrick" with your twitter ID.
"http://www.facebook.com/pages/Premium-Blogger-Templates/10150130448820134" with your Facebook URL.
How To Configure Favicon
Login to your blogger dashboard--> Design- -> Edit HTML.Now Scroll down to where you see below code :
Now replace "YOUR-FAVICON-URL" with your Favicon address/url.
Configure "Timestamp Format" Format
Login to your blogger dashboard--> Settings- -> Formatting.Now set your timestamp format as the picture below.
Important !!!:
Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.
License:
This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below: http://creativecommons.org/licenses/by/3.0/
Do you want to show your recent tweets inside your website or blogger blog?Then,this tutorial will helpful for you, to add recent tweets into your website using Jquery.Your recent tweets will load fast using jquery and also you can change number of tweets must display very easily.If you want you can read advanced details about tutorial from here: http://www.thewebsqueeze.com/web-design-tutorials/displaying-your-tweets-on-your-website-with-jquery.html
Twitter is a social networking and microblogging service, owned and operated by Twitter Inc., that enables its users to send and read other user messages called tweets. Tweets are text-based posts of up to 140 characters displayed on the author's profile page.
Now follow the steps given below to add this recent tweets widget to your website or blog.
1.Login to your blogger dashboard--> Design - -> Edit HTML.
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
NOTE : btipandtrick : Replace this with your twitter username.
5 : Number of tweets must appear.
4.Now save your template.
5.Go to Layout --> Page Elements.
6.Click on 'Add a Gadget'.
7.Select 'HTML/Javascript' and add the code given below:
In this tutorial I am going to show how to style your external links differently from the other links using Jquery.Also after adding this trick to your blogger blog or web site,all external link of your site will open in new window.This is very easy to do and you can view a .If you want to know further details about this trick you can read this : http://www.madeincima.eu/blog/jquery-tutorial-external-links/
Now to add this jquery external links effect to your site follow the steps given below.
1.Login to your blogger dashboard--> Design - -> Edit HTML.
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
4.Now save your template.
You are done.Now all of your external links open in new windows and can identify external links from other links.
This is a another tutorial about, how to add great featured jquery content slider to your blogger blog or other website.Read the instruction given below to add this featured content slider to your blog with in few minutes.Remember to use 307pxwidth and 254pxheight images for this slider.I recommend to DOWNLOAD java script files and host it yourself.Also you can see the DEMO of this slider .
1.Login to your blogger dashboard--> Design - -> Edit HTML.
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
4.Now save your template.
5.Go to Layout --> Page Elements.
6.Click on 'Add a Gadget'.
7.Select 'HTML/Javascript' and add the code given below:
NOTE : Replace,
SLIDE-X-LINK-HERE with your real featured posts links.
SLIDE-X-IMAGE-ADDRESS-HERE with your real slide images addresses.
In this tutorial I am going to explain,how to create a slideshow to show your featured content to visitors.This is very easy to add and configure.This slideshow is working using jquery.You do not want to host any java script file yourself to add this slideshow to your blog.So you can add this slideshow to your site with in few minutes.Default width=600px and height=240px.But you can change it easily to match it for your website.
If you like add this slideshow to your blogger blog or website,then follow the steps given below.
1.Login to your blogger dashboard--> Design - -> Edit HTML.
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
4.Now save your template.
5.Go to Layout --> Page Elements.
6.Click on 'Add a Gadget'.
7.Select 'HTML/Javascript' and add the code given below:
In this tutorial I am going to explain how to add random,rotating images for your blogger header background.When after you adding this feature to your blogger blog,header image of your blog will rotate/change in each page refresh.Before doing this trick you must create header images for your blog.In this tutorial I am going to show how to rotate 5 header images.
1.Log in to your dashboard--> Design- -> Edit HTML
2.Scroll down to where you see tag.
3.Now copy below code and paste it just after the tag.
NOTE :
Replace "URL-OF-HEADER-IMAGE-X" with your image URLs.
If above code doesn't work for your blog,then replace "#header-wrapper" with "#header".(ID or Class of your header section).
You can add different number of images than 5.But remember to change "4*Math.random()" according to the number of images you add.For example,when you want to add 8 different images for your blog header background, then code should be change as "7*Math.random()".Look at the example below:
4.Now save your template and your done.Refresh your site few times to see the result.Your header image will be rotate.
This tutorial will explain to you how to add Twitter Follow me Button to your blogger blog or any other web site.This service is provided by Tweetmeme.com.This Follow button is for website and blog publishers that want to encourage their audience to follow them on twitter. This button provides the interface to see the follower count of a particular user and a button which upon pressing opens the follow pop-up providing a number of different views and statistics about the user from additional services such as Twitter Grader, Twitalyzer and Twitter Counter.
If you are a blogger then follow the steps below to add this 'Twitter follow button' to your blogger post.
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see below code:
4.Now Copy your "Tweetmeme Follow Button" code and paste it just below the above code.
NOTE: If you can't find in your template, paste your "Tweetmeme Follow Button" code just before .
Code 1:
Result:
Code 2:
Result:
Code 3:
Result:
NOTE : Remember to replace yourtwitterusername with your real twitter username.
If you are not a blogger,you can too add this code simply your website.
Few days ago, Blogger, has introduced a full-featured, real time stat service for your blogspot blog.The new Stats feature shows all traffic stats data of your bloggger blog, in a simple, easy-to-understand graphical user interface.
So now you can check traffic stats of your blogger blog without using any third party services.You have nothing to install or configure.It monitors and analyzes your visitor traffic in real time, which technically is not possible with other tools, not even in Google Analytics.
The coolest thing about the new Blogger Stats is that it monitors and analyzes your visitor traffic in near-real-time. You can see which posts are getting the most visits and which sites are sending traffic to your blog right now. For example, if a reader shares one of your blog posts on Twitter and the post is getting lots of clicks, you will see a traffic increase in Blogger Stats almost instantly, with the particular Tweet mentioning your post being identified as the traffic source. Of course, traffic data across longer time periods (day/week/month) and all-time historical data are available as well.
From Blogger in draft
Right now it's available for Blogger in Draft only, but soon you can see this feature in your main Blogger dashboard.To check this feature,Login to your Blogger in Draft dashboard.You can see a link called "Stats".Look at below:
Click on that link and now you can check your blog traffic stats directly from blogger.Here you can check features like page views of your blogger posts,Traffic Sources of your blog,popular search keywords that send visitors to your blog, which country your visitors come from, and which web browsers they are using,etc...
This new feature will helpful to all blogger users to know what's going on with your blog right now.As a blogger I am very happy with this new feature of blogger.
In this tutorial I will explains, how to add blogger new share buttons to your blogspot blog.This will more helpful if your template is a highly customized blogger template.But your template is a blogger default template, then you can add this share buttons editing the Blog Posts widget and enabling Show Share Buttons in Page Elements section.
But this method does not work for you,follow the steps given below to add blogger share buttons to your blog.
Blogger now offers new share buttons. The new buttons can be placed under each post and let your blog readers easily share your post via email, Blogger, and popular social networks—we now support Google Buzz, Twitter, and Facebook, and we plan to add more services in the future.
-From Blogger Buzz
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see below code:
4.Now Copy below "Blogger Sharing buttons" code and paste it just below the above code.
NOTE: If you can't find in your template, paste "Blogger Sharing buttons" code just before .
This will show blogger sharing buttons below post header.But if you want to show share buttons below blogger post,then paste your code just after.
This is the second version of "How To Add Sexy Social Bookmark to Blogger".The creator of Sexy Social Bookmarks is http://www.cssreflex.com/.For second version of sexy social bookmarks, you have to use jquery.I hosted sexy bookmarks images(2 images) in google code or other hosting service.Don't try to host images in blogger.If you do so this sexy bookmark widget will not work correctly.Below I explain how to add this sexy bookmarks v2 for your blogspot blog.If you like to add it to your blog then follow the steps given below.
1.Log in to your dashboard--> layout- -> Edit HTML
In this tutorials,I will explain to you how create a Subscribe Box with Feedburner Email subscription,Feed subscription and Social networking buttons(Digg,Twitter,Facebook,Stumbleupon,Delicious).You can easily add or remove social buttons to this widget and setup your email subscription.If you like to add this widget to your blog or a website,then follow the steps given below.
1.Log in to your dashboard--> Design- ->Page Elements.
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the code given below and click save.
Note : Remember to REPLACE,
FEEDBURNER-ID with your feedburner ID. DELICIOUS-USERNAME with your delicious username. TWITTER-USERNAME with your twitter username. FACEBOOK-USERNAME with your facebook username. STUMBLEUPON-USERNAME with your stumbleupon username.
This tutorials will show you how to add reply option to your blogger comments like wordpress.Usually we can see reply option in non blogger blogs.But in blogger blogs there is no option to reply comments.But after you add this trick to your blogger template,you can see a reply option in blogger comments.
Before add this feature to your blogger blog you must find your blog ID.
To find your blog id follow the step given below.
Login to your dashboard and click on "Settings" link of your blog.
Now look at address bar of your browser.You can see your blog ID on the address bar.It will be a number like 2183677992760077155.Now note your blog ID.
Now let see how to add reply option to blogger comments.
1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:
4.Copy below code and paste it just after above code.
Twitter
Facebook Page
Subscribe via Email