Sangdedi's Personal Blog

How to Insert Google Adsense within Blog Post?

2008-08-03T11:19:00.000-07:00

The main matter to increase your income from adsense is by putting the ads as close as possible with blog post. So, is there any closer place than putting it within your blog post?
If you want to insert any adsense within your blog post, now, you can follow these steps:
#1 : Putting ads under Blog Header
>> Go to your Blog template and find <div id="content">
>> Put your ads code before that code.

#2 : Putting ads under Blog post Title
>> Go to your Blog template and find </BlogItemTitle>
>> Put your ads code after that code.

#3 : Putting ads under Blog post Content
>> Go to your Blog template and find <$BlogItemBody$>
>> Put your ads code after that code.

If you want to see the preview. Just click Here

P.S : This tutorial can be used in HTML template only. For the preview I use Minima Template , but it can work in any template as long as HTML template.

Insert Image Before Post Title

2008-08-03T09:17:00.000-07:00

You can insert any image before post title to be your signature or something. Just simply insert this code below before <BlogItemUrl>

Change the source [src] to your own image URL, you can customize resolution of image by adjusting its width and height.
You can see the preview here

P.S: This tutorial can work in HTML template only.

Source Code Encrypter

2008-07-26T11:34:00.000-07:00

If you have made any template of your blog page, now, you can encrypt that by copying your blog page template into this box below and click "encrypt". Copy the encrypting code and paste it back on your blog page. Now, your blog page appearance will have no change at all, but if you notice the source code [Right Click and View Page Source] your source code will be encrypted.
You can encrypt whole or half of your source code. But remember, please back up your source code before you do this. Enjoy it ^^

No Right Click Script

2008-07-26T11:06:00.000-07:00

I got this cool stuff from Dynamic drive about a script that forbid you to right click on your blog page. If you want to do this, just simply copy the script and follow the instruction. Find button by pressing CTRL + F {in mozilla firefox} and type "Select All". Once you got the button, then click it and copy [CTRL + C ] the script inside the box. Last, insert it on your blog page template. Now, your done.

Adding Green Menu Scroller

2008-07-26T09:49:00.000-07:00

I present this Green Menu Scroller is for you who want to show your blog contents in a beautiful menu scroller. I used Minima Black HTML template to preview this menu scroller but I think it can be used in any other template as long as you follow the installation guide.

Preview

Insert this code below into right above </head> tag.

<br /><script type="text/javascript" src="http://sangdedimenuscroller.googlepages.com/sangdedistscodemenuscroll.js"><br /></script><br />

and insert this code below after <body> tag, you can cuztomize it to insert the code where ever you want the green menu scroller appears, but remember, insert it in body session of your page. Change the URL into your own and you can customize the color and the image as you like.

<center><script type="text/javascript">sts_bs("jwscroller5fa0",[20071127,"","","http://sangdedimenuscroller.googlepages.com/blank.gif",0,1,1,3,"670px","left",1,3,100,100,1],["none",1,"#454545","#FFFFFF","","repeat"]);<br />sts_til([0,"All My Bloggers","left"],["bold 9pt Verdana,Arial","#000000","none","transparent","http://sangdedimenuscroller.googlepages.com/bgtitle.gif","repeat"]);<br />sts_pag(["transparent","7pt Verdana,Arial","#000000","none","transparent","7pt Verdana,Arial","#000000","none","#336600","7pt Verdana,Arial","#FFFFFF","none","#336600","7pt Verdana,Arial","#FFFFFF","none"]);<br />sts_sca(["center","middle","center","middle"],["http://sangdedimenuscroller.googlepages.com/arrowl_out.gif","http://sangdedimenuscroller.googlepages.com/arrowl_over.gif","http://sangdedimenuscroller.googlepages.com/arrowl_gray.gif",13,13,"http://sangdedimenuscroller.googlepages.com/arrowr_out.gif","http://sangdedimenuscroller.googlepages.com/arrowr_over.gif","http://sangdedimenuscroller.googlepages.com/arrowr_gray.gif",13,13]);<br />sts_sbd([1],["solid",1,"#454545",5,"http://sangdedimenuscroller.googlepages.com/round_tl.gif","http://sangdedimenuscroller.googlepages.com/round_tr.gif","http://sangdedimenuscroller.googlepages.com/round_br.gif","http://sangdedimenuscroller.googlepages.com/round_bl.gif","transparent","http://sangdedimenuscroller.googlepages.com/round_t.gif","repeat","transparent","http://sangdedimenuscroller.googlepages.com/round_r.gif","repeat","transparent","http://sangdedimenuscroller.googlepages.com/round_b.gif","repeat","transparent","http://sangdedimenuscroller.googlepages.com/round_l.gif","repeat"]);<br />sts_tbd([1],["solid",1,"#454545",5,"http://sangdedimenuscroller.googlepages.com/round_tl.gif","http://sangdedimenuscroller.googlepages.com/round_tr.gif","http://sangdedimenuscroller.googlepages.com/round_br.gif","http://sangdedimenuscroller.googlepages.com/round_bl.gif","transparent","http://sangdedimenuscroller.googlepages.com/round_t.gif","repeat","transparent","http://sangdedimenuscroller.googlepages.com/round_r.gif","repeat","transparent","http://sangdedimenuscroller.googlepages.com/round_b.gif","repeat","transparent","http://sangdedimenuscroller.googlepages.com/round_l.gif","repeat"]);<br />sts_ai("i0",[0,"Blogger 1","http://sangdedi.blogspot.com/blogger1","_self","http://sangdedimenuscroller.googlepages.com/product.jpg",80,100,"center"],["transparent","9pt Verdana,Arial","#000000","none","9pt Verdana,Arial","#000000","none"]);<br />sts_tip("i0",[0,"Tip Blogger 1","stEffect(\"rect\")","",80,0,0,0,"middle","center",100,100],["9pt Verdana,Arial","#000000","none","#FFFFFF","","repeat"]);<br />sts_ai("i1",[0,"Blogger 2","http://sangdedi.blogspot.com/blogger2","_self","http://sangdedimenuscroller.googlepages.com/product2.jpg",80,100,"center"],["transparent","9pt Verdana,Arial","#000000","none","9pt Verdana,Arial","#000000","none"]);<br />sts_tip("i1",[0,"Tip Blogger 2","stEffect(\"rect\")","",80,0,0,0,"middle","center",100,100],["9pt Verdana,Arial","#000000","none","#FFFFFF","","repeat"]);<br />sts_ai("i2",[0,"Blogger 3","http://sangdedi.blogspot.com/blogger3","_self","http://sangdedimenuscroller.googlepages.com/product3.jpg",80,100,"center"],["transparent","9pt Verdana,Arial","#000000","none","9pt Verdana,Arial","#000000","none"]);<br />sts_tip("i2",[0,"Tip Blogger 3","stEffect(\"rect\")","",80,0,0,0,"middle","center",100,100],["9pt Verdana,Arial","#000000","none","#FFFFFF","","repeat"]);<br />sts_ai("i2",[0,"Blogger 4","http://sangdedi.blogspot.com/blogger4","_self","http://sangdedimenuscroller.googlepages.com/product4.jpg",80,100,"center"],["transparent","9pt Verdana,Arial","#000000","none","9pt Verdana,Arial","#000000","none"]);<br />sts_tip("i2",[0,"Tip Blogger 4","stEffect(\"rect\")","",80,0,0,0,"middle","center",100,100],["9pt Verdana,Arial","#000000","none","#FFFFFF","","repeat"]);<br />sts_ai("i2",[0,"Blogger 5","http://sangdedi.blogspot.com/blogger5","_self","http://sangdedimenuscroller.googlepages.com/product5.jpg",80,100,"center"],["transparent","9pt Verdana,Arial","#000000","none","9pt Verdana,Arial","#000000","none"]);<br />sts_tip("i2",[0,"Tip Blogger 5","stEffect(\"rect\")","",80,0,0,0,"middle","center",100,100],["9pt Verdana,Arial","#000000","none","#FFFFFF","","repeat"]);sts_es();</script></center>

