Showing posts with label tips trick blog. Show all posts

Wednesday, January 16, 2013

minat dengan template senantiasa belajar????

untuk membiayai situs booksmarks saya suitfeed.com saya mau jual template ni sob kira aja ada yang minat heee demonya bisa di lihat dari situs ini
untuk harga saya jual dengan 50.000 aja bisa transfer dan bisa pakai paypal
yang minat hubungi 08994004491 atau di facebook saya www.facebook.com/henryfaurel

untuk penggunaan sangat mudah anda bisa menghilangkan beberapa fiture dengan mudah ( hanya di atur di tata letak saja ) tanpa urusin kode html feed bisa di atur dengan mudah bisa feed label sendiri atau feed dari situs lain ( jika feed situs lain biasanya loading tergantung sama server situs tersebut )

Wednesday, November 30, 2011

Customize your search preferences

Customize your search preferences

Ensuring that your blog, posts, and images are accurately indexed so they appear correctly in search results is valuable. blogger introduced a suite of new features that enable you to more effectively customize your search preferences. Managing how your blog is viewed by search engines is an important aspect of maintaining a healthy blog, regardless of whether you’re new to blogging, or a seasoned veteran.

Here’s an overview of what blogger added:

The first thing you’ll notice is a new “Search preferences” option under the “Settings” tab.

Clicking it will display three sub-sections: Meta Tags, Errors and Redirections, and Crawlers and Indexing. When enabled, some of these features, such as Search Description and Custom robots header tags will also appear in the “Post settings” area of Blogger's post editor as well. For example, if you elect to create a Search Description, you may do so for your blog, and/or individual posts.

Also available is the ability to add a custom “Page Not Found” (eg. a “404”) message, and Custom Redirects for pages on your blog.
While most of the new features are located in the Settings tab, a few others can be found in the post editor. For example, blogger introduced the ability to incorporate “alt” and “title” tags to images in your post.

Last but not least, you’ll also find a “rel=nofollow” link attribute in the link tool. Checking this box means that you don’t want this link to be considered when web crawlers are searching for information they’ll use to index your page.
While most of these features are easy to understand and use, others, such as custom robots header tags are geared toward advanced users only

info by bloggerbuzz

Sunday, November 20, 2011

how Add Your Blog Sitemap to Google

Add Your Blog Sitemap to Google Webmaster

This video tutorial describes how you can add your blogspot.com blog to Google Webmaster Tools using an XML sitemap.

Add Your Blogspot Blog Sitemap to Google Webmaster Tools

Step 1. Open the Google Webmaster Tools website at google.com/webmasters and click "Add a Site" button to submit your Blogger blogger.

You can either type the web address (URL) of your blogspot.com blog or even a self-hosted blog where you are using the Blogger platform with your personal domain.

Step 2. Google will ask you to verify that you are the owner of this blog. Just copy-paste the meta code to the clipboard and then paste* this information into the template of your Blogspot blog.

*You should switch to the "HTML" version of your blog template and paste the code just below the tag.

Step 3. Go back to Google Webmaster Tools and select "Sitemaps" from the right sidebar. Now click the "Submit a Sitemap" button.

Step 4. Type atom.xml?redirect=false and submit. Once the clock status icon changes to a green tick, your Blogger sitemap has been successfully submitted to Google for indexing.

thank for http://labnol.blogspot.com/2009/10/add-blogspot-blog-sitemap-to-google.html

Adding twitter tab to facebook fan page

Adding twitter tab to facebook fan page allow your fans to keep in touch to your twitter updates (tweets) via facebook. No doubt twitter and facebook are the key social networking player. So by adding the twitter tab in the facebook fan page you are providing opportunity to your fans , which are connected to you via facebook,to get connected on twitter too. It is as good as adding the welcome tab to facebook fan page .So how to add twitter tab to your facebook fan page ?

1. Go to Involver Applications

2. Involver Provides many applications to add flavor to your social world. Some are premium and some are free. You will be happy to know that the application to add twitter tab in facebook page is free there.

3. Click on “Install” button and select the facebook page where you want to add twitter tab. After selecting the desire facebook page hit the button “Add twitter for pages”.

4. It will take you to a form where you have to give your full name, email and contact number. Give these details, accept their terms of services, add your twitter username and save the changes.

5. After authentication It will add the twitter tab to your facebook fan page. Where it will show your latest five tweets and basic details of your twitter account which includes following,followers,tweets(updates) and your twitter picture. Its also gives a follow link in twitter tab to allow people to start follow you on twitter.

Friday, November 18, 2011

How to Hide/Remove Label Count in Blogger

BEFORE AFTER

So, lets see how to hide or remove the Label count in your blogger blog(s)...

1. Sign into Blogger dashboard » Layout » Edit html

Tick the expand widget templates and remove this line from the template..

<span dir='ltr'>(<data:label.count/>)</span>

2. Save the Changes and done!

how to add Related posts in blogs

Related post or postings linked Extremely Useful for Your Blog Mainly SEO. Related heading to work when your post will be displayed under the posts related to these postings that refer the reader to read a lot more in your blog that makes visitors feel at home to read more of your posts. for this time I will share with you two pieces related to your post

Note: THIS different from the use of links within a link karenra Within a random post work and had nothing to do with the post concerned and the use of labels in every post you

2. RELATED POST V1

1.login to your blog account click on the draft and edit html
click Expand Widget Templates
find code: <data:post.body/> Note: use CTRL F to find the code themselves

Copy the code below just below the code <data:post.body/>

Note: If you are using auto readmore there are 4 or 3 code you put this code in the code below the third see in the picture below

CODE:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Read other articles:</H2>
<div class='cayunbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid
#ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

NOTE: Notice the red code "Read other articles" that you can change the name of desire

Next to setting CSSny but this depends on you want to wear or not here I do not pake Code CSS but I do not know for your template, you just input its CSS Code

now you find this code ]]></ b: skin> and you copy the code below the above code ]]></ b: skin>

. cayunbox {border: 1px solid # 000000; padding: 5px;

background-color: # 7BFAAF;-moz-border-radius: 5px; margin: 5px;}

. cayunbox: hover {background-color: # CE44F0;}

then you save and see the result:

2. RELATED POST V2

1.login to your blog account click on the draft and edit html

click Expand Widget Templates

find this code: </ head> Note: use CTRL + F to search for code themselves

<script type="text/javascript">

//<![CDATA[

var relatedTitles = new Array();

var relatedTitlesNum = 0;

var relatedUrls = new Array();

function related_results_labels(json) {

for (var i = 0; i < json.feed.entry.length; i++) {

var entry = json.feed.entry[i];

relatedTitles[relatedTitlesNum] = entry.title.$t;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

relatedUrls[relatedTitlesNum] = entry.link[k].href;

relatedTitlesNum++;

break;

}

}

}

}



function removeRelatedDuplicates() {

var tmp = new Array(0);

var tmp2 = new Array(0);

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

if(!contains(tmp, relatedUrls[i])) {

tmp.length += 1;

tmp[tmp.length - 1] = relatedUrls[i];

tmp2.length += 1;

tmp2[tmp2.length - 1] = relatedTitles[i];

}

}

relatedTitles = tmp2;

relatedUrls = tmp;

}



function contains(a, e) {

for(var j = 0; j < a.length; j++) if (a[j]==e) return true;

return false;

}



function printRelatedLabels() {

var r = Math.floor((relatedTitles.length - 1) * Math.random());

var i = 0;

document.write('<ul>');

while (i < relatedTitles.length && i < 20) {

document.write('<li><a href="' + relatedUrls[r] +
'">' + relatedTitles[r] + '</a></li>');

if (r < relatedTitles.length - 1) {

r++;

} else {

r = 0;

}

i++;

}



document.write('</ul>');

}

//]]>

</script>

2.Next you are looking for code <data:postLabelsLabel/>The full code like this:

<b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop> </b:if>

Next you delete the code and replace with the following code and save:

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url'
rel='tag'><data:label.name/></a><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&amp;callback=related_results_labels&amp;max-results=10"'
type='text/javascript'/>

</b:if>

</b:loop>

</b:if>



<p>

<h2>Baca
ini juga :</h2>

</p>



<script
type='text/javascript'>

removeRelatedDuplicates();

printRelatedLabels();

</script>

NOTE: actually you only need to add code that are red only easy but let me just change the code to 2 with a third code.

congratulations to try it when I hope this article helps to give me 1 or like facebook or join site and please your Commenting

create a form on the blog comment box

tips to make a comment Form Form Form depended comment will be comments from blogspot blog to more clearly be seen in the picture

only a few steps if my friend want to make a rich display comments gini note the following steps:

If you want to add contact forms like the one above to your blog you can get it from http://www.foxyform.com/.

1.

Isi Form anda Sesuai ke inginkan Create form dan copy Paste Code

END...!!!!!!!!!!!!!!!!!!!!!!

Thursday, November 17, 2011

How To Add Cool Numbered Page Navigation

How To Add Cool Black Numbered Page Navigation Widget to Blogger

1.Login to your blogger dashboard and go to Desing --&-- Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below

<style type="text/css">#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#fff}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;border-top:2px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsJNxDPBJ5EvZInKnIrieiPCyQ12nSsZSSYFz5zPGEkq9UafZA6JvUeE9NFwc0sPSMvFPFjMUbrQO1WQBZmYKCuXOc-6_72Ze3PsJB6BO6en0tdMiraulkrGIV2GiaDtJ6jWYppAwgDV0/s1600/wp4.jpg) 0 -25px repeat-x}.showpageNum a:hover{border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #999;border-bottom:2px solid #999;background:#999 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsJNxDPBJ5EvZInKnIrieiPCyQ12nSsZSSYFz5zPGEkq9UafZA6JvUeE9NFwc0sPSMvFPFjMUbrQO1WQBZmYKCuXOc-6_72Ze3PsJB6BO6en0tdMiraulkrGIV2GiaDtJ6jWYppAwgDV0/s1600/wp4.jpg) 0 -50px repeat-x}.showpagePoint{color:#fff;padding:3px 8px;margin:2px;font-weight:700;border-top:2px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsJNxDPBJ5EvZInKnIrieiPCyQ12nSsZSSYFz5zPGEkq9UafZA6JvUeE9NFwc0sPSMvFPFjMUbrQO1WQBZmYKCuXOc-6_72Ze3PsJB6BO6en0tdMiraulkrGIV2GiaDtJ6jWYppAwgDV0/s1600/wp4.jpg) 0 0 repeat-x;text-decoration:none}.showpageOf{margin:0 5px 0 0} </style> 
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://sitemaphendrytha.googlecode.com/files/hendrytha-nextpage.js'></script>

4.Now save your "HTMl JavaScript" and refresh your blog.

how to add readmore with thumbnails

you like to show summary of post on frontpage of blogger. is it too complicated ?? ok then go for this step.. this step really works!... Read More Function helps us to reduce the loading time of our blog.
Look at my home page you can find a difference in the posts showing here and when you visit on the post item page. its automatically generates thumbnail for the post based on the images inside the posts which is quite cool. ok Friends... I think all you guys will love this blogger hack! read below steps to do this cool blogger hack..

1. Login To Your Blogger Dashboard--> Desing--> Edit HTML

2. Scroll Down To Where You See </head> tag .

3. Now Add Below Code Before </head> tag.

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>

</script>

4. Scroll down to where you see <data:post.body/> tag.

5. Copy below code and paste it just after <data:post.body/>.

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

<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRc8RvFS6CaP988eJRahUi1SMQH_wMm4IroJ_BmkORzqle0f0_B35wNLCzRbRDqUcV2O6wlr_qqiM0FW9ln-AgTrxdn5Tdny1gGRF5zT9Sk-xynbP3wJOu8mKhY_zMuZzymjLO-D6QglM/'/></a></span>

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

Note : Adjust description shown

summary_noimg = 430;
summary_img = 340;

Change The Height And Width of Image Thumbnail

img_thumb_height = 100;
img_thumb_width = 120;

6. Now Click On 'SaveTemplate' You are done...

how to attach the text area

1. How to Create Text Area with Select All

for menshort all content in the text area to select all button

ways:

1.Log in to your dashboard -> Layout -> Edit HTML

2.Scroll where you can see the code </ head> tag.note / * use Ctrl F to find * /

3.Now add the code below before </ head> tag.

<script type="text/javascript">

function selectAll()

{

document.form1.demo.focus();

document.form1.demo.select();

}

</script>

and below the text area code for your

<form name="form1" >

<textarea cols="25" rows="10" name="demo">

TEXT AREA

</textarea>

<input type="button" name="selectit" value="Select All" onclick="selectAll ();">

</form>

Note: change Text Area with your content"

2. How to Create Text Area With More Automatic mouse highlight

code:

<textarea rows="5" cols="15" onfocus="this.select()" onmouseover="this.focus()" style="display: inline;" name="txt" onclick="this.focus();this.select()">

Enter Your Content Here

</textarea>

demo:

How do I create a zoom-effect for the popular post

How do I create a zoom-effect for the popular post

"Popular Posts or popular entry is a few parts of entries or posts that are popular or the most viewed or searched by the visitors and the entry of this popular work with the number of pages viewed"

how to make a zoom-effect for the widget popular posts ... this zoom-effect works when images on the popular post would result in rotating the zoom-effect when a cursor or highlight on the image leads to the
but here I do not display the demo if my friend can be directly interested in trying

The first step as always my friend:

1.Login to your blogger dashboard -> Design -> Edit HTML

2.Scroll and the Search for ]]></ b: skin> tag. Use copy Ctr f

3.Copy code below and paste it after ]]></ b: skin> tag

<style type='text/css'>
.PopularPosts ul li {background: none repeat scroll 0 0 transparent;float: left;list-style: none outside none;margin: 5px !important;padding: 0 !important;}
.PopularPosts ul li img {padding:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;height: 80px;width: 80px;}
.PopularPosts ul li img:hover {border:2px solid #BBB;-moz-transform: scale(1.2) rotate(-1090deg) ;-webkit-transform: scale(1.2) rotate(-1090deg) ;-o-transform: scale(1.2) rotate(-1090deg) ;-ms-transform: scale(1.2) rotate(-1090deg) ;transform: scale(1.2) rotate(-1090deg) ;}
</style>

Note: Please add your first Popular Posts widget to your Blogger Sidebar. (Blogger widget list ..)
4 Now click the Save Template,

5.tambah widget and choose elements or Popular Posts Popular Posts "Settings Popular Posts Widget you, Like this,

save lives now and see results

How To Add Snow Effect On The Blogger

here is the cool simple snow effect to your blog mouse cursor area. many snow effects gadget use images to this. but this gadget do not use images to this. so this is very fast. i've tested this effect on internet explorer, mozzilla firefox & many other web browsers. this simple non-image based widget works just fine!! I hope you enjoy using this very cool snow effect gadget. please add your comments, installetion trouble or opinions below comment box.. and thank you visiting my website. and subscribe our news letter to get latest blogger tricks fast.

1.Login to your blogger Dashboard and go to Design --> Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below

<script type='text/javascript'>
// <![CDATA[
var colour="black";
var sparkles=100;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {


tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

4. Now Click On Save 'JavaScript' You are done....

how to make an animation follow twitter

icon follow tweter animasi Info senantiasa belajar

1.login ke Blogger Dashboard and go to Design >> & Page Elements.

2.Add Gadget ______ html/javascrip

3.Copi and paste the code below and save

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON12/twitbutton.swf" width="182" height="202"><param name="movie" value="http://www.buzzbuttons.com/BUTTON12/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=senantiasa belajar"></param><a href="http://www.gamblinginsider.ca/casino-games/slots/" title="slots">slots</a><embed src="http://www.buzzbuttons.com/BUTTON12/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="182" height="202" menu="false" wmode="transparent" flashvars="username=bloggertoolz"></embed></object>

Note: ganti tulisan yang berwarna merah (senantiasa belajar) dengan username twitter kamu

Trims

DEMO

How To Add Cool Feed Icon With Subscription

How To Add Cool Feed Icon With Subscription

1.Login to your blogger Dashboard and go to Desing --&-- Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below

<div style="border: 1px solid DodgerBlue; padding: 5mm;"> 
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk7dAAk3zmzga0DXgiZQ_rpv2BC3RkWIelbYTuTZzn3Odr_ATlghgk4AMNPNlMCy8Heu_YAXnXlG5Kw_2INpbgIdGGJobzcdL1bUWLpPeM9HCZUMMNVZaKBu_6mzj-p19VruPkRf3WemQ/"/></center> 
<span style="font-weight: bold;font-size:small;">Subscribe by E-mail & Get Latest Blog Updates Free</span>
<form action=Your Feedburner URl here" style="padding: 3px; text-align: center;" target="popupwindow" method="post" onsubmit="window.open('Your Feedburner URl here', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><center style="font-weight: normal">Enter your email address:</center><p><center><input type="text" style="width:140px" name="email"/></center></p><center><input type="hidden" value="TntByStc" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /></center></form></div>

Note: Replace Your Feedburner URl here with your feedburner account url

4.Now save your "HTMl JavaScript" and you are done.

how to make Beautiful subscribe

BEAUTIFUL SUBSCRIBE

1.Login to your blogger dashboard and go to desing - & Page Elements.

2.Click on the 'Add Gadget' in the sidebar.

3.Select 'HTML / Javascript' and add one of the code given below.

Note: change Enter email address here (your email) With uRl feedburner

4.Click and SAVE

Finish.........

"trims "

how to create a tag cloud rotating

how to create a tag cloud

add tags rotating when the mouse pointer is directed to a tag or label is then the tag will spin, if you click one of the main tag will open a page by tag question. . Usually placed in the sidebar tag cloud blog. You can add the script to the blogger template to display the tag (label) cloud in the sidebar.

To attach a tag cloud in the sidebar of the blog, do the following procedure 1. Log in to your dashboard Choose Layout
-> Edit Html

2. Find the following code

<b:section class='sidebar' id='sidebar' preferred='yes'>

If using a blogger template designers try to look like the code below:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

3. SAVE template

Note,

If the blog site put up a tag cloud and tag list / text, usually not muncul.Jika tag tag cloudnya cloudnya try not appeared in the manual settings a label widget in the sidebar of the blog. Select the option Cloud

If you want to change the color you can try to replace some of the variables

tagcloud", "240", "300", "7", "#ffffff" ->

a. 240 is the width of the widget, the widget 300 high (240 and 300 numbers can be changed according to the width of your widget to make it more neatly),

b. # ffffff is the background color, background color can be changed to another color,

3. so.addVariable ("tcolor", "0x333333"); where, 0x333333 black text color. Another text color you can use:

0xffffff: white

0xFF0000FFF: red

0x00FF00: Color Green

0x0FFFF0: Color Yellow

0x00FF0000: blue

0xFFF000: light blue

0xFFFFFFF: Color Black

0x0FF0FF0: pink

adding text links(hyperlinks) and image links to your blog

This post explains how to add hyperlinks to text,how to make hyperlinks open in new window.

If you don't know what hyperlinks means?Hyperlink means a link which when clicked go to another section of document or webpage,etc.
Here are a few examples:
Put youtube videos in your blog
Disable navbar in blogger blog

As you can observe the above links,when clicked go to another page.
So,how to add the hyperlink,
Adding hyperlink(open in the same window):

Here is the sample code to do it

<a href="target">TEXT HERE </a>

Example: put inplace of
TEXT HERE - Google
target - google.com

So,the html code looks like

<a href="google.com">Google</a>

and the output will be Google

How to add hyperlink(open in new window):
Anyone don't want their visitors to go away from their site.So,placing links which open in new window is very useful and very good thing to do.
So,here is the code
<a href="url" target="_blank">TEXT HERE </a>
the output will looks like Google (If you click on the link,it will open in the new window)

As you can observe,we added the attribute "target......blank" to make this happen.
Not in this case, add that attribute to any link(image or text) to make them open in new window.
If you want to know how to add hyperlinks(html codes) to IMAGES, please refer this.
How to add hyperlinks to images