Showing posts with label Post and Comments. Show all posts
Showing posts with label Post and Comments. Show all posts

Aug 19, 2010

How to add FaceBook Like Button For Blogger ( BlogSpot ) And Customize It

Step 1. adding it to your template.

The button code,
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>

where to add it ?
»»  read more
Read More>>>>>>>

Jul 24, 2010

How To Add A Free Forum To Blogger Blogs

A forum is a great way to interact with the readers of your blog and let them connect with each other.In this post i will show you how easy it is to add a free forum to your blog using Nabble and Blogger Static Pages.Nabble allow you to create and customize our forum then provide you with a snippet of code, by adding the code to a static page you can have the the forum within your blog.OK so lets look at the steps to add a forum to your blogger blog.


Add A Forum To Blogger

1. Follow this link to Nabble.Com and click 'Start A Free Forum' in the right sidebar.
»»  read more
Read More>>>>>>>

May 24, 2010

How To Connect With Rss Graffiti On Facebook



1. First make sure you are logged into the Facebook profile you want to automatically update, or the account that controls your Fan Page.

2. Follow this link to the Rss Graffiti app page - Rss Graffiti On Facebook.

3. You are now required to grant Rss Graffiti permissions to your profile (You can add your pages later).Click the authorize button and follow the steps.
»»  read more
Read More>>>>>>>

Jun 13, 2009

How to center post title (customization)

If you want to center (or align left or align right) the post title, sign into Dashboard > DESIGN > EDIT HTML to open the template editor and search for .post h3 (use ctrl+F) or code that may look something like those below (code below for Minima template, yours may be slightly different):

Reminder: Always backup template and backup gadgets before editing the template.

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}


The just add this line text-align:center;

.post h3 {
text-align:center;
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}


preview and if OK, save template.

If you want to align the post title to the left or to the right, just substitute text-align:center; with either text-align:left; or text-align:right;

Note: If you can't find the relevant code, let me know what template you are using via my contact form
»»  read more

May 6, 2009

How to set comment option for individual post

"Is there a way to not have comments for a post in the body of the blog or post? I would like to have a "comment" page that readers can go to and comment there, but not on the post itself."

You can easily set any individual post to either allow or don't allow comments. You will have to first go to Dashboard, click SETTINGS > COMMENTS and set the blog to show comments:
Comments (.) Show ( ) Hide


All you need to do now when publishing a post is to click POST OPTION at the bottom left corner of the post editor and select one of the 3 options:
( ) Allow
( ) Don't allow, show existing
( ) Don't allow, hide existing


»»  read more

Apr 13, 2009

Change The Address bar Icon (Favicon)

If you open a web/blog you will see an icon on addressbar. If you make blog in blogger your default icon will be like this:
But you can change the icon (favicon) with your own picture. it's very simple to do that. The first thing you have to do is prepare an image with low dimension, it's about 22x22 pixel to 32x32 pixel, actualy bigger is no problem but it will reduce speed to open your web/blog. And they can be formatted as gif, jpg, bmp, ico, png. Then you store your image to webhosting. But if don't know how to make it or don't want to occupied you can use the icon listed below. Ok lets begin the trick.

1. Login to blogger, chose "Layouts --> Edit HTML
2. Put the code below into your <head> tag or before <head> code.

<link href='http://www.geocities.com/uddin_81/icon/image1.gif' rel='SHORTCUT ICON'/>

3. The bold text is an address for your icon, you can change it with your own or just copy the below listed address icon.
4. Save your editing.

here is the icon and it's addres

 : http://www.geocities.com/uddin_81/icon/image1.gif
 : http://www.geocities.com/uddin_81/icon/image2.gif
 : http://www.geocities.com/uddin_81/icon/image3.gif
 : http://www.geocities.com/uddin_81/icon/image4.gif
 : http://www.geocities.com/uddin_81/icon/image5.gif
 : http://www.geocities.com/uddin_81/icon/image6.gif
 : http://www.geocities.com/uddin_81/icon/image7.gif
 : http://www.geocities.com/uddin_81/icon/image8.gif
 : http://www.geocities.com/uddin_81/icon/image9.gif
 : http://www.geocities.com/uddin_81/icon/image10.gif
 : http://www.geocities.com/uddin_81/icon/image11.gif
 : http://www.geocities.com/uddin_81/icon/image12.gif
 : http://www.geocities.com/uddin_81/icon/image13.gif
 : http://www.geocities.com/uddin_81/icon/image14.gif
 : http://www.geocities.com/uddin_81/icon/image15.gif
 : http://www.geocities.com/uddin_81/icon/image16.gif
»»  read more
Subscribe to: Posts (Atom)