How can I switch XML template into HTML template?

2008-07-26T08:37:00.000-07:00

This part is presented to anyone who has case if they want to switch their xml template into html template, he can do these following steps bellow.

1. Go to your dashboard and choose which blog you want its template changes. Then click “Manage Layout”

2. Then click "Edit HTML"

3. Go to the bottom of the page, and click “Revert to Classic Template”

Adding Social Bookmark Widget

2008-07-26T07:30:00.000-07:00

If you have a wish to drive traffic into your blog page, I think this stuff will really help you to get your wish come true. Social Bookmark widget is the stuff which will help you to publish each post you made into social bookmark website such as: Digg.com, Del.icio.us, or any other websites. If someone click your bookmark button, then the post of your blog page will be submitted into one of bookmark website whose its button is clicked. Please Notice that I got this stuff is from Oggix.com.

Insert the script below into your blog template, change the URL and the title with your own.

<br /><a href="http://del.icio.us/post?url=http://sangdedi.blogspot.com/&title=http://sangdedi.blogspot.com" title="del.icio.us"><img src="http://server2.oggix.us/bookmark/images/delicious.png" alt="del.icio.us" border="0"></a><br /><a href="http://digg.com/submit?phase=2&url=http://sangdedi.blogspot.com/&title=http://sangdedi.blogspot.com" title="Digg"><img src="http://server2.oggix.us/bookmark/images/digg.png" alt="Digg" border="0"></a><br /><a href="http://furl.net/storeIt.jsp?t=http://sangdedi.blogspot.com&u=http://sangdedi.blogspot.com/" title="Furl"><img src="http://server2.oggix.us/bookmark/images/furl.png" alt="Furl" border="0"></a><br /><a href="http://blinklist.com/index.php?Action=Blink/addblink.php&Name=http://sangdedi.blogspot.com&Description=http://sangdedi.blogspot.com&Url=http://sangdedi.blogspot.com/" title="Blinklist"><img src="http://server2.oggix.us/bookmark/images/blinklist.png" alt="Blinklist" border="0"></a><br /><br><br /><a href="http://reddit.com/submit?url=http://sangdedi.blogspot.com/&title=http://sangdedi.blogspot.com" title="Reddit"><img src="http://server2.oggix.us/bookmark/images/reddit.png" alt="Reddit" border="0"></a><br /><a href="http://www.technorati.com/faves?add=http://sangdedi.blogspot.com/" title="Technorati"><img src="http://server2.oggix.us/bookmark/images/technorati.png" alt="Technorati" border="0"></a><br /><a href="http://ekstreme.com/socializer/?url=http://sangdedi.blogspot.com/&title=http://sangdedi.blogspot.com" title="Socializer"><img src="http://server2.oggix.us/bookmark/images/socializer.png" alt="Socializer" border="0"></a><br /><a href="http://ma.gnolia.com/bookmarklet/add?url=http://sangdedi.blogspot.com/&title=http://sangdedi.blogspot.com&description=http://sangdedi.blogspot.com" title="Ma.gnolia"><img src="http://server2.oggix.us/bookmark/images/magnolia.png" alt="Ma.gnolia" border="0"></a><br /><br><br /><a href="http://www.stumbleupon.com/refer.php?url=http://sangdedi.blogspot.com/&title=http://sangdedi.blogspot.com" title="Stumble Upon"><img src="http://server2.oggix.us/bookmark/images/stumbleupon.png" alt="Stumble Upon" border="0"></a><br /><a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=http://sangdedi.blogspot.com/&title=http://sangdedi.blogspot.com" title="Google Bookmarks"><img src="http://server2.oggix.us/bookmark/images/google.png" alt="Google Bookmarks" border="0"></a><br /><a href="http://www.rawsugar.com/tagger/?turl=http://sangdedi.blogspot.com/&tttl=http://sangdedi.blogspot.com" title="RawSugar"><img src="http://server2.oggix.us/bookmark/images/rawsugar.png" alt="RawSugar" border="0"></a><br /><a href="http://www.squidoo.com/lensmaster/bookmark?http://sangdedi.blogspot.com/" title="Squidoo"><img src="http://server2.oggix.us/bookmark/images/squidoo.png" alt="Squidoo" border="0"></a><br /><br><br /><a href="http://netvouz.com/action/submitBookmark?url=http://sangdedi.blogspot.com/&title=http://sangdedi.blogspot.com&popup=no" title="Netvouz"><img src="http://server2.oggix.us/bookmark/images/netvouz.png" alt="Netvouz" border="0"></a><br /><a href="http://www.rojo.com/add-subscription/?resource=http://sangdedi.blogspot.com/" title="Rojo"><img src="http://server2.oggix.us/bookmark/images/rojo.png" alt="Rojo" border="0"></a><br /><a href="http://blogmarks.net/my/new.php?mini=1&simple=1&url=http://sangdedi.blogspot.com/&title=http://sangdedi.blogspot.com" title="Blogmarks"><img src="http://server2.oggix.us/bookmark/images/bmarks.png" alt="Blogmarks" border="0"></a><br /><a href="http://co.mments.com/track?url=http://sangdedi.blogspot.com/&title=http://sangdedi.blogspot.com" title="Co.mments"><img src="http://server2.oggix.us/bookmark/images/comments.png" alt="Co.mments" border="0"></a><br /><br><br /><a href="http://www.oggix.biz/submit.php?url=http://sangdedi.blogspot.com/&title=http://sangdedi.blogspot.com%20title=" oggix.biz=""><img src="http://server2.oggix.us/bookmark/images/scuttle.png" alt="OGGIX.biz" border="0"></a><br /><a href="http://feedmelinks.com/categorize?from=toolbar&op=submit&name=%7Btitle%7D&url=%7Blink%7D&version=0.7" title="Feed me links"><img src="http://server2.oggix.us/bookmark/images/feedmelinks.png" alt="Feed Me Links" border="0"></a><br /><a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=http://sangdedi.blogspot.com/&t=http://sangdedi.blogspot.com" title="Yahoo My Web"><img src="http://server2.oggix.us/bookmark/images/yahoo_myweb.png" alt="Yahoo My Web" border="0"></a><br /><a href="http://www.newsvine.com/_wine/save?u=http://sangdedi.blogspot.com/&h=%7Btitle" title="Newsvine"><img src="http://server2.oggix.us/bookmark/images/newsvine.png" alt="Newsvine" border="0"></a><br /><br><br /><a href="http://www.spurl.net/spurl.php?url=http://sangdedi.blogspot.com/&title=http://sangdedi.blogspot.com" title="Spurl"><img src="http://server2.oggix.us/bookmark/images/spurl.png" alt="Spurl" border="0"></a><br /><a href="http://blinkbits.com/bookmarklets/save.php?v=1&source_url=http://sangdedi.blogspot.com/&title=http://sangdedi.blogspot.com" title="BlinkBits"><img src="http://server2.oggix.us/bookmark/images/blinkbits.png" alt="BlinkBits" border="0"></a><br /><a href="http://yigg.de/newpost.php?exturl=http://sangdedi.blogspot.com/" title="Yigg"><img src="http://server2.oggix.us/bookmark/images/yigg.png" alt="Yigg" border="0"></a><br /><a href="http://www.mister-wong.de/index.php?action=addurl&bm_url=http://sangdedi.blogspot.com/&bm_description=http://sangdedi.blogspot.com" title="Mr.Wong"><img src="http://server2.oggix.us/bookmark/images/wong.gif" alt="Mr.Wong" border="0"></a><br />

