Digital Blog : Blogger Templates , Tips & tricks , Blogger Tutorial , Seo tips .: Blogspot Tutorials

Showing posts with label Blogspot Tutorials. Show all posts

Some Free Online Avatar Creators website List

March 15, 2010

All in One Blog

Below I try to list some websites providing the free online avatar creators. Please choose to become your favorite.

Yahoo! Avatars
UrFooz
Moeruavatar
Weeworld
Tizme
Moonjee
Doppelme
Muggins
SP Studio
MiiHow
Voki

»» Read more

How to Google Translate Flags Widget For Installing Blogger

March 05, 2010

All in One Blog

I’m sure that we are all not from the same country, and we all can’t understand all languages in the world . To day I explain how to add Google Translate Widget in the form of nations’ flags .

Widget Features :

This Widget Auto detect your blog language and translate it to the readers chosen language.
Support 12 different languages, English, Spanish, Italian, Dutch, Brazilian, Russian, Japanese, Korean, French, Germany, Arabic And Chinese.

If you are interested in add Google Translate Widget, then you follow the simple steps :

Login to blogger with your ID , then Click Layout.
Click Page Element tab.
then Click Add A Gadget .
Click HTML/JavaScript

Copy and paste the Google Translate code into the available area :

And finally Click Save Templates

It is very easy , keep trying

»» Read more

How to Create Automatic Read more Function

March 04, 2010

All in One Blog

We know that Blogger has supported the function to cut off the article . But recently, the automatic Read more is more popular because the automatic Read more will cut off the posts automatically .

If you want your blog has automatic Read more , you can follow the easy steps below.

Easy steps:

At 1st Login to blogger with your ID.
Then Click Layout >> and Click Edit HTML .

Copy and paste the JavaScript below the code </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>

<script type='text/javascript'>

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

Find the code <data:post.body/> on your template Ctrl + F write and hit Enter.
Then , Remove the code and change with the code below:


<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"summary" + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");

</script>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'>»»  read more</a></span>

</b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/>

</b:if>

And finally Click SAVE TEMPLATE.

»» Read more

How to setting a Blog

February 19, 2010

All in One Blog

After you Create a blog, You must do some settings to Your Blog more effective to make easy The Search Engine to find Your blog, also to easy Visitor Navigation.

To start it, please follow these steps:

1. Please Login to Your Blogger Account

2. Choose Your Blog (if You have more than 1 Blog)

3. Click "Settings"

4. In the "Basic" Tab

Title⇒ Write Blog Title You want

Description⇒ Write Your Blog Description that describes the content of Your Blog

Add your blog to our listings? ⇒ Yes

Let search engines find your blog? ⇒ Yes (if Your Blog is Private, choose No)

Show Quick Editing on your Blog?⇒ Yes

Show Email Post links?⇒ Yes

Adult Content?⇒ No (If Yes is selected, viewers of your blog will see a warning message and will be asked to confirm that they want to proceed to your blog)

Show Compose Mode for all your blogs?⇒ Yes

Enable transliteration?⇒ Disable (Adds a button to the toolbar for converting words from English to the selected language. You may later change the language in the Post Editor)

Click "Save Settings" button.

Publishing

Type the characters you see in the Word Verification picture

Click "Save Settings" button.

Formatting

Show⇒ Select the number of posts you want to show on the "Home" ex: 5 | Posts (If Days is selected, a limit of up to 500 posts will be enforced)

Date Header Format⇒ This is how the date will appear above your posts. Choose format You like

Archive Index Date Format⇒ This is how the archive links in your sidebar will display

Timestamp Format⇒ Choose format You like

Time Zone⇒ Choose like where You life

Language⇒ English

Convert line breaks⇒ Yes

Show Title field⇒ Yes

Show Link fields⇒ Yes

Enable float alignment⇒ Yes

Post Template⇒ Post templates pre-format the post editor with text or code that will appear each time you create a new post. So write what often you use

Click "Save Settings" button.

Comments

Comments⇒ Show (Selecting "Hide" does not delete existing comments - You can show them at any time by re-selecting "Show")

Who Can Comment?⇒ Anyone - includes Anonymous Users

Comment Form Placement⇒ Embedded below post

Comments Default for Posts⇒ New Posts Have Comments

Backlinks⇒ Show (Backlinks enable you to keep track of other pages on the web that link to your posts. Selecting "Hide" does not delete backlinks - You can show them at any time by re-selecting "Show")

Backlinks Default for Posts⇒ New Posts Have Backlinks

Comments Timestamp Format⇒ Choose Format You like

Comment moderation⇒ Never

Show word verification for comments?⇒ No (Because Word Verification is not visitors friendly)

Show profile images on comments?⇒ Yes

Comment Notification Email⇒ Fill with your email address, so that each have a comment on the article, you get an email as a notification from blogger.com

Click "Save Settings" button.

Archiving

Archive Frequency⇒ Monthly

Enable Post Pages?⇒ Yes

Site Feed

Allow Blog Feeds⇒ Full

Post Feed Redirect URL⇒ If you have burned your post feed with FeedBurner, or used another service to process your feed, enter the full feed URL here. Blogger will redirect all post feed traffic to this address

Post Feed Footer⇒ This will appear after each post in your post feed. If you use ads or other third-party feed additions, you can enter that code here. You must also set "Enable Post Pages" to "Yes" (in Archiving settings) and set "Allow Blog Feeds" to "Full" (above).

Click "Save Settings" button.

»» Read more

How To Create A Blog

All in One Blog

Main requirements for creating a Blog is a need to have the Email Account. I think all who read this post already understand how to create an Email Account, so I do not need to explain again how to create Email Account. please visit the Gmail, and click Sign Up. Fill in all the required data correctly.

Next we will create a Blogger account. The steps are: