Showing posts with label Accessories. Show all posts
Showing posts with label Accessories. Show all posts

Adding Social Bookmarking Button

· 1 comments

One way to quickly our blog has known by adding a social bookmarking buttons on your blog or on our website like Digg, Deliciaous, Yahoo, facebook, Twitter, Tehcnorati, Google, etc.

Let's Go:

* Login to Blogger
* Select Layout (Layout) -> Edit Html
* Check "expand the widget"
* Find code <head>
* Copy the following script belowthe code <head>

<script src='http://blogger-plugins.googlecode.com/files/bkmrk_hover.js'></script>


* Next, find code: <p class='post-footer-line post-footer-line-3'>
* If it doesn"t present, find code code: <div class='post-footer-line post-footer-line-3'>

* Having met the above code, download the following file here, then copy and paste the file under the code <p class='post-footer-line post-footer-line-3'> or <div class='post-footer-line post-footer-line-3'>

* Done

Read More......

Welcome Speech

· 0 comments

One day when you blogwalking, sometimes the first time we presented the words "Welcome" as a greeting.

Interested to try, oke follow this tutorial:

1. Log into your blogger account.
2. Choose Layout -> Edit HTML
3. Find code </head>
4. Copy and paste the following script before the code </head>

<script language="JavaScript">alert("Wellcome, please give a Comment");</script>


5. Save
6. Done

Read More......

Make Up Mybloglog

· 0 comments

This tutorial will make over display of Mybloglog .