Adding GoogleTalk Widget

2008-07-22T00:38:00.001-07:00

Simply insert the code below on your blog page.

<br /><iframe<br />width="234" frameborder="0"<br />src="http://talkgadget.google.com/talkgadget/client?fid=gtalk0&relay=http%3A%2F%2Fwww.google.com%2Fig%2Fifpc_relay"<br />height="350"></iframe><p style="margin:-8px<br />0"></p><br />

Adding Sudoku game widget

2008-07-22T00:36:00.000-07:00

Simply insert the code below on your blog page.

How to insert new widget in Blogger.com XML template?

2008-07-22T00:32:00.000-07:00

1.Go to your dashboard and choose which blog where you want to add new widget on. Then click “Manage Layout”

2.When you arrive on “Add and Arrange Page element” Page. Then, click “add new page element”.

3.After that, you will see some pop up window. Insert your script and save it.

Adding google translator widget on your blog page

2008-07-22T00:15:00.000-07:00

If you see any blog which its content can be translated into any other language, now you can do the same too with your blog page. This code below will insert some flag images of countries whose its language will be translated to and next on the flag image there is its country name, you can customize by deleting the flag image or the country name.

Chinese
French
German
Italian
Japanese
Korean
Russian
Spanish

Simply insert the code below on your blog page. Place it where ever you want the translator to appear.

 <div style="padding:10px 3px 3px 10px;text-align:center;"><!—google<br />flags— translate mini><div align="left"><!– to beta add –<br />english (simplified) chinese><a style="cursor:pointer;<br />cursor:hand;" target="_blank" rel="nofollow"<br />onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8');<br />return false;" title="Google-Translate-Chinese (Simplified)<br />BETA"><img alt="Google-Translate-Chinese (Simplified) BETA"<br />border="0" align="absbottom" title="Google-Translate-Chinese<br />(Simplified) BETA" height="24"<br />src="http://files.bloggerplugins.org/chineese.png"<br />style="cursor:pointer; cursor:hand;" width="24"/><br />Chinese</a><!– to english (simplified) end chinese<br />beta–><br/><!– to add – english french><a<br />style="cursor:pointer; cursor:hand;" target="_blank" rel="nofollow"<br />onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8');<br />return false;" title="Google-Translate-English to French "><img<br />alt="Google-Translate-English to French " border="0" align="absbottom"<br />title="Google-Translate-English to French " height="24"<br />src="http://img75.imageshack.us/img75/1959/frenchvw7.jpg"<br />style="cursor:pointer; cursor:hand;" width="24"/><br />French</a><!– to – english french end><br/><!– to<br />add german – english><a style="cursor:pointer; cursor:hand;"<br />target="_blank" rel="nofollow"<br />onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8');<br />return false;" title="Google-Translate-English to German"><img<br />alt="Google-Translate-English to German" border="0" align="absbottom"<br />title="Google-Translate-English to German" height="24"<br />src="http://files.bloggerplugins.org/german.png" style="cursor:pointer;<br />cursor:hand;" width="24"/> German</a><!– to german –<br />english end><br/><!– to italian add – english><a<br />style="cursor:pointer; cursor:hand;" target="_blank" rel="nofollow"<br />onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8');<br />return false;" title="Google-Translate-English to Italian"><img<br />alt="Google-Translate-English to Italian" border="0" align="absbottom"<br />title="Google-Translate-English to Italian" height="24"<br />src="http://files.bloggerplugins.org/italian.png"<br />style="cursor:pointer; cursor:hand;" width="24"/><br />Italian</a><!– to italian – english end><br/><!–<br />to beta add – english japanese><a style="cursor:pointer;<br />cursor:hand;" target="_blank" rel="nofollow"<br />onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8');<br />return false;" title="Google-Translate-English to Japanese<br />BETA"><img alt="Google-Translate-English to Japanese BETA"<br />border="0" align="absbottom" title="Google-Translate-English to<br />Japanese BETA" height="24"<br />src="http://files.bloggerplugins.org/japanese.png"<br />style="cursor:pointer; cursor:hand;" width="24"/><br />Japanese</a><!– to beta – english end<br />japanese><br/><!– to beta add – english korean><a<br />style="cursor:pointer; cursor:hand;" target="_blank" rel="nofollow"<br />onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8');<br />return false;" title="Google-Translate-English to Korean<br />BETA"><img alt="Google-Translate-English to Korean BETA"<br />border="0" align="absbottom" title="Google-Translate-English to Korean<br />BETA" height="24" src="http://files.bloggerplugins.org/korean.png"<br />style="cursor:pointer; cursor:hand;" width="24"/><br />Korean</a><!– to beta – english korean<br />end><br/><!– to beta russian add – english><a<br />style="cursor:pointer; cursor:hand;" target="_blank" rel="nofollow"<br />onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8');<br />return false;" title="Google-Translate-English to Russian BETA<br />"><img alt="Google-Translate-English to Russian BETA " border="0"<br />align="absbottom" title="Google-Translate-English to Russian BETA "<br />height="24" src="http://files.bloggerplugins.org/russian.png"<br />style="cursor:pointer; cursor:hand;" width="24"/><br />Russian</a><!– to beta russian – english<br />end><br/><!– to spanish add – english><a<br />style="cursor:pointer; cursor:hand;" target="_blank" rel="nofollow"<br />onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8');<br />return false;" title="Google-Translate-English to Spanish "><img<br />alt="Google-Translate-English to Spanish " border="0" align="absbottom"<br />title="Google-Translate-English to Spanish " height="24"<br />src="http://files.bloggerplugins.org/spanish.png"<br />style="cursor:pointer; cursor:hand;" width="24"/><br />Spanish</a><!– to spanish – english<br />end></!–></!–></!–></!–></!–></!–></!–></!–></!–></!–></!–></!–></!–></!–></!–></!–></div></!—google></div><br />

