Hi Buddy this topic is document text sizer, its make resize your document text. Sometimes the text size you've specified for your webpage isn't suitable to the viewer, depending on his browser configuration or OS. This useful script by Taewook uses Dynamic CSS to let the viewer himself modify the text size of the page on demand, by clicking on an Increase or Decrease Font Size link. Now that's a kind of personalization your viewers may just appreciate!
This script is most appropriate for webpages styled using CSS or a minimal of deprecated HTML tags, though it can also affect text sized using explicit tags. Compatibility wise, a DOM enabled browser is required for the script to take affect- IE5+/NS6+/Opera 7+ etc.
Click the following for example :
+ Larger Font | + Smaller Font
How To Make it :
1. Add the following code to the <HEAD> section of your web page:
<script type="text/javascript" src="http://yourfilelink.com/textsizer.js">
</script>
A bold text : change with your textsizer.js file link in your hosting like www.geocities.com etc.
The above script references an external.js file. Download this file here
2. Now set up the two links that will increase and decrease your text size. The following will do nicely:
<a href="javascript:ts('body',1)">+ Larger Font</a> | <a
href="javascript:ts('body',-1)">+ Smaller Font</a>
DOCUMENT TEXT SIZER
BANNER AUTO EXCHANGE
Its new instalation in my blog, that is banner exchange. You can insert your banner into my blog automatic, its helpfull for you. You just insert banner link and blogsite link.
How To get that widgets?
1. Register Here
2. Fill out the form that is in accordance with the data you and your blog
3. Login with your ID and password
4. Setting your board
5. Get HTML Code to enter in your widgets blog.
6. Enter your widgets to your blog.
Make Google Translate Flag Widget
Hi buddy, i just wanna share how to make Google Translate Flag Widget in your blogger. Now with Google traslate you can translate more than 18 language suck us, German, Hindi, Italian, etc. I hope no one might have seen such a huge list anywhere. This Widget is powered by Google.
Google translate flag can you change in sidebar menu or in your post, How to change it :
1. Copy code here :
<div style="padding:10px 10px 10px 10px;text-align:center;">
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Car&hl=en&ie=UTF8'); return false;" title="Translate English to Arabic"><img border="0" style="cursor:pointer; cursor:hand;" alt="Translate English to Arabic" width="24" src="http://i263.photobucket.com/albums/ii150/mohamedrias/Arabic_Flag.png" height="18" title="Translate English to Arabic"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Translate to Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplified) BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_chinese_s.png" height="18" title="Translate to Chinese (Simplified) BETA"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cbg&hl=en&ie=UTF8'); return false;" title="Translate English to Bulgarian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Bulgarian_Flag.png" height="18" title="Translate to Bulgarian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-TW&hl=en&ie=UTF8'); return false;" title="Translate English to Traditional Chinese"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Mandarin_Flag.png" height="18" title="Translate to traditional Chinese"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Chr&hl=en&ie=UTF8'); return false;" title="Translate English to Croatian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Croatian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Croatian_Flag.png" height="18" title="Translate to Croatian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Ccs&hl=en&ie=UTF8'); return false;" title="Translate English to Czech"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Czech" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Czech_Flag.png" height="18" title="Translate to Czech"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cda&hl=en&ie=UTF8'); return false;" title="Translate English to Danish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to danish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Danish_Flag.png" height="18" title="Translate to Danish"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cid&hl=en&ie=UTF8'); return false;" title="Translate English to Indonesia"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Indonesia" src="http://www.geocities.com/fajar.info/Flag-indonesia.gif" height="18" title="Translate to Indonesia"/></a>
<div style="display:none;">
<small><a href="http://tips-of.blogspot.com" target="_blank">Grab this widget</a></small></div>
</div>
2. Enter to your blogger
3. Go to Layout - Add New Widget - HTML/JavaScript - Paste code. And save
4. Finish.
Chang Google translate into your post :
1. Login to your blogger
2. Layout - Edit HTML - Check Expand Widgets Box.
3. Search code :
<p><data:post.body/></p>
4. Paste the following code below that line
<div style='border: 1px solid rgb(153, 153, 153); padding: 5px; margin: 15px; background-color: rgb(255, 248, 175);'>
<span style='color:#000000;font-size:14px;text-transform:uppercase;font:georgia;margin-bottom:5px;'> Translate This post to your regional Language </span><br/>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Car&hl=en&ie=UTF8'); return false;" title="Translate English to Arabic"><img border="0" style="cursor:pointer; cursor:hand;" alt="Translate English to Arabic" width="24" src="http://i263.photobucket.com/albums/ii150/mohamedrias/Arabic_Flag.png" height="18" title="Translate English to Arabic"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Translate to Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplified) BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_chinese_s.png" height="18" title="Translate to Chinese (Simplified) BETA"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cbg&hl=en&ie=UTF8'); return false;" title="Translate English to Bulgarian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Bulgarian_Flag.png" height="18" title="Translate to Bulgarian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-TW&hl=en&ie=UTF8'); return false;" title="Translate English to Traditional Chinese"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Mandarin_Flag.png" height="18" title="Translate to traditional Chinese"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Chr&hl=en&ie=UTF8'); return false;" title="Translate English to Croatian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Croatian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Croatian_Flag.png" height="18" title="Translate to Croatian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Ccs&hl=en&ie=UTF8'); return false;" title="Translate English to Czech"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Czech" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Czech_Flag.png" height="18" title="Translate to Czech"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cda&hl=en&ie=UTF8'); return false;" title="Translate English to Danish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to danish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Danish_Flag.png" height="18" title="Translate to Danish"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cid&hl=en&ie=UTF8'); return false;" title="Translate English to Indonesia"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Indonesia" src="http://www.geocities.com/fajar.info/Flag-indonesia.gif" height="18" title="Translate to Indonesia"/></a>
<div style="display:none;">
<small><a href="http://tips-of.blogspot.com" target="_blank">Grab this widget</a></small></div>
</div>
Note :
Change the line in red to suit your Tempate.
Make Personal Music Box
Hi Buddy, Now i would share what can i do in the day. I browser to many website and i meet with portable software to convert mp3 file to swf file. sure, i'm verry happy because i can built my personal music box with my brother owner indie band. For sample what can i do, you can hear and look in side menu "MY INDIE MUSIC" its created by myself.
Now i would share how to make it. This step for make personal music box :
1. Download software to convert mp3 to swf.
2. Extract and open the file.
3. Click Flash MP3 Player Builder 2.9.20.exe (installer folder will be created)
4. click Flash MP3 Player Builder 2.9.20.exe one more >> document opened
5. Insert your mp3 file go to add file TASKS >> press PLUS BUTTON >> insert your MP3 file.
6. Edit the file size by turning Bit rate, Chanel and Sampling Rate (I usually use Chanel Stereo, Bitrate 32Kbps and 22,050 Hz sampling rate)
7. The next step by turning to the Flash Playernya Click Task Flash Player.
8. There you will see a different part Please edit according to your taste :
- Size and color = to change size and color
- Back groud image = add image back ground to the player
- Foreground image = replace player with the your personal image
- Select player = change your plugin player
9. After you're done now towards the end of the conversion tasks by pressing the Publish. On this task you will see 3 types of cenvertion version :
a. convert MP3 to SWF files, and generate a flash shell player
b. Generate one flash player, and incorporate all of the music files and track list file to it
c. Convert MP3 to SWF files, and incorporate a flash player to each SWF file
10. After determining the choice of file storage conversion and press the button Publish.
11. SAVE FILE (player.html and player.swf or all) into your storage media, such as www.geocities.com, and so forth.
12. In the HTML code of any part you need to change are:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="360" height="26">
<param name="movie" value="player.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="player.swf" « change with file.swf in your storage (http://geocities.com/user/file.swf)
quality="high"
type="application/x-shockwave-flash"
WMODE="transparent"
width="360"
height="26"
pluginspage="http://www.macromedia.com/go/getflashplayer" /> « change with file.html in your storage (http://geocities.com/user/file.html)
</object>
13. All process has done.
Note : Change your HTML code to your widget.
Good luck ....
INDONESIAN TUTORIAL VERSION CAN DOWNLOAD HERE
File : rar
Password : www.tips-of.blogspot.com
Read More....»»
Make Music Box
friend, I want to relax by writing about this music. Do you listen to music from my music store?
Its indie music from my brother owner.He's name OrangeJuice Band. The song just sample from all OrangeJuice Band. Any music producer here ?? We are ready to make an single album. Curent playing song is "DAHULU", OrangeJuice have more than 30 song.
Do you want to make music with indie song your self, that is very easy to make music box :
1. prepare a song that you want to play (1 track only)
2. you keep track of where to store your files (format mp3, wma, wav), eg using www.geocities.com
3. copy the code as below:
<embed allownetworking="internal" width="50" utostart="true" src="http://www.yourstorage.com/web/song.mp3" loop="true" height="15"></embed>
Note: replace the link you on your song where you save the song
How to instal in your blog :
1. Enter to your blogger
2. Select the layout>> page element>> add a gadget>> html / java script
3. Paste the code that you copy
4. Save
Please try to open your blog, whether the music is already installed perfectly.
Good Luck
New Stuff in GMail
GMail have new stuff in this month, if you GMail user you can view a new stuff in top of page. New in Lab Gmail have : Photo Previews, Tasks Mobile, Undo send, and more.
** Photo Previews **
GMail use image previews it sponsored by Google Picasa, YouTube, Flickr, and Yelp Preview. Instead of just links, see previews of photos, videos, and reviews right in your email.
** Undo send **
Upss, hit "Send" too soon? Give yourself a grace period of a few seconds to cancel sending, then edit your message before sending again.
** Tasks mobile **
Take your to-do list everywhere you go. Just go to gmail.com/tasks from your mobile browser.
You can see this stuff here
Expando Image
Expando Image is a simple script for folks who want to have an image expand onMouseover (to its actual size). Its make your tumbnail image, and have dynamically when the mouse roll over image. Its a simple instally to your blog. Give your "tumbnail image" with a CSS class "Expando".Your "tumbnail image" shoul have explicit width and height atribute that less than actual size.
See example Click Here
This step to make Expando image :
1. Download JavaScript of Expando Here or Mirror Here
2. Save Expando.js to your file hosting, example : geocities.com, googlepages, etc.
3. After Upload please enter to your blog > layout > Edit HTML do not forget to check Expand Widget Templates
4. Copy the following code :
5. Change the text color red with an address file that has been in the media your Upload file storage comrade.
6. Enter the code Under
To change the Image you must follow this step :
<a href="http://yourblog1.blogspot.com" target="_blank"><img class="expando" border="0" alt="test" src="http://blablabla.com/run.jpg" width="80" height="20"></a>
2. Your Image code, Example :
<img class="expando" border="0" src="amster2.jpg" width="100" height="75">
http://yourblog1.blogspot.com << Change with your website
http://blablabla.com/run.jpg << Change with your image link
class="expando" << dont forget to always insert this to your code
width="100" height="75"> << Change with your "tumbnail image" size.
You can modified code with your creation but don forget to always insert class="expando"
Article Info : www.dynamicdrive.com
What's Wrong With My ALEXA Rank
Hi Friends, I have a problem with my ALEXA rank. I dont know what's wrong about it. I has blogging to long time, and i used Alexa for indentify my rank. But since the first i used alexa and I still have not changed. please if the friend does not believe, you can do it here for 1 weeks.
Please help me, if any one know with this problems. Tell me what wrong i have to do. Thanks before.
Make Side Menu
SIDE MENU in making a java script file types (ssm.js and ssmItems.js) that can be downloaded here. Immediately ekstract files that are downloaded comrade then edit using Notepad or other editor.
Next stages:
1. Edit ssmItems.js using Notepad, which will need to edit are:
- BarText = "SIDE MENU" = please replace the word "SIDE MENU" with the word up buddy what later would show.
- To the color and type of character any posts, please edit your own buddy.
- For the links that will buddy pairs please edit your own.
2. save edits ssmItems.js results (remember, so save the file extension Fixed ber js)
3. Upload the two files into the media storage sobat (eg geocities.com)
4. after ter-Upload please go to the blog > layout> Edit HTML do not forget to check Expand Widget Templates
5. Copy the following code :
<style type='text/css'>
<!--
A.ssmItems:link {color:black;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//-->
</style>
<SCRIPT SRC='http://www.geocities.com/fajar.info/ssm.js' language='JavaScript1.2'>
//Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/)
//Updated July 8th, 03' for doctype bug
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
</SCRIPT>
<SCRIPT SRC='http://www.geocities.com/fajar.info/ssmItems.js' language='JavaScript1.2'/>
6. Change the text color red with an address file that has been in the media sobat Upload file storage comrade.
7. Put the code above </head>
8. save the template buddy and see the results.
We apologize if there is a lack of clear please fill in the comment buddy. Congratulations and try to create.
Info From : Pit-Onta (indo Language)
Alert Message
friend may be all many of the friends that I already do that alert message. But for those who have not, I will love to know how to put the alert message, I can this info from Uda.
How To Make alert message:
1. Login to your blogger
2. Layout >> Edit HTML
3. Check Expand Widget Templates.
4. Search </head>
5. Copy the code below.
6. put the code above the code </head>
7. Change "TIPS BLOGSPOT" alerts you to the sentence.
9. done
please see the results of the changes. try survived.
Read More....»»
Make Your Text Area "Read Only"
This article i get from my friend blog UDA. I write this article because most bloggers use the text area to place a banner link code. most of the bloggers in the text area still use the standard model, one of the weaknesses in this model when there is sometimes a copy of the code is deleted so that sometimes less perfect. Therefore use the text area to link the banner to make your safe.
This is an example of a standard text area :
this example the link banner read only :
please copy the following code to use the text area read only model.
please change the blue code banner with a link you.
now your turn to use it in order to secure your banner link. try survived.
Highlight Author Comment
Highlight Author Comment. This will make the blog's owner comments looks different from the visitors comments. Here is what to do to make a "Highlight Author Comment" effect in Blogspot.
1. Login to http://draft.blogger.com
2. Go to "Layout > Edit HTML"
3. Check the "Expand widget templates" box.
4. Copy this script
Note : put it before ]]></b:skin>
5. Find this code :
Note : to find code you can do with key ctrl+F
6. The orange color text is the code that you have to add to your script. The position must be right.
7. Save your template.
Note : You have to login into your blogger account before to give comments.
Read More....»»
Comment Box Under Posting
How to make it ? that to easy. Cek it Out :
1. Login to http://draft.blogger.com
2. Go to Setting > Comments. then change "Comment Form Placement" to be "Embedded below post"
3. "Save Setting"
Try to see your blog and klik on your titile post. if there is a embadded commnet box below your post just stop this step here. But if there is no comments box, just follow the next steps here.
4. Go to "Layout > Edit HTML"
5. Check the "Expand widget templates" box.
6. Find this code :
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>
7. Replace it with this code
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>
8. Save your templates
9. See your post now. Read More....»»
RECENT POST
1. Login to Blogger then Chose "Layout"
2. Click on "Add page element" (chose where you want to put it) then chose "HTML/Javascript"
3. Copy the code below and put it in the "content" box.
<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://tutorials-blogspot.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
4. Change http://tutorials-blogspot.blogspot.com with your blogname.
5. The number "10" it’s amount of recent post that will be shown, You can change it.
6. Click Save.
Get Try it .......
RECENT COMMENT
1. Login to blogger then go to "Layout"
2. Then copy this code :
<script style="text/javascript" src="http://kendhin.890m.com/comments.js"></script><script style="text/javascript">var a_rc=8;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://tutorials-blogspot.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>
- The 8 number is the sum of comments that will show up.
- Change http://tutorials-blogspot.blogspot.com with your blog's name.
3. You can show it in page elements. Just click on "add page elements --> HTML/Javascript" Then insert the script in it.
MAKE READ MORE V.1
1. Open the Layout menu and then select Edit HTML.
2. Love of the check (check) on the cekbox "expand widget template"
3. Find the following code in your blog template
to make it easier to press the ctrl + f copy and paste the code above.
4. When the meet and change the code above as below
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More....»»</a>
</b:if>
5. Save the results.
6. Then select the Settings menu and select Formatting
7. In the Post Template box fill in the following code:
<span class="fullpost">
</span>
8. Then Save.
9. When posting, always reminded that there are 2 options that is in compose mode and mode edit html.used edit html in writing, the format will look like this:
<span class="fullpost">
</span>
The most major is writing at the time, you need to know in the process of writing, to write articles before the main code and additional news placed between the code
<span class="fullpost">
</span>
to create safe, hopefully useful Read More....»»
ALERT MESSAGE IN YOUR BLOG
Alert Message is a message that appears when you go to one site. example is when you say go to my blog this.
How to ..?
Easy ..!
Please copy the script below.
<script language="JavaScript">alert("ALERT MESSAGE");</script>
HOWTO INSTALL ON YOUR BLOG
1. Login to your blog
2. Click the Layout tab
3. Click Edit HTML tab
4. Check the small box Expand Widget Templates
5. Please look in your template code </head>
6. Exactly before the code, script copypastekan the earlier
7. Do not forget to edit "ALERT MESSAGE" with the message you want. (quotation marks not removed)
8. Click Preview to see the changes you want
9. If you have, click Save Template
10. Done
This trick may have used a lot of bloggers. I just want to share knowledge for the new blogger. Try it and hopefully succeed.
