blogwidgetbox: 2011-01-16

Sunday, January 16, 2011

How To Setup/Create Facebook Fan Page For Blogger

at 11:30 PM Posted by mm.saheb

In this article I hope to explain how to create a facebook fan page for your blog,and after that how to setup it to publish your blog post/articles.After you doing this, your facebook friends can read your blog post from your facebook fan page and can become fans of your blog.This is very helpful to become your blog more popular.To do this follow the steps below.

1.First login to your Facebook Account.

2.Now go to this link:

http://www.facebook.com/pages/create.php

3.You can see a screen like below.Fill the information and click on "Create Page".

4.Now you have created a facebook fan page.You can see a screen like this:

Now we must import your blog post to this fan page.Click on "Edit Page".

5.In next window click on "Edit" link under "Notes" section.

You can see a screen like this:

6.Now click on "Import a blog".

7.Give your website URL and click on "Start Importing".

8.Now you can see a confirmation window:

Click on "Confirm Import".

9.You are done.Now when you publish a blog post,it will automatically publish your facebook fan page.

You can add a picture for your fan page,configure settings,... as you like.

You can see my facebook fan pages from here:

http://www.facebook.com/pages/Auto-Trader-Zone/418057363974

http://www.facebook.com/pages/Premium-Blogger-Templates/10150130448820134

http://www.facebook.com/pages/Blogger-Tips/172150707452

at 3:20 PM Posted by mm.saheb

0 comments

This tools is very important to every blogger.When you put the video address and click Ok, embed code will appears in text box.

1.Log in to your dashboard--> layout- -> Page elements

2.Click on "Add a Gadget"

3.Select 'HTML/Javascript' and add the code given below and click save.

Now you are done.Look at the picture below.

I found this tip from this site.

at 2:59 PM Posted by mm.saheb

0 comments

1.First install Greasemonkey script for your Firefox browser.

2.Now click here to install 'Blogger - HTML encode on post edit' to blogger.

This adds a new button at the bottom of your new post area.It encodes the selected text so it can be posted as plain text in Blogger.It will look like this.

When you want to encode some code select it and cick on 'HTML ENCODE SELECTION' button.

Your code will look like this after being encoded:

Now publish your post and see the result.

at 2:06 PM Posted by mm.saheb

0 comments

This is a very useful and simple tool.Try it if you want to create Round Image Corners to your images.

1.Login to blogger dashboard-->Layout > Page Elements

2.Click on 'Add a Gadget'.

3.Select 'HTML/Javascript' and add the code given below and click save.

<form action="http://www.roundpic.com" method="post" enctype="multipart/form-data" target="blank"><input value="1048576" name="MAX_FILE_SIZE" type="hidden"><table><tbody><tr><td class="title"><b>Image:</b></td><td class="input"><input name="file" type="file"></td></tr><tr><td class="title">or <b>URL:</b></td><td class="input"><input value="http://" name="url" type="text"></td></tr><tr><br /><td colspan="2" class="submit"><button onclick="getLoader();" type="submit">Round it!</button></td></tr></tbody></table></form>

Now you are done.Look at the below.

at 2:04 PM Posted by mm.saheb

0 comments

1.Login to blogger dashboard-->Layout > Page Elements

2.Click on 'Add a Gadget'.

3.Select 'HTML/Javascript' and add the code given below and click save.

Note : You must replace YOURBLOG with your real blog name.

You can Customize other values as your choice ;

var nMaxPosts = 15; - This code sets the number of posts in this widget.

var sBgColor; - If you want to set background color then change this code to var sBgColor= grey;

var nWidth; - Modify this code to change the width to var nWidth= 100px;

var nScrollDelay = 175; - This code is used to set the speed of scrolling. Lesser the no, higher the speed of scrolling.

var sDirection="left"; - This code sets the direction of scroll. left = Right to left; Right = Left to right; Up = Down to up; Down = Up to down

var sBulletChar="»»"; - This bullet appears before each post link in this widget. You can replace this to any other bullet.

Now you are done.

at 1:45 PM Posted by mm.saheb

0 comments

This toolis very helpful to blogger.

1.Login to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to till you see this :

<data:post.body/>

4.Now copy below code and paste it just after <data:post.body/> .

<script type="text/javascript">
var ecov = "sh2";
document.write(unescape("%3Cscript src='http://eco-safe.com/js/eco.js' type='text/javascript'%3E%3C/script%3E"));
</script>

Now save your template and you are done.It will look like this.

at 1:42 PM Posted by mm.saheb

2 comments

1.Login to your blogger dashboard and go to Layout --> Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below and click save.

<script language=javascript>
var as = 1;
function statusbar()
{
var msg  = "TYPE-YOUR-TEXT-HERE";
var msg1  = "* * * * * * * * * * * * ";
var msg2  = "                                    ";
if(as == 2 )
 as = 1;
else
 as = 2;
timer = window.setTimeout("statusbar()",100);
var sds = eval("msg"+as);
var ss = "    "+sds+"  "+msg+"  "+sds;
window.status = ss;
}
statusbar(100);
</script>

Now you are done.

at 1:38 PM Posted by mm.saheb

0 comments

1.Login to your blogger dashboard and go to Layout --> Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below and click save.

<script language=javascript>
var as = 1;
var bs = 3;
function statusbar()
{
var msg  = "TYPE-YOUR-TEXT-HERE";

var msg1  = "\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\";
var msg2  = "||||||||||||||||||";
var msg3  = "//////////////////";
var msg4  = "------------------";
if(as > 4)
as = 1;
if(bs < 1)
bs = 4;
timer = window.setTimeout("statusbar()",100);
var sds = eval("msg"+as);
var sds2 = eval("msg"+bs);
var ss =sds+"  "+msg+"  "+sds2;
window.status = ss;
as = as+1;
bs = bs-1;
}
statusbar(100);
</script>

Now you are done.

at 1:36 PM Posted by mm.saheb

0 comments

1.Login to your blogger dashboard and go to Layout --> Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below and click save.

<script language=javascript>
function statusbar(val)
{
var msg  = "TYPE-YOUR-MESSAGE-HERE";
var res = " ";
var speed = 100;
var pos = val;

if (pos > 0) {
for (var position=0 ; position< pos; position++) {
 res += " ";
}
res+=msg;
pos--;
window.status = res;
timer = window.setTimeout("statusbar("+pos+")",speed);
}
else{
if( -pos < msg.length) {
 res += msg.substring(-pos,msg.length);
 pos--;
 window.status=res;
 timer = window.setTimeout("statusbar("+pos+")",speed);
}
else
{
 window.status= " ";
 timer = window.setTimeout("statusbar(100)",speed);
}
}
}
statusbar(100);
</script>

Now you are done.

at 9:52 AM Posted by mm.saheb

6 comments

In this article I have listed below premium quality free blogger templates collection for business purposes.All of the templates listed here have premium look and features like Horizontal Navigation Menus,Auto Read More Feature with Thumbnails, Header Ads banner, Search Box, Featured content sliders,Favicon support, Numbered Page Navigation Hack Installed and more...

You can download all of these blogger templates for free.These free Blogger templates are 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/

1. Business Company

Properties : 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Header Banner, Magazine, Business, Right Sidebar, Rounded corners, Top Navigation Bar, Web 2.0, White

Image:
or URL:

Animated Clock

Histats

Total Pageviews

Earn Referral Income!

How to create a Blog

Labels

Popular Posts

Feedburner

Sunday, January 16, 2011

NOW CLICK SAVE TEMPLATE

NOW CLICK SAVE

NOW CLICK SAVE TEMPLATE

Followers

Search This Blog

Google_translate

Recentposts

widgeo

Blog Archive

feedjit

your ip-address

My Blog List