URL Redirection

2008-07-21T07:30:00.000-07:00

What is URL redirection?
URL redirection is an URL that can be redirected into your blog domain name. It is an alias of your blog domain name.

How does it work?
It works by redirecting its URL to your blog domain name. Your blog page will have two different domain names, the first one is your blog page real domain name that you get from the website you made your blog, and the second one is your blog page domain name that you get from the website which provides you an URL redirection. In a simple word, it doesn’t matter whether you type your blog page real domain name or your blog page URL redirection domain name, you should see the same blog page.

Why do we need URL redirection?
We need URL redirection because it can give us better domain name for our blog. If you create an URL redirection by signing up on website which provides you an URL redirection, you can get a shorter domain name for your blog page.

Example:
Type: www.blogger.com
and www.blogspot.com
Now, you should see the same page, right? Blogger.com is an alias for Blogspot.com

So, I will to list websites which can provide you an URL redirection.

1. www.freedomain.co.nr
example:
http://sangdedi.blogspot.com
will become
http://sangdedi.co.nr
You can get an URL redirection from this site by free, but it asks you to add its back link on your blog page for legal use.

2. http://www.domaintk.com/
example:
http://sangdedi.blogspot.com
will become
http://sangdedi.tk
This site also offers you an URL redirection by free, but when you visit yourblogpage.tk, it inserts some ads on your blog page.

3. www.co.cc
example:
http://sangdedi.blogspot.com
will become
http://sangdedi.co.cc

P.S: I don’t use any URL redirection, so I never register http://sangdedi.co.nr, http://sangdedi.tk, http://sangdedi.co.cc or any other redirection URLs. Links
above are just for example. Actually, there are some sites which can provide you an URL redirection, but in my opinion, those sites I explained above are the best in providing an URL redirection that I can get for you.

So enjoy it ^^

How can I change XML blogger template?

2008-07-21T07:24:00.000-07:00

This part is presented to anyone who has case if they want to change their xml blogger template with another xml template. Let’s say if there is someone wants to change their superman template into batman template, he can do these following steps bellow.

1. Now you should have the new XML template. Your new template should be looked like this: newtemplate.xml. Notice that you have a new template with xml extension.

2. Go to your dashboard and choose which blog you want its template changes. Then click “Manage Layout”

3. Then click "Edit HTML"

4. Let’s say, you want to change your blog xml template into batman template that you put in D: directory.

4. Once you browse your new xml template and now just upload it.

Adding Shoutbox on your blog page

2008-07-21T07:11:00.000-07:00

If you want to add some shoutbox to your blog page, you can visit any website which provides you shoutbox. Maybe I can help you to figure the list of any website which can provide you shoutbox by free out.
1. Shoutmix.com

2. Oggix.com

3. Freeshoutbox.net

4. Myshoutbox.com

Hope you like it ^^

[TopMenu]GreenMenu

2008-07-19T08:38:00.001-07:00

Insert Right before </head> tag
<script type="text/javascript" src="sangdedistmenugreenmenu.js"></script>

INSERT in everywhere you want the menu appears as long as between <Body> and </body>
<script type="text/javascript">

</script>

[TopMenu]GreenButton

2008-07-19T08:36:00.000-07:00

Insert Right before </head> tag
<script type="text/javascript" src="sangdedistmenugreenbutton.js"></script>

INSERT in everywhere you want the menu appears as long as between <Body> and </body>
<script type="text/javascript">

</script>

[TopMenu]Dark

2008-07-19T08:34:00.000-07:00

Insert Right before </head> tag
<script type="text/javascript" src="sangdedistmenudark.js"></script>

INSERT in everywhere you want the menu appears as long as between <Body> and </body>
<script type="text/javascript">

</script>

[TopMenu]Black

2008-07-19T08:29:00.000-07:00

Insert Right before </head> tag

<script type="text/javascript" src="sangdedistmenublack.js"></script>

INSERT in everywhere you want the menu appears as long as between <Body> and </body>
<script type="text/javascript">

</script>

[TopMenu]Activated

2008-07-19T08:24:00.000-07:00

Insert Right before </head> tag
</script><script type="text/javascript" src="sangdedistmenuactivated.js"></script>

INSERT in everywhere you want the menu appears as long as between <Body> and </body>
<script type="text/javascript">
<!--
stm_bm(["menu61b2",819,"","blank.gif",0,"","",0,0,250,0,1000,1,0,0,"","",0,0,1,2,"default","default",""],this);
stm_bp("p0",[0,4,0,0,1,1,15,0,100,"",-2,"",-2,50,0,0,"#799BD8","transparent","",3,0,0,"#000000"]);
stm_ai("p0i0",[0,"Home","","",-1,-1,0,"http://sangdedi.blogspot.com/home","_self","","","icon_01a.gif","icon_01a.gif",15,15,0,"","",0,0,0,0,1,"#FFFFF7",0,"#FFFFF7",0,"","",2,2,1,1,"#999999","#999999","#666666","#000000","bold 7pt Verdana","bold 7pt Verdana",0,0],100,0);

stm_aix("p0i1","p0i0",[0,"Categories","","",-1,-1,0,"#","_self","","","icon_01a.gif","icon_01b.gif",15,15,0,"","",-1,-1,0,0,1,"#FFFFF7",0,"#FFFFF7",0,"","",3,3,1,1,"#999999","#b3ca32","#666666","#b3ca32"],100,0);
stm_bp("p1",[1,4,0,1,1,1,5,10,100,"",-2,"",-2,60,0,0,"#799BD8","#FFFFFF","",3,1,1,"#b3ca32"]);
stm_aix("p1i0","p0i0",[0,"Article","","",-1,-1,0,"http://sangdedi.blogspot.com/articles","_self","","","icon_01c.gif","icon_01c.gif",5,18,0,"","",0,0,0,0,1,"#FFFFF7",1,"#b3ca32",0,"","",3,3,0,0,"#FFFFCC","#FFFFCC","#b3ca32","#396600"],0,18); stm_aix("p1i1","p1i0",[0,"Tutorial","","",-1,-1,0,"http://sangdedi.blogspot.com/tutorial"],0,18);
stm_aix("p1i2","p1i0",[0,"My Diary","","",-1,-1,0,"","_self","","","icon_01c.gif","icon_01c.gif",5,18,0,"060420arrow2.gif","060420arrow3.gif",10,5],0,18);
stm_bp("p2",[1,2,-30,10,1,1,5,10,100,"",-2,"",-2,60,0,0,"#799BD8","#FFFFFF","",3,1,1,"#CCCC00"]);
stm_aix("p2i0","p0i0",[0,"About Love","","",-1,-1,0,"http://sangdedi.blogspot.com/aboutlove","_self","","","icon_01d.gif","icon_01d.gif",5,5,0,"","",0,0,0,0,1,"#FFFFF7",1,"#b3ca32",0,"","",3,3,0,0,"#FFFFCC","#CCCC00","#b3ca32"],80,18);
stm_aix("p2i1","p2i0",[0,"About Friend","","",-1,-1,0,"http://sangdedi.blogspot.com/aboutfriend"],0,18);
stm_aix("p2i2","p2i0",[0,"About Family","","",-1,-1,0,"","_self","","","icon_01d.gif","icon_01d.gif",5,5,0,"060420arrow2.gif","060420arrow3.gif",10,5],80,18);
stm_bpx("p3","p2",[1,2,-30,10,1,1,5,0]);
stm_aix("p3i0","p2i0",[0,"My Dad","","",-1,-1,0,"http://sangdedi.blogspot.com/mydad"],80,0);
stm_aix("p3i1","p2i0",[0,"My Mom","","",-1,-1,0,"http://sangdedi.blogspot.com/mymom"],80,0);
stm_aix("p3i2","p2i0",[0,"My Brother","","",-1,-1,0,"http://sangdedi.blogspot.com/mybrother"],80,0);
stm_ep();
stm_ep();
stm_aix("p2i3","p2i1",[0,"Story","","",-1,-1,0,"http://sangdedi.blogspot.com/story","_self","","","icon_01c.gif","icon_01c.gif",5,18,0,"","",0,0,0,0,1,"#FFFFF7",1,"#b3ca32",0,"","",3,3,0,0,"#FFFFCC","#FFFFCC","#b3ca32","#396600"],0,18);
stm_ep();

How to Increase your blog page visitor?

2008-07-19T08:17:00.000-07:00

Increasing your blog page visitor is really connected with the number of your blog page rank. Now, I will write down the list all things what can influence the number of your blog page visitor.

1. Blog Content: The important think of any blog page is all about its content. No matter how great your blog page appearance but if its content is bored then it means nothing. Please notice, if your blog is about let us say “Cooking”, so use the “Cooking” word as much as possible, it makes your blog page rank for “cooking” keyword in search engine increase.

2. Blog appearance: Maybe this is not as important as your blog content but this is an added value that can make your visitor feel comfort with your blog page. Adding flash button, flash game, video, or any other interactive thing will be really nice. Make your blog page appearance as simple as you can, so your blog visitor will not feel confuse with your blog page if they want to read other post.

3. Back-link: Back-link is a link to your blog page from other place. You can get this back link by changing back link from other blog page, so you add some one back link on your blog page and some one add your back link on his blog page.It is usually called Link-Exchange

4. Advertise you blog page: You can advertise your blog page by free in a forum. Forum is a potential place to advertise your blog page. You can insert your blog page logo in every post that you made. You can also insert back link in every post you made.

5. Submit to search engine: Submit your blog page in a search engine like, google, yahoo, msn, aol, etc. If you submit your blog page in a search engine, so if someone looks for any article related with your blog page by using a search engine, then the search engine will show your blog page on.

How to hidden navbar blogger.com?

2008-07-19T08:12:00.000-07:00

On your blog page, you may see navbar from blogger.com. It can be used to ease you to search a blog, to go to blogger.com dashboard menu or to sign you out from blogger.com. Beside that it is also as a mark that your blog page is made on blogger.com

In the other hand, we usually feel disturbed with that, so we have a wish to hidden that navbar.
It is just a really simple think to do.
Insert
<noscript> before the <body> tag
And
</noscript> after the <body> tag

In a simple statement, your <body> tag will be surrounded with <noscript> and </noscript>
So your script will be look like this :
<noscript>
<body>
</noscript>

Create Read More

2008-07-15T08:30:00.001-07:00

If you want to create a "read more.." in your post page, you can simply follow these steps below:

First Step:
Put this code below before </style> tag

<MainOrArchivePage> span.fullpost {display:none;}
</MainOrArchivePage>
<ItemPage> span.fullpost {display:inline;}
</ItemPage>

Second Step:
Put this code below after <$BlogItemBody$> tag

<MainOrArchivePage><br /> <a
href="<$BlogItemPermalinkURL$>">read more..</a>
</MainOrArchivePage>

Third Step:
Go to Setting >> Formatting
On the bottom of your page, you will see "Post Template"
Insert this code below in the box, do something like this

<span class="fullpost">

</span>

Fourth Step:
Save it!! Now you're done