Step I:
1. Log into your blogger account
2. Select Layout -> Edit HTML
3. Find code <b:skin><![CDATA[
4. Insert the following script below code below <b:skin><![CDATA[

td.mbl_fo_hidden{display:none;}td.mbl_join_img{}td.mbl_join{}tr#tr0{display: none}th.mbl_h{display:none;}


5. Save Template



Step II:


1. Select Layout
2. Click Add a Gadgets
3. Copy paste the following script, insert to the content

<script src="http://pub.mybloglog.com/comm2.php?mblID=2009031518053363&amp;c_width=300&amp;c_sn_opt=n&amp;c_rows=2&amp;c_img_size=h&amp;c_heading_text=&amp;c_color_heading_bg=eeeddf&amp;c_color_heading=111&amp;c_color_link_bg=eeeddf&amp;c_color_link=c13a10&amp;c_color_bottom_bg=ffffff" type="text/javascript"></script><br/>

<center><font color="red">Pembaca yang tergabung komunitas ini</font></center>

<br/><center><a target="_blank" href="http://www.mybloglog.com/buzz/yjoin/?ref_id=2009031518053363&ref=w">
Join This Community...</a></center>
widgets by <a href ="http://secretbloggertips.blogspot.com>Secret Blogger Tips<a/>


4. Save

Note:
Replace mybloglog ID 2009031518053363 with your's



Read More......

Display Visitor's Photo in Side Bar

· 0 comments

Blog will look more beautifull if visitor's photo display on your the blog

Tutorial to display visitor's photo:

Step I:

1. Create a yahoo email, if you already have a yahoo email, go the next step.


Step II:

1. Visit http://www.mybloglog.com/buzz/join/
2. Please Log-in to your Yahoo account (you've created this yahoo email, if you have not made this please make it by clicking ... Sign Up
3. After that you will go on MyBlogLog page,
4. Click on "My Sites and Services" which is on the left.
5. Click "add website"
6. Fill in the requested form the box like a blog name, blog address, name of Community
7. Then Save Profiles
8. Back on page MyHome
9. At the same Tag "My Sites and Services", there've no pictures of our blog.
10. Below the picture you have written blog stats, widgets. Click on the Widgets button.
11. Copy the code that you have (YOUR CODE). The code is in the "Recent Readers (tracking script is included)". For example like this:

<script src="http://pub.mybloglog.com/comm3.php?mblID=2109036518053363&amp;r=widget&amp;is=normal&amp;o=l&amp;ro=4&amp;cs=black&amp;ww=220&amp;wc=single&amp;l=a"></script>


This code you will insert into your blog (Add Page Elements)

12. You also need to enter Stats Tracking Script code. Code like this:
<script type="text/javascript" src="http://track4.mybloglog.com/js/jsserv.php?mblID=2109036518053363"></script>


Put this code in the XML templates, between <body> dan </body>
13. Done

Read More......

Displays Today's Date in Blog

· 0 comments

Do you want display today's date in your blog.

Follow these steps:

Step One:
1. Log into Blogger
2. Select Layout -> Edit HTML
3. Copy paste the code below, and save the code between ]]></b:skin> and </head> :

<script type="text/javascript" src="http://mizwar.blog.googlepages.com/tampil_tanggal.js"></script>



Step Two:

This step is to put date position you want. Could put in Header, Footer or the Side Bar.
For example if youn put in side bar:

  • Select "Layout"
  • Click on "Add Gadget"
  • Select "HTML / Javascript" type
  • Copy paste the following script

    <script>tampiltanggal();</script>

  • Save

4. Finish

Read More......

Insert Image Before Title Pages

· 0 comments

If you want your blog more expressive, its better insert a picture/image or a small icon before title pages.
Look this tutorial:


1. Log in to your Blogger
2. Select Layout -> Edit HTML
3. Find the following code or similar like this code

.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
}


If does not present, find like this code:


.post-title {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
}

Delete code padding:30px 0px 0px 45px; and replace with the following code:

padding:48px 0px 0px 45px;
height:48px;
background:url(http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png) no-repeat left center;


replace http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png with your url image.

All the above code would look like this:
.post h3 {
margin:.5em 0;
padding:48px 0px 0px 45px;
height:48px;
background:url(http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png) no-repeat left center;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
}

4. Save

Read More......

Light Bubble Clock Widgets

· 0 comments

Do you want display clock with light bubble backgroud.

Look the result below:


widgets Bubble Clock by Widgia

Tutorial:

1. Login to account blogger
2. Select Layout --> Page Element
3. Select Add a Gadgets --> HTML/Javascript Type
4. Copy Paste the following code


<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjcyMjExODU*MDYmcHQ9MTI2NzIyMTU4OTU*NiZwPTIyMzA1MiZkPSZnPTEmbz1iMmMxOWJlMmJlNjE*YWJiYjg4/ZGFiNDZjMWQ1MzNiZCZvZj*w.gif" /><embed allowScriptAccess="never" src="http://widgia.com/widgets/bubble_clock/bubble_clock.swf" quality="high" width="250" height="250"></embed><br /><a href="http://tips-mempercantik-blog.com/" target="_blank">widgets Bubble Clock by Widgia</a>



Read More......

How To Add Google Buzz Button

· 0 comments

Do you want to add Goggle Buzz Button...?
Follow this tutorial:

1. Log in to blogger
2. Select Layout --> Edit HTML
3. Check on "Expand Widget Templates"
4. Find code <data:post.body/>

5. Copy the following code and paste it just before or above code <data:post.body/>


<div style='padding: 4px; float: right;'>
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofollow' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsER3XuBu43grEcl0i4WFultndDah0DC14FrpSm9WJuqduzfEx_65B-OGTSzLXjPTOzaZAeEwiUAkOHHQzaRcG7GMWxxacA6JQfpbxQrsEE3WZ-scSkiTUou2PCyVQm7S6bZIPW64b8wRZ/' style='border:0px;'/></a>
</div>



Result:


Buzz It








6.Save template.

Read More......

Creating Falling Stars Effect

· 0 comments

After various effects such as How to Make posted Snow Effect 1, How to Create Snow Effect 2, as well as how to make Falling leaves. now we'll Make Falling Stars Effect.

1. Log in to your Blogger account
2. Click Layout and choose Page Elements
3. Click Add Gadget and select HTML / JavaScript
4. Enter the code below into the column HTML / JavaScript


<script src="http://h1.ripway.com/infosehatbugar/efekbintangberjatuhan.js"> </ script>


5. Save
6. Finish and see the results


Read More......

Display Visitor Map

· 0 comments

Do you display visitor map on your blog....?

First Step:
  • Visit site http://www.clustrmaps.com
  • Click link Get One! (on the top menu)
  • You will be shown in 3 steps to obtain the code HTML / JavaScript to view the visitors map.

As shown below:

1. To get your free account, REGISTER HERE.
[Edublogs.org users: no need to register separately, just add widget - see here.]
2. You will be sent a password by email with login instructions.
3. Copy/paste a few lines of HTML from your ClustrMaps login page onto your own site.



  • Click Link “REGISTER HERE”
  • Fill in the fields with the URL address of your blog, and Email Address Re-Type Email Address with your address. Give check mark on “I have read and agree to the Clustrmaps Terms of Service”. Then, press “Register me and send me my password” button.
  • Then, check email sent by Clustermaps in your email account. In the email there is a password for verification.
  • Go to the address http://clustrmaps.com/admin/action.php to enter the password that was sent via email. Then click Hyperlink “Log in (to administer an existing account with URL……)”
  • Then, Copy-Paste the code HTML / JavaScript that is available. Save first in Notepad.

Second step:
  • Login to your account Blogger.
  • Select Layout --> Page Elements
  • Select Add Page Element --> HTML / Javascript
  • Paste code HTML that you save in notepad before
  • Save
  • Finish

The result like this:



Locations of visitors to this page


Read More......

Unique Icon in the Address Bar

· 0 comments

Blog on blogspot that is still in the default, icon image will appear as the letter "B" on the orange background color. Well, if you're not satisfied and you want to change the icon, hre is how to do it:

When we open a website or blog, we often have an image or icon in the address bar (the box to type the web address). We can change the standart icon :

  • Login to your account blogger
  • Click "Layout --> Edit HTML"
  • Find code </head>
  • Copy the following script, put it before code </head>


<link href='http://i425.photobucket.com/albums/pp332/cookie_muncher123/cat.gif' rel='SHORTCUT ICON'/>




Replace the red text with your icon/image link.

  • Save

Some of the alternative icon image:

http://i425.photobucket.com/albums/pp332/cookie_muncher123/1058411jpporq3dbb.gif

http://i425.photobucket.com/albums/pp332/cookie_muncher123/3.gif

http://i425.photobucket.com/albums/pp332/cookie_muncher123/cat.gif

http://i425.photobucket.com/albums/pp332/cookie_muncher123/oxnard.gif


You can also create an image, then upload the images to photobucket.

Happy blogging :~

Read More......

Make a Shout Box

· 0 comments

Do you want to provide a place to chat on your blog .... Easy, just make Shout Box, so that your friends who want to chat or foreverglo in this box.
Follow my step:

First Step:
  1. Visit this site http://www.shoutmix.com
  2. Then do the registration. After successfully registration Shoutbox please select the model you want. :~
  3. Click Continue button.
  4. After that you will get the greeting "Thank You" then click link Go to My Control Panel Now
  5. Please set your shout box, example Style & Color, Date & Time, dan lain-lain.
  6. If you have completed, select menu Get Codes
  7. Because we will place shoutbox on blog, select "Place Shoutbox on Webpage"
  8. Set the width and height your shout box
  9. Copy code on the "Generated Codes" box


Second Step:
  1. Login to your blogger account :)
  2. Select Layout
  3. Click Add Page Elements ---> HTML/Javascript.
  4. Paste the code you have a copy before
  5. Save.
  6. Finish.

Read More......

Showing Yahoo Messenger Status

· 0 comments

If you want to display the Yahoo Messenger status, so readers know that you are online or offline at this time .....?

Next how to do it:

  • Login to your account blogger
  • Click Layout
  • Select Page Elements
  • Select Add a Page Elements ---> HTML/Javascript
  • Copy the following script in the content column.

<a href="ymsgr:sendIM?yourname"> <img src="http://opi.yahoo.com/online?u=yourname&amp;m=g&amp;t=4&amp;l=us" />
</a>




Replace yourname with your Yahoo ID.
Note: the number "4", you can replace with another number ( up to 14) and the results displayed image will vary.


The result: (Which one do you like..?)



























Read More......

Displaying the Users Online

· 0 comments

Widget user online is required to learn about the number of visitors who are online in our blog. Do you want to show the user online ...?
If so, follow these steps:

First step:

  1. Visit site http://whos.amung.com
  2. We immediately brought on a page that displays the widget user online black picture have a red circle with a white any posts

  3. Look like this:



  4. If you want to change the color of the view please click on the Customize your widget!
  5. Select the appropriate color, bth for font color and widgets color
  6. After that, see to the bottom. There is HTML code, please copy and save it to notepad first.


Second Step
Steps to enter the Blog widget

  1. Login to account blogger
  2. Click Layout
  3. Click Page Elemen
  4. Click add a Gadget --> HTML/Java Sricpt
  5. Pste HTML code taht you save before
  6. Klik Save button
  7. Finish

Results after the colors modifikation:



Read More......

Display Visitors Statistics

· 0 comments

How to know where are from your visitors? or what are the visitors click on your Blog. please display visitor statistics.

How do I want it?.....

First step:
  1. Visit this site www.sitemeter.com
  2. Click SignUp on the left side bar
  3. Then click SIGN UP button green. Located on the right.
  4. After that the form will appear. Please fill Your URL Blog, Your Blog name, code name that you want, and change the settings time, if necessary. Last, check and remember the key signs the agreement. To Continue press the button Next
  5. Then again fill out the form that appears, such as: email name, title, postal code, country and gender. Press the Next if are all filled.
  6. Further confirm the identity appears that you entered earlier. Press Next button directly if it is correct
  7. Further confirmation appears Success! Thank You. Press manager button in the side bar above.
  8. Then select HTML Code on the left side bar. Appears Javascript HTML Code. Take it and save in notepad. (This code will enter to your blog).

Second step:
  1. Login to your account Blogger
  2. Click Layout --> Page Element
  3. Select Add Page Elements --> HTML/JavaScript
  4. Paste the code in the notepad you saved earlier
  5. Finish

Read More......

Create Snow Effect 2

· 1 comments

After some time ago that we make a snow effect (Do you have read it, if not read here). If you would like to see an example click here. Have seen that the effect of the snow-large. Well following this we will create the effect of snow grain is smaller. Please see Demo. Visible grain snow small:
Do you want to create it:

Please Download Create Snow Effect 2 Script and Instruction

Read More......

Display Calendar on the Blog

· 0 comments

Do you want to place a calendar on the your blog .....
Easy and simple....

First step:
  1. Visit this site http://www.free-blog-content.com
  2. On this site There are Animated Calendars, Nature Calendars, Car Calendars, Abstract Calendars, Girl Calendars, Plain Calendars, Animal Calendars, Calendar with Clock.
  3. Copy HTML code of calender that you like.
  4. Paste the code and save on notepad first.


Second Step:

  1. Login to your Account Blogger
  2. Click Layout
  3. Select Page Element
  4. Click Add a Gadgets --> "HTML/Javascript"
  5. Paste the HTML code that you saved earlier in the notepad
  6. Save

Result:

Animated Calendars




Free Blog Content




Nature Calendars




Free Blog Content



Girl Calendars




Free Blog Calendar




Car Calendars




Free Blog Content




Animal Calendars



Free Blog Content

Read More......

Make Up Anime Blog

· 0 comments

Do you want your blog more attractive. Just create animated images that it can move in the blog page..
You can put it in the top left corner, bottom left, top right or bottom right.

How to make it.....?
Follow the steps below.

Step I:

1. Login to Account Blogger
2. Click Layout
3. Click Edit HTML
4. Check Expand Template Widget in the top corner
5. Find code ]]></b:skin>
6. Before or above code ]]></b:skin> copy the script below:


#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }



Description:
Text color red is the location of animation. You can change it.


Step II:

1. Fing again code </body>
2. Before or above kode </body> copy the script below:

<div id="trik_pojok">
<a href="http://secretbloggertips.blogspot.com/">
<img src="http://i425.photobucket.com/albums/pp332/cookie_muncher123/4.gif/" border="0" /></a>
</div>



Description:
Replace http://secretbloggertips.blogspot.com/ with your blog address
Replace http://i425.photobucket.com/albums/pp332/cookie_muncher123/4.gif with your animation.

Some alternative animation:

http://i425.photobucket.com/albums/pp332/cookie_muncher123/1058411jpporq3dbb.gif
http://i425.photobucket.com/albums/pp332/cookie_muncher123/3.gif
http://i425.photobucket.com/albums/pp332/cookie_muncher123/cat.gif
http://i425.photobucket.com/albums/pp332/cookie_muncher123/oxnard.gif

Read More......

Displaying IP Address

· 1 comments

Do you want to show the IP address on your webblog ......
Here's how to do:

First Step :

  • Visit the site http://www.infosniper.net/
  • Select or Click GADGETS
  • There are various options IP Address
  • Please Copy the code what you want

Second Step :
  • Login to your Blogger Account
  • Select Layout
  • Click Add a Gadget
  • Select HTML/Javascript"
  • Paste the IP Address code that you copy before
  • Save

