Softwares And Tips: Widget Tips

Showing posts with label Widget Tips. Show all posts

HOW TO MAKE GOOGLE TRANSLATE WITH ICON FLAGS

Realizing that some of my web visitors are also increasingly coming from countries of non-language-speaking, so I tried searching the web facility is pretty easy to implement translator, high accuracy, it takes up much space, reasonable price even if there is a free .

There is software that "she" is accurate, but the price is quite expensive too. After looking here and there, finally the remaining two choices, BableFish translator from Altavista / Yahoo and Google's translator gadget. Both can be free.

With a reputation considerations, ease of implementation and web layout, finally I chose the Google Translate gadget only. But then I want the tools it also displays the flag symbol of the country concerned, as often I see on some other website. By default, gadget google does not provide images of the flag.

Searching for a moment, the script Om met Amit at Digital Inspiration that provides google translate with the logo flag 9 countries (Germany, China, Japan, Korean, Arabic, French, Portuguese, Spanish and Italian).

You can follow the steps below
1. Log in Blogger
2. Layout
3. Add a gadget
4. HTML / Java Script
5. copy and paste the code below

CREATING A 3D CLOUD TAG LABEL TO BLOG / WEB

Tag Cloud like Wordpress.3D that can spin. looks attractive when viewed,but I found many articles that do not work (maybe the tutorial expired) so I try to open WP Plugin Culumus.dan find the difference between WP and BLOGGER.Artikel I created this for you the almost desperate search for ways to make 3D Tag Cloud.My immediate yes.without further ado.Open your Blogger.
Select Design -> Page Elements Make sure that you have created a Tag Cloud (standard from Blogger) as shown.

If you already install Tag Cloud Standart.

Add a gadget by clicking the Add a Gadget on the Page Elements
and choose Html / JavaSript and Enter this code :
Put the following code just below Element Category / Label's your previous pairs
Good luck..

<center><h2 class="title">Tag Cloud</h2>
<div class="widget-content">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<div id="wpcumuluscontent5733682">Flash tag cloud requires <a href="http://trickboxs.blogspot.com/">Flash Player</a> 9 or more.
<script type="text/javascript">

/*
Tag Cloud For Blogger making trickboxs.blogspot.com
Email: revolution.crunch@gmail.com
*/

var flashvars = {
tcolor: "0x000000",
tcolor2: "0x000000",
hicolor: "0x000000",
tspeed: "50",
distr: "true",
mode: "tags"
};
var params = {
allowScriptAccess: "always"
};

params.wmode = "transparent";

x = document.getElementById("Label1").getElementsByTagName("a");
trans = document.getElementById("Label1").style.display="none";

var tagcloud;

var url = "http://" + document.domain + "/search/label/";

for (var i = 0; i < x.length - 1; i++)
{
tagcloud = tagcloud + "<a href='"+encodeURIComponent(url + encodeURIComponent(x[i].innerHTML))+"' class='tag-link-24' title='15 topics' style='font-size: 8pt;'>"+x[i].innerHTML+"</a>";
}

flashvars.tagcloud = "<tags>"+tagcloud+"</tags>";

swfobject.embedSWF("http://www.taiphanmem.org/wp-content/plugins/wp-cumulus/tagcloud.swf?r=2520752", "wpcumuluscontent5733682", "245", "245", "9", "expressInstall.swf", flashvars, params);</script></div>
<span style="color: red; font-family: "Trebuchet MS",sans-serif; font-size: xx-small;"><u><b></b></u></span><div style="color: red; font-family: "Trebuchet MS",sans-serif;">
<span style="font-size: xx-small;"><u><b>Widget by: <a href="http://trickboxs.blogspot.com/">Trick box Tips</a></b></u></span></div>
</div></center>

BLOG MUSICALLY WHEN VISITED

Make your blog or web music when guests come to your blog, With the music to make the blog more colorful, and more crowded, because it can make visitors feel at home for long in your blog .. Please in copy number of this script that might help you all

Follow this step :

1.Login to your blog

2.Go to add widget,Html Or java script

3.Copy code at bellow

Note : Please take just one code.

1.Linkin Park - In the end click here for listen

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music at divine-music.info</a></b><br>
<EMBED SRC="http://divine-music.info/musicfiles/Linkin Park - In the end.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

2.Nirvana - Smells Like Teen Spirit click here for listen

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music at divine-music.info</a></b><br>
<EMBED SRC="http://divine-music.info/musicfiles/Nirvana - Smells Like Teen Spirit.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

3.Metallica - Enter Sandman click here for listen

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music at divine-music.info</a></b><br>
<EMBED SRC="http://divine-music.info/musicfiles/Metallica - Enter Sandman.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

4.Guns 'n'Roses - knockin on heavens door click here for listen

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music at divine-music.info</a></b><br>
<EMBED SRC="http://divine-music.info/musicfiles/gunsnroses-knockinonheavensdoor.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

5.Bon Jovi - Always click here for listen

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music at divine-music.info</a></b><br>
<EMBED SRC="http://divine-music.info/musicfiles/Bon Jovi - Always.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

6.Avril Lavigne - I'm With You click here for listen

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info></b><br>
<EMBED SRC="http://divine-music.info/musicfiles/avril-imwithyou.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

7.Greenday-American idiot click here for listen

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music at divine-music.info</a></b><br>
<EMBED SRC="http://divine-music.info/musicfiles/greenday-americanidiot.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

8.Queen-Dont stop me now click here for listen

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music at divine-music.info</a></b><br>
<EMBED SRC="http://divine-music.info/musicfiles/queen-dontstopmenow.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

9.Muse - Starlight click here for listen

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music at divine-music.info</a></b><br>
<EMBED SRC="http://divine-music.info/musicfiles/Muse - 02 - Starlight.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

10.Avenged Sevenfold - Dear God click here for listen

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music at divine-music.info</a></b><br>
<EMBED SRC="http://divine-music.info/musicfiles/Avenged Sevenfold - Dear God.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

For more info about this widget please visit devine-music.info

Free Music at divine-music.info

HOW TO INSTALL AUTO READ MORE IN BLOG

Auto Read More.Fungsion Auto is able to display the first image in the post and to fload image is in the beginning of the paragraph beginning, even though the picture we put in the middle or end of the posting. Maybe more comfortable I call it with a thumbnail image facility.

Not only that, we can also control the number of characters displayed. Here there are two options for the number of characters. The first, the number of characters displayed if there are images included in posts and secondly the number of characters without an image. Still confused mean? same .. , let same not dizzy just straight into the tutorial ok.

Important! Already installed Read More old version in the code should be used to return to normal, the way remove the red code below (Each template may be different, so stay adjusted only)

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<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'>Readmore</a>
</b:if>
<div style='clear: both;'/>

OK, if you've lived proceed with the tutorial below.

First, please go directly to the page Edit HTML, find the code </ head> then put this script on the code </ head> If so, do not forget at the store first.

Directly copy paste the code below:

Still on the EDIT HTML pages, Check the "Expand widget templates" and then find the code like below:

<data:post.body/>

If So,Replace the code with all the code bellow

<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:left'><a expr:href='data:post.url'>READMORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Please be saved and see the results:)

Description:
var thumbnail_mode = "float", (we can decide whether the location of the thumbnail in the (float) left, or if not, please replace the (no-float)
summary_noimg = 250; (Define how many characters will be displayed in the post without a picture / thumbnail)
summary_img = 250; (Define how many characters will be displayed in the post with the picture / thumbnail)
img_thumb_height = 120; (Thumbnail 'height in pixels)
img_thumb_width = 120; (Thumbnail 'width in pixels)

Good Luck..

HOW TO CREATE THUMBNAIL RELATED POSTS WITH MARQUEE

For those of you who already use or want to use thumbnails Related Posts (related article illustrated), would be more interested in using it, karen looks quite interesting with a picture, but there is little shortage of tools on this one, which take up much space on the blog page. Therefore, most blogs that I visit minimize the amount related to the post, especially with the narrow size of the posting. Therefore to make this alternative is the marquee (running).

Well, for example Thumbnail Related posts using this Marquee can see here my friend.

In previous posts have described how to create thumbnails Related Posts +, my friend can apply in advance tutorial Thumbnail Related Posts here, but simply apply the Code CSSnya only (script code first reply)
To create thumbnails Related Posts is to be displayed with a large number of the Marquee method, there is little change to be performed on a second script code.

Well, to get started:
1. Please see how to create thumbnails related posts here (Simply apply only code CSS / code first)
2. After my friend apply the first point above, now please find this code:

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=12"' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=10;
var relatedpoststitle="";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://serba-seru.blogspot.com/2010/02/thumbnail-related-posting-with-marquee.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>

<div class='post-footer-line post-footer-line-1'>

<p class='post-footer-line post-footer-line-1'>

3. If you've met one of the code above, place the following code after one of the code above:

- To display the number of posts, my friend can change the code in red
- To change the title, my friend can change the code blue

4. Save and see the results.

Congratulations to create, I hope useful

HOW TO MAKE RELATED POST WITH THUMBNAIL (IN ADDITION TO LINKS WITHIN)

This time I try to share more tutorials like widgets Linkwithin alternarif replacement, Weather very similar. But that is a bit different, and we should be bothered a bit because it's all done manually. This widget has actually been discussed thoroughly by the author Aneesh at him blog here

Let me translate not confused aja ya here's how:

1. First, go first to the Edit HTML page, do not forget to check the "Expand Widget Templates"

2. Find this code </ head>

3. Then replace with the code below

<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>

</head>

4. Now looking back the code below

<div class='post-footer-line post-footer-line-1'>

If you do not find the code above, try searching the code like this

<p class='post-footer-line post-footer-line-1'>

If you have found, just input all the code below under one of the above code that associates find.

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

5. Do not forget to save dah see the results

To show how many related posts can edit the code below:

var maxresults=5;

To change the title, we can edit this code:

var relatedpoststitle = "Related Posts";

Good Luck Friend..

HOW TO PUT ANIMATION STATUS PAGE LOADING IN BOGGER

Ok, yes, as promised me yesterday to write a tutorial how to install the image loading status of this page in blogger.First, select only the first one of two animated preloader Preloader or Ajaxload this service, then save the images in the gif format. If so, please upload the image files to your hosting earlier (which is free to use geocities.com)

The second step please open your notepad, then save the code below with the name preloader.js (make sure the extension ends in JS instead of TXT).

var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}

If so, please upload the files to your hosting preloader.js (which is free to use geocities.com)

How to Put on bloggers:

Just go directly to the address EditHTML, search <body> . <body> Then replace with this code agree, do not forget to replace the code in red below and adjust itself to the address location for storing pictures and your JS file.

To change the placement of the image loading please set yourself on the code text-align: center (please play it with the code center, try to replace it with left, right, top or bottom). Actually there are many other tricks, please independently developed yes.

Attention! I have not been able to change the tag info if this violates TOS <body> bloggers what not, so I suggest do not try directly on the main blog. please experiment on your test blog. If it happens Problem do not blame me OK! :)

Good Luck Friend..

SIMPLE WAYS TO MAKE FLOATING ADS CLOSE BUTTON

Fellow bloggers might have seen this tutorial, is to my knowledge there are more complicated to use a lot of code, but here I try to give tips that are easier and very simple even for those of you bloggers who are new to coding can certainly do it.

Log Into Your Account Blogger.com with each Surely
Go to the Layout Tab
Choose Page Elements
Add a gadget Select the HTML / JAVASCRIPT
And Copy the code below into it

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZso9rewezNu708eYJkaiBaR3K-wcrQ_oYBszb2k5kg8w5kcOq4k4mPRiamP5SXVrep7_StoCzXAcozZN8m9ffDfJqsWOYSudig4QGyiA5GTme7dXsbbTUmHQMOSYWYxsexZV6uAYNdwk/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZso9rewezNu708eYJkaiBaR3K-wcrQ_oYBszb2k5kg8w5kcOq4k4mPRiamP5SXVrep7_StoCzXAcozZN8m9ffDfJqsWOYSudig4QGyiA5GTme7dXsbbTUmHQMOSYWYxsexZV6uAYNdwk/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Enter the code in the ad or image that you want here

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

6.Saving

Good Luck Bro..

HOW TO CHANGE THE CURSOR BLOG

If the cursor is usually a blog is just the same regular arrows with the blog - other blogs, blogs are now the cursor can be changed according to taste. would replace the cursor with icon Naruto weapons can also be (not the same - the same pointy) or would be replaced with bamboo spears can too.

But here I just wanted to love the way only, to search for icons cursors please find your own taste (I love the link you choose yourself) ....

Blogger.com Users
An open blogger Login

2 search Layout and then select Add Gadgets
3 select HTML / JavaScript
4 if it is copy and paste the scripts below into its

<style type="text/css"> body {cursor: url ("http://img1.blogblog.com/img/icon18_wrench_allbkg.png"), default} </ style>

red: it is the original script
blue: you can replace with your image url

Quick image search tips: search any web page, bloggers can right click the image and view image, the browser displays the image and in the address bar is Scip link image

5 when it and save it do not forget
6 for other cursor options can you see with CLICK HERE

7.Save..Please see whether you've changed the cursor blog ....

HOW TO MAKE A SPOILER FOR THE BLOG

Spoiler is a means used to hide a link or a collection of links, a collection of text, images, whole or in part of the blog posts and others by using a combination of html and javascript code. The goal is to save space or space in a post or sidebar. Another advantage of using Spoiler is able to reduce the loading time, the intention is, if we use the spoiler in the picture, then our blog will not be affected by the burden of loading can be burdensome. Spoiler can also be used to hide the video so that loading is not heavy.

For example in the post World's Longest Blog Comments, thereafter the contents of a very long comment I hide a Spoiler, so it can be opened and closed. It is conceivable if the text is displayed as is without spoilers then it will take some space and the entire post will be very long and damage the look of the blog.

How to Make Spoiler:

1. How to make a Spoiler without background color.

<div id="spoiler">
<div>
<input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'CLOSE'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LOOK AGAIN'; }" style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" type="button" value="Spoiler Without a Background Sample" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<div style="text-align: justify;">
Spoiler in the further understanding that it is a way used to hide a link or a collection of links, a collection of text, images, whole or in part of this blog post and others by using the html code. The goal is to save space or space in a post or sidebar. Another advantage of using Spoiler is able to reduce the loading time, the intention is, if we use the spoiler in the picture, then our blog will not be affected by the burden of loading can be burdensome. Spoiler can also be used to hide the video so that loading is not heavy.</div>
</div>
<div id="hide">
</div>

2.SPOILER WITH BORDER AND BACKGROUND COLORS

<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show again'; }" name="button" type="button" value="SPOILER WITH BORDER AND BACKGROUND COLORS" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;">
<p style="text-align: justify;">Spoiler in the further understanding that it is a way used to hide a link or a collection of links, a collection of text, images, whole or in part of this blog post and others by using the html code. The goal is to save space or space in a post or sidebar. Another advantage of using Spoiler is able to reduce the loading time, the intention is, if we use the spoiler in the picture, then our blog will not be affected by the burden of loading can be burdensome. Spoiler can also be used to hide the video so that loading is not heavy.</p>
</div><div id="hide"></div></div></div>

Description:
<Div style = "color: # 000000; = This is to change the text colorbackground: # EBF3FB; = This is to change the background color border: 1px solid # AACCEE; = This is for size and border color

INTERESTING COLLECTION OF WIDGETS FOR BLOGS

Widget is a great way to add a few knick-knacks and uniqueness to your blog. Do you want to display statistics show visitors to your blog or your website that connects visitors to your web site, you can do with widgets.

Recently I got a site that contains 50 Great useful widgets for your blog and wanted to share it for you. Most of these widgets work fine for Blogger and WordPress, so not a problem for the blogging platform you use.

Through the list widgets please you choose and install some new widgets to test drive on your blog. I recommend not over-decorate your blog with too many knick-knacks, as it will reduce the usability and functionality of the widget or just the opposite would lead to chaos your blog, a blog with too many widgets will only confuse and obstruct the view of the content on your site .

Here are 50 more great widgets to your blog:

1. MyBlogLog's Recent Readers - This widget shows the avatar of the blog visitors Anda.Dengan MyBloglog popularity of this widget is able to convince Yahoo's management to buy shares, you must have a yahoo account to get this widget.

2. Mashable - This widget provides the sort of news reel (headline news) in the element that provides a snapshot blogger news / social networking posts. There is a choice of colors that can be customized with your blog layout.

3. Flickr Flash Photo Stream Badge-Display photos of flickr profile with a touch of flash. To get this widget you need a yahoo account.

4. Preview Anywhere - for users of snapshots for wordpress bloggers called this widgets available in the settings. Its function is to see a preview of outgoing links with a small display a popup when visitors mouse over the text or banner that "contains" links.

5. Twitter Badge - If your life a lot of interesting things and wants others to know what activities you are doing at any time, you can display snippets short sentences 'a paragraph such as' The widget is suitable for installation on blogs Anda.Widget This will display a "tweet" your latest.

6. Digg News - Link to showing the latest entry into Digg (a social bookmarking) with a choice of theme and easy to set according to your blog template.

7. Feedjit - featuring real-time blog visitor data directly, which can be installed in the sidebar of your blog.

8. LineBuzz - inline comments for your blog. Support for blogs with very high frequencies above 900 mhz discussion / comments prolonged.

9. Flixn - If your laptop is connected webcam, so this widget can display / show your expression directly through your blog. So the blog visitors do not just read your post but can see the 'concert' in front of your monitor, like a webcam yahoo.

10. 3jam - Visitors can interact with your blog by sending an SMS on your mobile phone, without them knowing your mobile number.

11. Jaxtr - Like 3jam widget above, with this Jaxtr widget, blog visitors can contact your cell phone without them knowing your mobile number, mobile number you are guaranteed confidentiality.

12. LinkedInABox - Displays your profile at LinkedIn. And this widget is perfect for personal blogs.

13. Box Widget - With this widget, allows your blog visitors to upload files to online storage via box.net box.net widget on your blog.

14. Price of gas - Displays the motor vehicle fuel prices online (U.S. $), "very suitable" for the blog set to discuss traffic / travel (do not need to register only mengcopas script provided Gas-Cost.Net)

15. iBegin Weather Widget - Display weather information in the sidebar of your blog. As Price of Gas widget, the widget is only suitable for a blog that was discussing the same problem.

16. ClockLink - Displays hours in various time zones with a nice touch of flash.

17. Film Loops - Displays the conclusion last film you watch through your FilmLoops account.

18. Daily Painters - display paintings from famous painters in the world on your blog.

19. WhoLinked - Shows to your blog visitors to sites that are linking to your blog, do not need to update because this WhoLinked automatically update their own web / blog linking to your blog.

20. Criteo AutoRoll - shows links to blogs that are similar to your blog.

21. Bitty Browser - Displays a mini web browser on the sidebar of your blog.

22. Leafletter - This widget makes a mini website and save it on your blog.

23. WikiSeek - Displays a widget to search on Wikipedia.

24. FeedCount - Displays the number of visitors to your blog through a small banner and widget is related to your feedburner account.

25. Technorati Link Count - Displays the reaction the number of links to your blog from one of the largest and most popular blog directory.

26. MyPageRank - Here's another way to show how great and beneficial to your blog by displaying Google Rank or Google PageRank (PR). Google PR assessment is calculated based on ranking of 1 to 10, the greater the increasingly popular means of your blog.

27. CheckPageRank - Other options for displaying your blog's PR, but the advantage of this widget also shows your Alexa ranking.

28. BlinkxIt - Displays a small banner under each post to your blog, when the banner is clicked BlikxIt then exit the mini popup like snapshots and video displays that relate to your blog postings.

29. Skype button - like a widget that displays the online status of YM on your blog, widget only the difference is almost equal status online / offline on your Skype account is displayed.

30. RockYou Horoscope - This widget displays the horoscope / forecast and well designed in full color box, no advocate / widgets should not be installed on Muslim bloggers.

31. del.icio.us Tagometer - This widget displays how many del.icio.us users bookmark your blog.

32. del.icio.us Linkrolls - This widget displays your recent bookmarks from del.icio.us.

33. Timelines - Need to create a timeline to your blog? Then this widget is easy to use, only need to enter your blog RSS and enter width and height.

34. PollDaddy - PollDaddy gives you easy create an interactive poll or survey with themes that are very beautiful and show them your log dib.

35. Vizu - another option to create a poll widget on your blog, widget excess is compatible with any blog platform.

36. AnswerTips - Display answers from Answers.com for various terms contained in your blog.

37. AnswerBoxes - Still widget of this widget Answer.Com only provide opportunities for visitors to your blog to include terms that do not understand and get answers from Answer.Com.

38. Now Playing - If you want to share a playlist of music you're listening and want to also listen to your blog visitors, who will do the trick Signamp how it could happen.

39. BuzzBoost - Displays headlines from RSS FeedBurner your blog, or other blog.

40. LibraryThing - show the last book you've read.

41. Plaxo Address Book - Let your loyal visitors to access the guest book them directly from your blog.

42. AuctionAds - Widget that displays auctions from eBay, and give you a percentage of the price paid if one day there is a buy.

43. aStore - AuctionAds Similar to above, only this widget is coming from Amazon. Create a 'simple online shop' in your blog, you will get a bonus if someone bought the goods via your online store.

44. Plazes - This widget displays a map where the position you are now.

45. Stockalicious - Show your portfolio with this widget, and sharing with other bloggers. Let everybody know how much money you have to spend on blogging.

46. Yahoo! For Good - Widget to create a 'charity box' and will be donated to those who deserve it.

47. Giftspace-friend you never know what will be bought for your birthday? Well through this widget let them know what gifts you really want.

48. MixMap - View where visitors to your MySpace profile from a Map.

49. Google Map Widget - Displays a search on google maps from your blog.

50. Google Video Search - Displays the search form from the video selection on your blog.

51. Shoutbox - shoutbox function is to accommodate the short message or a friend of the bloggers who were blogwalking.

52. This Day in History - This widget displays excerpts that today there is the history of what in the past.

53. Headline News - As Mashable widget, this widget also shows a preview headline news from sites all over the world.

54. Calendar - though in the calendar widget wordpress platform already available, but these widgets can still be installed in both wordpress and blogger.

55. Statistic Counter - For those of you who want to see the number of visitors you everyday, then this widget is one that provides such facilities.

56. Web counter Histats.Com - This widget lets you track the visitors can come from anywhere, and count how many visitors your blog everyday, see the IP address of your blog visitors and others.

57. Bravenet Horoscope - Like the widgets RockYou Horoscope, horoscope bravenetpun provides widgets for your blog.

58. Deal of The Day - Still from Amazon.com, is the most newly released widget amazon.com. What's interesting about this widget is a massive discount offered to visitors of your blog.And many more.

Actually there are many more widgets to beautify your betebaran blog on the internet that match your blog template and that you like, but at least the article "50 more great widgets for your blog" this helps you find the widgets you want.

Good luck, may be useful for your Blog ...

Softwares And Tips

HOW TO MAKE GOOGLE TRANSLATE WITH ICON FLAGS

CREATING A 3D CLOUD TAG LABEL TO BLOG / WEB

BLOG MUSICALLY WHEN VISITED

HOW TO INSTALL AUTO READ MORE IN BLOG

HOW TO CREATE THUMBNAIL RELATED POSTS WITH MARQUEE

HOW TO MAKE RELATED POST WITH THUMBNAIL (IN ADDITION TO LINKS WITHIN)

HOW TO PUT ANIMATION STATUS PAGE LOADING IN BOGGER

SIMPLE WAYS TO MAKE FLOATING ADS CLOSE BUTTON

HOW TO CHANGE THE CURSOR BLOG

HOW TO MAKE A SPOILER FOR THE BLOG

INTERESTING COLLECTION OF WIDGETS FOR BLOGS

Get Free Updates

Visitors

Stats

Blog Archive

Backlinks

Followers

Visitors stats