Now, when you create a new post. Go to "Edit HTML", now you should see the code on third step. Type the post with format like this:

Type anything you want to show in the main page. In the bottom of this page you will see "read more.." that linked to the rest of this article.
<span class="fullpost">
This is the rest of article that is hidden from the main page. You can see this word by clicking "read more.." from the main page.
</span>

Preview>>

ASCII CODE

2008-07-15T07:17:00.000-07:00

ASCII stands for American Standard Code for Information Interchange. In order to display special characters or symbols within your Blog pages, you must type a special ASCII code on your blog post form, your ASCII character which you type on your blog post form will be showed as a special code.

For example, if you want to show your email in your blog post content such as : sangdedi@gmail.com. Then you must type something like this: sangdedi @gmail.com

Look !! Your ASCII code which you type on your blog post form @ will be showed as a special character @

Other example, If you wish to insert © in your blog post content, you can type ASCII code ©
So, if you want to show sangdedi© You must type sangdedi©

Here it is, the complete list of ASCII Codes you can enjoy below:

Adding post rate in blogger.com

2008-07-12T06:49:00.000-07:00

If you want someone to rate your each blog post, now you can put some rate for your blog page.
What a really cool stuff that you can add to your blog page to tweak your blog appearance.
Please notice that I got this cool stuff from Js-kit.com

Simply insert this code below, right after <$BlogItemBody$> tag

Hope you like it ^^

How to Change Blogger.com HTML Template

2008-07-12T04:43:00.000-07:00

1. Log in into your Blogger.com account. Go to dashboard

2. Click template

3. On the template form choose "Edit HTML"

4. Replace your old script template with the new one

5. Save the change by clicking "Save Template Change" button

How can I make Categories in Blogger?

2008-07-12T02:37:00.000-07:00

It’s such a really simple thing. When you want to publish your post in blogger insert a label name in the label box

Then you will see a label name in the bottom of your post

When you click the label name, it will show you every post labeled with that label name.

How can I insert any script in blogger post?

2008-07-12T02:03:00.000-07:00

Create your new post

Then click “edit html” tab

Insert your script into post box

Publish your post and view it.

Adding Rollover Image

2008-07-10T04:08:00.001-07:00

1.If your Image is in your computer hard drive, firstly you have to upload your image onto the internet.

2.Insert the script below right before the tag </head>

3.Copy this script below :

onload="MM_preloadImages(‘http://swapimage.jpg’)"

and insert it into the <body INSERT HERE > tag. So your script
from <body>
will become

4.Final step is copy this script below and paste it where ever you want the rollover image to appear.

P.S: Change the URL of the image with your own.

Adding jump menu

2008-07-10T02:52:00.000-07:00

1.Insert the script below right before the tag </head>

<script type="text/JavaScript">
<script type="text/JavaScript">
/*-----------00-------------------------
Please keep this author signature still remains
Designer: sangdedi
Homepage: http://sangdedi.blogspot.com
-------------00-------------------------*/

</script>


</script>

2.Final step is insert this script below where ever you want the jump menu to appear

<form name="form2" id="form2">
<select name="Jump Menu">
<option>[PleaseSelect]</option>
<option value="http://google.com">Google</option>
<option value="http://yahoo.com">Yahoo!</option>
<option value="http://blogger.com">Blogger</option>
<option value="http://sangdedi.blogspot.com">sangdedi</option> 
</select>
<input type="button" name="Button1" value="Go" onclick="MM_jumpMenuGo('Jump Menu','parent',1)" />
</form>

P.S: If you want to add more link just add this script below <option value="http://yoursitename.com">
Yourlinkname
</option>
Insert it between </option> and <option>

Adding text area

2008-07-10T02:51:00.000-07:00

Just simply copy this script below and paste it where ever you want the text area to appear.

<textarea name="text area" cols="10px" rows="5px" wrap="physical">
Insert your text here
</textarea>

Adding moving text

2008-07-10T01:53:00.000-07:00

Just simply copy this script below and paste it where ever you want the moving text to appear

Insert your text here!!
Visit my blog

<marquee direction="up" scrolldelay="50" scrollamount="1" loop="-1" width="20%" bgcolor="#F5F5F5">
Insert your text here!!
<a href="http://sangdedi.blogspot.com">Visit my blog</a>
</marquee>

Customize that script by changing the “direction”:
Direction=”down” [text will move from top to bottom]
Direction=”left” [text will move from right to left]
Direction=”right” [text will move from left to right]

Change scrolldelay value to change the speed of moving text, larger is slower.

Adding Flash File

2008-07-07T05:57:00.000-07:00

If you have flash file like flash game or etc in your computer hard drive, you can add that flash file into your blog page by doing these following steps:
1.You have to upload your flash file onto the internet. You can upload it in googlepages.com or anywhere you like that support flash file extension.

2.After you upload the file, now the URL of your flash file should be something like this:
http://yoursite.com/yourfilename.swf
or
http://youraccount.googlepages.com/yourfilename.swf
(if you upload your flash file on googlepages.com)

3.Just simply copy the script below to add a flash file on your blogspot page, and paste where ever you want the flash file to appear. You even can paste this script below into your posting page by firstly go to “creating a new post” and click “edit HTML” tabs. Details click here

4.Customize that script by changing “width” and “height” then change “http://sangdedi.googlepages.com/sangdedi.swf” with your flash file URL.

SEO

2008-07-07T00:54:00.000-07:00

What is SEO?