Result :

<iframe src="http://www.infosniper.net/locate-ip-on-map-mini.php?lang=1" width="260" height="200" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" name="infosniper_gadget_mini"></iframe>






<iframe src="http://www.infosniper.net/gadget-ip2country.php?lang=1" width="155" height="60" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" name="infosniper_gadget_ip2country"></iframe>





<iframe src="http://www.infosniper.net/gadget-ip2city.php?lang=1" width="155" height="60" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" name="infosniper_gadget_ip2city"></iframe>






<iframe src="http://www.infosniper.net/gadget-worldmap.php" width="155" height="100" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" name="infosniper_gadget_worldmap"></iframe>




Read More......

Create Snow Effect On Your Blog (1)

· 0 comments

Snow is no longer in a foreign country that have 4 seasons. Although the blog does not recognize season, we can make a snow effect on our blog. So, our blog is beautifully. Do you want see Demo, click here. So....? You want to do. Following this step:

  1. First, Login to your account Blogger
  2. Click Layout --> Page Elements
  3. Select Add Page Elements --> HTML/JavaScript
  4. Copy the script below to the Content


  5. <script src="http://www.geocities.com/sehatserasi72/efeksalju.js" type="text/javascript"></script>



  6. Save
  7. Finish

Read More......

Translator

Custom Search
Indonesia English French German Spain Italian
Dutch Russian Portuguese Japanese Korean Arabic

Wallpaper

Ceck These Out

-->

U'R Comment



-->