SEO stands for search engine optimization. SEO is the way to optimize your site to increase your site traffic [in this case your blog page visitor] because of your page rank in search engine.

Why do we refer to search engine?

Because of the majority site traffic received from someone who use commercial search engine to find some related contents. Google leads the market by getting almost 40% of searches, followed by yahoo nearly 30%, and other search engine for the rest.

How does the search engine work?

1. Search engine crawls the web with some run automated program called ‘Bots’.

2. After crawl the web, it is going to index your site. Your site content will be stored in its database.

3. Once your site is indexed by search engine, now it is going to compare which site is more specific for any query.

4. After comparing your site with another site, then it will rank your site. It will impact your page rank in a result of search engine when someone search something in search engine.

What is SEO structure?

SEO structure is a structure internal of site system that can easily indexed by search engine.

Why do I say Blogger.com is the most SEO structure blog ?

Because, its URL is really simple to be indexed by the search engine.
Example : http://sangdedi.blogspot.com/2008/07/about-me.html
than
http://yourblog.yoursite.com/page_id=56

P.S: Beside the reason I have explained above, Blogger.com is belonging to google.com the largest search engine in the world. That's why the other reason I choose Blogger.com to make my blog page

About Me

2008-07-04T08:14:00.001-07:00

Hi, welcome to my personal blog. Please introduce my self, my name is sangdedi. I present some Blogger (Blogspot) templates, tips, articles, widgets, tutorials, and scripts to optimize your Blog appearance. I am really glad if content of this blog can help you to tweak your blog. All stuffs here are free to be used and to be edited. You are permitted to edit every single part of the code, but please make sure that the author signature is still remains.

All contents which you get from here have been tested before by me and fortunately well-works. But, please notice that maybe not all contents will work in your computer environment. Just for information, I use mozilla firefox to test all contents here.

I am so sorry if some ads which I insert in this blog page annoy you. I am just trying to get some money from adding ads to pay my living cost. Maybe there are useful ads that give you information related from my blog page.

So, if you want to know some more, please don’t you hesitate to try all contents here. But first, you MUST backup your template script before you do this.

Hope you like it,
Best Regards

Sangdedi

FAQ

2008-07-04T08:13:00.000-07:00

This page contains frequently ask question (FAQ) sent into my email. And I’ll try to answer that question here. Any other FAQ will be added shortly in this page.

What is my real name? Is sangdedi my real name?
No, sangdedi is just my nick name on the internet. I am sorry dear my real name is such private information. Maybe I’ll try to answer it next time. I will be really glad if you can call me sangdedi.

What is my age? Male or female?
Please guest it by yourself! I am kidding you
I am 21 years old male [at least until when I publish this page].

Where do I come from?
I come from Indonesia.

Why do I choose to make my blog in blogger.com?
The main reason why I choose blogger.com because it is free
The other reason is blogger.com provide us the most SEO structure blog. See detail about SEO

Why do I make my content blog page separately?
I prefer to make my content blog page separately than make it compact as one template is because I want you to learn about the script I gave. If I make all my contents to become one luxurious template, I’m afraid that you will just copy and paste the template without understanding the meaning of the script.

What do I do?
I do study in university of Indonesia as an undergraduate [will be graduated soon] student in electrical major computer engineering specification.

Where do I get my inspiration from?
There are some sites become my inspiration, such as: Dynamicdrive, Deviantart, Friendster, etc.

Why do I prefer to use English language than Indonesian Language?
I use English language is for deepen my English communication skill and more people will understand the meaning of this blog page if I use English language. More people I help then more happiness I get.

If you have any question or even objection with the content of this blog page, please let me know by sending an email to me.

Template Others

2008-07-04T08:11:00.005-07:00

Under Construction

Template Four Coloumns

2008-07-04T08:11:00.003-07:00

Under Construction

Template Three Coloumns

2008-07-04T08:11:00.001-07:00

Under Construction

Template Two Coloumns

2008-07-04T08:10:00.001-07:00

Under Construction

Template One Coloumn

2008-07-04T08:05:00.000-07:00

Under Construction

Adding Search Box

2008-07-04T06:12:00.000-07:00

If you want to add your blog with search box widget like this,

(It is just for example. I block the method, so it will return to nothing)

Just simply, copy and paste the script below. Place it where ever you want the search box to appear.

This widget can be used both in XML version {new blogger} and HTML version {old blogger}

P.s: You can change the text on search button by change the value of "searchButton". If you want to change the button into this
Just simply change this script :

with this script

Change Blogger's Favicon

2008-07-04T05:12:00.000-07:00

Blogger.com has a favorite icon that so familiar with us.
if you want to customize this icon,
please do these steps below :

1. Create your own image. You can create it in any format and in any size.

2. Change your image format to be *.ico . You can visit http://www.favicon.co.uk/ to change your image format.

3. If your image is already formatted in *.ico , so you don’t need to change your image format anymore.

4. Once you’ve got your image formatted in *.ico, then publish it. The problem is most image publisher site doesn’t support to publish an image formatted in *.ico, but you can upload it in googlepages, you can login with your gmail account.

5. If you didn't already have gmail account, you must register your name first.

6. Don't you name your favicon as favicon.ico. Use the other name like sangdedi.ico or etc, it's because if you name your favicon as favicon.ico and you upload it in googlepages, it will reffer to favicon of googlepages.

6. Last action is add this code to your template

Change http://myfavicon.com/sangdedi.ico with your own URL
Put it before tags </head>

P.s: The best favicon size is 16 x 16px