TRICKIEZONE | Blogger Tips, Blogging Gadgets And Design Tutorials

How To Host Java Script Files on Google

2012-03-04T07:15:00.002-08:00

How To Host Java Script Files on Google

Step by Step

1. Go to http://code.google.com/hosting/.

2. Sign in with your google account "Sign in to create a project".

3. Click "Create A New Project" see the image below.

4. Then fill up the form see the sample image below.

5. After that follow the steps 1-5 see the image below.

1) SOURCE

2) BROWSE

3) TRUNK

4) UPLOAD

5) FILE.CSS OR FILE.JS

6. Then next step is mouse over the 6.VIEW RAW FILE and you will see the link no.7.

7. And add this code to your java script url <script src="http://url of java script.js" type="text/javascript">

8. Then paste it to your site.

Hope you like it my new tutorial subscribe to my RSS Feeds to receive new updates or follow us on twitter http://twitter.com/trickiezone and like us on facebook http://facebook.com/modifier200 thank you please support TRICKIEZONE.

How To Add Like, Google+, Tweet Button with CSS To Your Blogger Blogspot

2012-03-03T05:35:00.005-08:00

How To Add Like, Google+, Tweet Button with CSS To Your Blogger Blogspot

Step by Step

1. Login to your Blogger Account.

2. Then go to DESIGN >  EDIT HTML > EXPAND WIDGET TEMPLATES.

3. Search ]]></b:skin> CTRL + F.

4. And paste this code after ]]></b:skin>

/* Social Box */
#g-plusone,
.fbleft,
.tweetright {
margin: 20px 0 0px;
padding: 15px 12px 12px 15px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.fbleft {
background: #ECEEF5;
background-image: url('http://dl.dropbox.com/u/1960768/fb.png';);
background-repeat: no-repeat;
background-position: right bottom;
border: 1px solid #9DACCE;
margin: 2px 0 0 0;
width: 325px;
height: 25px;
float: left;
}

#g-plusone{
background: #F9F9F9;
background-image: url('http://dl.dropbox.com/u/1960768/gp.png';);
background-repeat: no-repeat;
background-position: right bottom;
border: 1px solid #CCCCCC;
margin: 2px 0 0 8px;
width: 70px;
height: 25px;
float: left;
}

.tweetright {
background: #E8F3F9;
background-image: url(http://dl.dropbox.com/u/1960768/tw.png;);
background-repeat: no-repeat;
background-position: right bottom;
border: 1px solid #A4CCE5;
margin: 2px 0 0 8px;
float: right;
width: 100px;
height: 25px;
}

5. Search <data:post.body/> and paste the code below after <data:post.body/>.

<div class='fbleft'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=standard&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>
</div>

<div id='g-plusone'>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone count='true' expr:href='data:post.url' size='medium'/>
</div>

<div class='tweetright'><a class='twitter-share-button' data-count='horizontal' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>

6. Then SAVE see the result.

It's appear below of Blogger Blogspot Post.

Hope you like it my new tutorial subscribe to my RSS Feeds to receice new updates about new blogger tutorials you follow us on http://twitter.com/trickiezone or like us on http://facebook.com/modifier200 thank you and please support Trickiezone. 

How To Hide-Disable-Remove-Blogger Navbar From Your Blogspot

2012-02-19T07:12:00.000-08:00

Today I will teach you "How To Hide-Disable-Remove-Blogger Navbar From Your Blogspot" ok let's begin this tutorial.

1. Login to your Blogger Account.

2. Go to EDIT HTML and search 

]]></b:skin> bt pressing (CRTL + F).

3. Then paste the code below before 

]]></b:skin> then SAVE.

4. See the result Gooodluck and Happy Blogging.

CODE:

#navbar {
height: 0px;
visibility: hidden;
display: none;
}

Hope you like my new tutorial you can subscribe to my RSS Feeds to receive new updates and also like us on facebook http://facebook.com/modifier200 or follow us on twitter http://twitter.com/trickiezone. Support Trickiezone Thank You!.

How to Add Floating Follow and Dashboard Button In Your Blogger Blogspot

2012-02-18T08:17:00.000-08:00

How to Add Floating Follow and Dashboard Button In Your Blogger Blogspot

1. Login to your Blogger Account.

2. Go to PAGE ELEMENT > ADD A GADGET > HTML/Javascript.

3. Copy and paste the code below and SAVE.

4. See the result

<div style="display: scroll; position: fixed; right: 90px; top: 35px;">
<a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=1234567890123456789" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="♥ Follow!"><img border="0" src="http://1.bp.blogspot.com/-y-bAEinABbs/Tz_OkKkL0yI/AAAAAAAAAl8/2MhV30wt9sk/s320/follow.png" /></a>

<div style="display: scroll; position: fixed; right: 3px; top: 35px;">
<a class="linkopacity" href="http://blogger.com/home" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="♥ Dashboard!"><img border="0" src="http://4.bp.blogspot.com/-z3BcfbcKxMw/Tz_OkfCJikI/AAAAAAAAAmE/n3rF-CeBkYw/s1600/dashboard.png" /></a></div>
</div>

NOTE:
Change the sample Blog ID with your own Blog ID.

See this page if you don't know your Blog ID.

http://trickiezone.blogspot.com/2011/12/how-to-know-your-blog-id.html

Hope you like it my new tutorial you can subscribe to my RSS Feeds to receive new updates about Trickiezone Blogger Tutorials, Like us on facebook http://facebook.com/modifier200 or Follow us on twitter http://twitter.com/trickiezone Please Support Trickiezone Thank You!.

How To Add Floating Back To The Top Button To Your Blogspot

2012-02-14T06:37:00.000-08:00

How To Add Floating Back To The Top Button To Your Blogspot

1. Login to your Blogger Account.

2. Go DESIGN > ADD A GADGET > HTML/Javascript.

3. Paste the code below and save.

4. See the result.

CODE:

<a alt="Back to Top" style="display:scroll;position:fixed;bottom:25px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='http://lh6.ggpht.com/_u4rBCfM4eII/TTHt__Xx0AI/AAAAAAAAA-w/UvooL9jLEoQ/BTT%20Large.jpg'" src="http://4.bp.blogspot.com/_4fVBL4fjrFI/Sa6g-Gqz9uI/AAAAAAAAClU/V4ImwYVHpCw/s1600/B2T_Small.jpg" onmouseout="this.src='http://lh4.ggpht.com/_u4rBCfM4eII/TTHuANkCOXI/AAAAAAAAA-0/i8F6OTsAeow/BTT%20Small.jpg'" /></a>

Hope you like it you can subscribe to my RSS Feeds to receive new updates or follow us on twitter http://twitter.com/trickiezone or like us on facebook http://facebook.com/modifier200 and support Trickiezone thank you.

How To Add Snow Effect On Cursor (Blogspot Widget Cursor Effect)

2012-02-11T01:36:00.000-08:00

Good Day! Here's my new tutorial about "How To Add Snow Effect On Cursor (Blogspot  Widget Cursor Effect)"

Step by Step

1. Login to your Blogger Account.

2. Go to Design > Edit HTML press CTRL + F and search </head> tags.

3. Copy the code below and paste it before </head> tags.

4. Hit Save and see the result.

CODE:

<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>

You can change the color of cursor snow effect change "black".

Hope you like it my new tutorial subscribe to my RSS Feeds to receive new updates about Trickiezone Tutorials and follow us on twitter http://twitter.com/trickiezone or like us on facebook http://facebook.com/modifier200

List of 20 Blogs Directory

2012-02-08T03:24:00.000-08:00

List of 20 Blogs Directory that will give you good start up traffic to your site just register and submit your site and done.


REMEMBER THIS:
Skip the ADS.

LIST OF 20 BLOGS DIRECTORY

BlogHub.com
Blogged.com
Blogcatalog.com
Globeofblogs.com
Biggerblogger.com
Bloggapedia.com
Bloggernity.com
BlogHints.com
BlogTopList.com
Blogarama.com
BlogListing.net
Blawg.com
Blloggs.com
BlogIntro.com
BlogExplosion.com
Topblogging.com
LSBlogs.com
MyNewBlog.com
BlogsOnTop.com
BloggerNow.com

NOTE:

If theres something wrong with the link provided above let me know just post the broken link and I will fix it thank you. 

Hope you like it you can subscribe to my RSS Feeds to receive new updates or follow us on twitter http://twitter.com/trickiezone or on facebook http://facebook.com/modifier200 thank you.  

Url Tooltip To Your Blogspot Blogger Widget Cursor Effect

2012-02-04T05:32:00.001-08:00

Step by Step Tutorial About Url Tooltip To Your Blogspot Blogger Widget

1. Login to your Blogger Account.

2. Go to EDIT HTML then press CTRL + F and search </head>.

3. Add the code below before </head> and save.

4. Done see the result.

CODE:

<style>
/* Fading Tooltips By Frank Bueltge*/
body div#toolTip {
position:absolute;
z-index:1000;
min-width:150px;
background:#000;
border:2px double #ccc;
text-align:left;
padding:3px 5px 5px 5px;
min-height:1em;
-moz-border-radius:5px;
}

body div#toolTip p {
margin:0;
padding:0;
color:#ccc;
font:11px/12px verdana,arial,sans-serif;
font-weight:bold;
}

body div#toolTip p em {
display:block;
margin-top:2px;
color:#fff;
font-style:normal;
font-weight:normal;
}

body div#toolTip p em span {
font-weight:bold;
color:#fff;
}
</style>
<script src='http://javscript-code.googlecode.com/files/tooltips.js' type='text/javascript'/>
<script>
/*
Sweet Titles (c) Creative Commons 2005
http://creativecommons.org/licenses/by-sa/2.5/
*/
var sweetTitles = {
xCord : 0, // @Number: x pixel value of current cursor position
yCord : 0, // @Number: y pixel value of current cursor position
tipElements : ['a','abbr','acronym'], // @Array: Allowable elements that can have the toolTip
obj : Object, // @Element: That of which you're hovering over
tip : Object, // @Element: The actual toolTip itself
active : 0, // @Number: 0: Not Active || 1: Active
init : function() {
if ( !document.getElementById ||
!document.createElement ||
!document.getElementsByTagName ) {
return;
}
var i,j;
this.tip = document.createElement('div');
this.tip.id = 'toolTip';
document.getElementsByTagName('body')[0].appendChild(this.tip);
this.tip.style.top = '0';
this.tip.style.visibility = 'hidden';
var tipLen = this.tipElements.length;
for ( i=0; i<tipLen; i++ ) {
var current = document.getElementsByTagName(this.tipElements[i]);
var curLen = current.length;
for ( j=0; j<curLen; j++ ) {
addEvent(current[j],'mouseover',this.tipOver);
addEvent(current[j],'mouseout',this.tipOut);
current[j].setAttribute('tip',current[j].title);
current[j].removeAttribute('title');
}
}
},
updateXY : function(e) {
if ( document.captureEvents ) {
sweetTitles.xCord = e.pageX;
sweetTitles.yCord = e.pageY;
} else if ( window.event.clientX ) {
sweetTitles.xCord = window.event.clientX+document.documentElement.scrollLeft;
sweetTitles.yCord = window.event.clientY+document.documentElement.scrollTop;
}
},
tipOut: function() {
if ( window.tID ) {
clearTimeout(tID);
}
if ( window.opacityID ) {
clearTimeout(opacityID);
}
sweetTitles.tip.style.visibility = 'hidden';
},
checkNode : function() {
var trueObj = this.obj;
if ( this.tipElements.inArray(trueObj.nodeName.toLowerCase()) ) {
return trueObj;
} else {
return trueObj.parentNode;
}
},
tipOver : function(e) {
sweetTitles.obj = this;
tID = window.setTimeout("sweetTitles.tipShow()",500);
sweetTitles.updateXY(e);
},
tipShow : function() {
var scrX = Number(this.xCord);
var scrY = Number(this.yCord);
var tp = parseInt(scrY+15);
var lt = parseInt(scrX+10);
var anch = this.checkNode();
var addy = '';
var access = '';
if ( anch.nodeName.toLowerCase() == 'a' ) {
addy = (anch.href.length > 100 ? anch.href.toString().substring(0,100)+"..." : anch.href);
var access = ( anch.accessKey ? ' <span>['+anch.accessKey+']</span> ' : '' );
} else {
addy = anch.firstChild.nodeValue;
}
this.tip.innerHTML = "<p>"+anch.getAttribute('tip')+"<em>"+access+addy+"</em></p>";
if ( parseInt(document.documentElement.clientWidth+document.documentElement.scrollLeft) < parseInt(this.tip.offsetWidth+lt) ) {
this.tip.style.left = parseInt(lt-(this.tip.offsetWidth+10))+'px';
} else {
this.tip.style.left = lt+'px';
}
if ( parseInt(document.documentElement.clientHeight+document.documentElement.scrollTop) < parseInt(this.tip.offsetHeight+tp) ) {
this.tip.style.top = parseInt(tp-(this.tip.offsetHeight+10))+'px';
} else {
this.tip.style.top = tp+'px';
}
this.tip.style.visibility = 'visible';
this.tip.style.opacity = '.1';
this.tipFade(10);
},
tipFade: function(opac) {
var passed = parseInt(opac);
var newOpac = parseInt(passed+10);
if ( newOpac < 90 ) {
this.tip.style.opacity = '.'+newOpac;
this.tip.style.filter = "alpha(opacity:"+newOpac+")";
opacityID = window.setTimeout("sweetTitles.tipFade('"+newOpac+"')",20);
}
else {
this.tip.style.opacity = '.90';
this.tip.style.filter = "alpha(opacity:90)";
}
}
};
function pageLoader() {
sweetTitles.init();
}
addEvent(window,'load',pageLoader);
</script>

Hope you like it you can subscribe to my RSS Feeds to receive new updates about my Trickiezone Tutorials and also follow us on twitter http://twitter.com/trickiezone or like us on facebook http://facebook.com/modifier200 support Trickiezone thank you.

How To Add Facebook Like with Share Button Below Post Title

2012-02-03T05:05:00.000-08:00

Today I will teach you "How To Add Facebook Like with Share Button Below Post Title" let's start this tutorials.

1. Login to your Blogger Account.

2. Go to DESIGN > EDIT HTML > then hit Expand Widget Templates.

3. Make sure you back up your templates.

4. Press CTRL + F and search this code <data:post.body>

5. Then add the code below before <data:post.body>.

<div style='float:left;padding:5px;'>
<b:if cond='data:blog.pageType == "item"'>
<script src='http://mackie.wapsite.me/file/javascript/share/like_tweet_button.js'>
</script>
</b:if>
</div>

6. Save it and see the result.

You can change the Facebook Like and Share Button Style get the code HERE

Hope you like my new tutorial you can subscribe to my RSS Feeds to receive new updates about Trickiezone tutorial also Follow us on twitter http://twitter.com/trickiezone or like us on facebook http://facebook.com/modifier200 thank you. Support Trickiezone

How To Add Background Color Changer To Your Blogger Blogspot (Blogger Widget)

2012-01-28T06:24:00.000-08:00

Today! I will teach you "How To Add Background Color Changer To Your Blogger Blogspot" 

Here's How:

Step By Step

1. Login to your Blogger Account.

2. Go to DESIGN > PAGE ELEMENTS > ADD A GADGET > HTML/Javascript.

3. Paste the code below and SAVE.

4. See the result.

SCREENSHOTS

CODE

<div style="cursor: pointer; opacity: 1; position: fixed; right: 10px; top: 5px;">

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" height="20" style="width: 300px;"><tbody>
<tr> <td bgcolor="white" onclick="bgChange('')">
</td><td bgcolor="#699AB8" onclick="bgChange('#699AB8')">
</td><td bgcolor="#000000" onclick="bgChange('#000000')">
</td><td bgcolor="#FF00FF" onclick="bgChange('#FF00FF')">
</td><td bgcolor="#006400" onclick="bgChange('#006400')">
</td><td bgcolor="#FF6600" onclick="bgChange('#FF6600')">
</td><td bgcolor="#480082" onclick="bgChange('#480082')">
</td><td bgcolor="#dc143c" onclick="bgChange('#dc143c')">
</td><td bgcolor="#D4E3EA" onclick="bgChange('#D4E3EA')">
</td><td bgcolor="#B40404" onclick="bgChange('#B40404')">
</td><td bgcolor="#9A2EFE" onclick="bgChange('#9A2EFE')">
</td><td bgcolor="#236c95" onclick="bgChange('#236c95')">

</td></tr>
</tbody></table>
</div>

Hope you like it my new tutorial you can subscribe to my RSS Feeds to receive new updates about my blog also like us on facebook http://facebook.com/modifer200 or follow us on twitter http://twitter.com/trickiezone thank you!. Support Trickiezone.

Word Counter Generator

2012-01-24T03:28:00.000-08:00

Word Counter Generator

Let this generator counts your own article word by word simply paste your article into input box and hit generate and you will see the result beside of the button.

Hope you like it subscribe to my RSS Feeds to receive new updates about blogger tutorials and also like us http://facebook.com/modifier200 or follow us on twitter http://twitter.com/trickiezone Thank You!. Support Trickiezone

How To Add Moving Announcements Highlighter Scroller To Your Blogger (Blogger Widget)

2012-01-19T06:43:00.000-08:00

Good Day Guys! I just want to share this "Moving Announcement Highlighter Scroller" for your Blogspot simply add this in to your sidebar or on the top of blog post or even in your your main page.

Step by Step

1. Login to your Blogger Account.

2. Go to Design > Page Elements > Add A Gadget > HTML/Javascript.

3. Paste the code below and save.

4. See the result.

DEMO

CODE

<div style="left: 0px; position: relative; top: 0px;">
<span id="highlighter" style="background-color: yellow; clip: rect(0px, 0px, auto, 0px); font-family: Verdana; font-size: 18px; left: 0pt; position: absolute; top: 0pt;"></span></div>

<script type="text/javascript">
var tickercontents=new Array()
tickercontents[0]='Welcome To <a href="http://trickiezone.blogspot.com"><b>TRICKIEZONE</b></a> Feel Free To Explore My Site.'
tickercontents[1]='Suppport <a href="http://trickiezone.blogspot.com"><b>TRICKIEZONE</b></a> Thank You!.'
tickercontents[2]='Thank You For Visiting Us! And Forget To Visit Us Again.'

var tickdelay=3000 //delay btw messages
var highlightspeed=10 //10 pixels at a time.

////Do not edit pass this line////////////////

var currentmessage=0
var clipwidth=0

function changetickercontent(){
crosstick.style.clip="rect(0px 0px auto 0px)"
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}

function highlightmsg(){
var msgwidth=crosstick.offsetWidth
if (clipwidth<msgwidth){
clipwidth+=highlightspeed
crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipwidth=0
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}

function start_ticking(){
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}

if (document.all || document.getElementById)
window.onload=start_ticking
</script>

You Can Chage This the Following:
BACKGROUND COLOR
ANNOUNCEMENT

Hope you like it my new tutorials about blogger subscribe to my RSS Feeds to receive new updates about my new blogger tutorials also follow us on twitter http://twitter.com/trickiezone or in facebook fanpage http://facebook.com/trickiezone thank you. Support Trickiezone

Add Floating Twitter and Facebook Button (Blogger Widget)

2012-01-17T06:37:00.000-08:00

Add Floating Twitter and Facebook Button (Blogger Widget)

Add it to your Blogger Blogspot just simply copy paste the code below.

Step by Step

1. Login to your Blogger Account.

2. Go to Design > Page Elements > Add a Gadget > HTML/Javascript.

3. Paste it and Save it.

4. See the result.

CODE

<style type="text/css">
a.linkopacity img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;} a.linkopacity:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; }
</style>
<div style="display: scroll; left: -12px; position: fixed; top: 200px;">
<a class="linkopacity" href="http://twitter.com/trickiezone" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="twitter"><img border="0" src="http://4.bp.blogspot.com/-hkL-xbi48Jo/TxV5vMaMh5I/AAAAAAAAAiQ/ds8tthAnle8/s320/twitter.png" /></a>
<a class="linkopacity" href="http://www.facebook.com/modifier200" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="facebook"><img border="0" src="http://4.bp.blogspot.com/-_ULj-GSq7qI/TxV5u3V5kQI/AAAAAAAAAiI/SguQraIq7qE/s320/facebook.png" /></a>
</div>

Change the modifier200 and trickiezone into your twitter and facebook ID

Hope you like it my new tutorial subscribe to my Rss Feeds to receive new updates about Blogger Blogspot Tutorials and also you can find us on http://facebook.com/modifier200 or on http://twitter.com/trickiezone Thank You!. Support Trickiezone.

Make Your Long URL Short using TinyURL

2012-01-15T01:52:00.000-08:00

Make Your URL Short using TinyURL

I have something to share with you guys this is a free services.

How to use this simply follow this instructions.

For Example:

Turn This URL:

https://www.google.com/#hl=en&sugexp=pfwl&tok=gLaxSLr3tRQVj-qBr_Kkvw&cp=4&gs_id=5y&xhr=t&q=trickiezone&pf=p&sclient=psy-ab&site=&source=hp&pbx=1&oq=tric&aq=0p&aqi=p-p2g2&aql=&gs_sm=&gs_upl=&bav=on.2,or.r_gc.r_pw.r_cp.,cf.osb&fp=a76f04b08dc68692&biw=1000&bih=579

Into This:

http://tinyurl.com/8y88hce

Just put the link and the alias in the input field and hit Make TinyURL!.

Powered By:

TinyURL.com

Hope you like it my tutorial subscribe to my Rss Feeds to receive new updates about Bloggger Tutorials and also like us on facebook fanpage http://facebook.com/modifier200 or Follow us on Twitter http://twitter.com/trickiezone. Thank You Support Trickiezone.

How To Add Bubble Comment Counter To Your Blogger/Blogspot Post Title

2012-01-13T09:55:00.000-08:00

Count your visitors comment to each of your blogger post by simply adding the code below. Your title can make your blog more attractive to your visitors. Let's begin this step by step tutorial of "How To Add Bubble Comment Counter To Your Blogger/Blogspot  Post Title".

1. Login to your Blogger Account.

2. Go to Design > Edit HTML > Click on "Expand Widget Templates".

3. Search ]]></b:skin> tag by pressing CRTL + F.

4.Copy below code and paste it before ]]></b:skin>.

.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(http://1.bp.blogspot.com/_1fRuBdlSpLw/S-_7DPCITWI/AAAAAAAAAXU/EBCsy37ga2U/s1600/Comment+Bubble+%2815%29.png) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
position:float;
}

5. Now find this code: <b:if cond='data:post.link'>

and replace it with the below code

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
<b:if cond='data:post.link'>

You can choose other image below simply Right Click the image then select Copy Image Location.

6. Click on "Save Template" You are Done see the result.

Goodluck!

Hope you like it my tutorial subscribe to my Rss Feeds to receive new updates about Bloggger Tutorials and also like us on facebook fanpage http://facebook.com/modifier200 or Follow us on Twitter http://twitter.com/trickiezone. Thank You Support Trickiezone.

Add Floating Share and Facebook Like Buttons To Your Blogspot Sidebar

2012-01-10T23:28:00.000-08:00

Add Floating Share Buttons To Your Blogspot Sidebar

Simply copy/paste to your Blogger Blogspot.

1. Login to your Blogger Account.

2. Go to Design > Add A Gadget > HTML/Javascript.

3. Paste the code below.

4. See the result.

CODE

<style>
#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>

<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div>

<div style="clear: both;font-size: 9px;text-align:center;">
<a href="http://trickiezone.blogspot.com/2012/01/add-floating-share-buttons-to-your.html" target="blank"><font color="black">[Get This]<font></font></font></a></div>
</div>

Hope you like it my tutorial subscribe to my Rss Feeds to receive new updates about Bloggger Tutorials and also like us on facebook fanpage http://facebook.com/modifier200 or Follow us on Twitter http://twitter.com/trickiezone. Thank You Support Trickiezone.

How To Create A Large Initial Letters on a Blogger Post

2012-01-08T23:47:00.000-08:00

Another tutorial again from Trickiezone I would like to share to all of you this tutorial on "How To Create A Large Initial Letters on a Blogger Post" lets begin.

Step by Step:

1. Login to your Blogger Account.

2. Go to DESIGN > EDIT HTML.

3. Search this ]]></b:skin> and put the code below, before ]]></b:skin>.

4. Hit SAVE TEMPLATE.

Choose Type 1 or 2

TYPE 1

.post caps {float:left;
color: #333333; font-size:100px; line-height:80px; padding-top:1px; padding-right:3px;}

TYPE 2

.post caps {float:left;
color: #333333; padding-left:4px; font-weight:bold;}

You can edit the following:

color: #ff0000; = color of font

font-size:100px; = font size

5. Everytime you make a Blog Post put the <caps></caps> tags into your Blog Post Initial for example "Trickiezone" it becomes <caps>T</caps>rickiezone see the sample below.

Trickiezone

Hope you like it my tutorial subscribe to my Rss Feeds to receive new updates about Bloggger Tutorials and also like us on facebook fanpage http://facebook.com/modifier200 or Follow us on Twitter http://twitter.com/trickiezone. Thank You Support Trickiezone.

Create Your Meta Tag For your Your Blogger/Blogspot with Meta Tag Generator

2012-01-08T04:05:00.000-08:00

Make your own Meta Tag using this Meta Tag Generator.

Meta Tag Generator

(separated with spaces)

Here is your META - tag coding.

Put it in the HEAD of your HTML document.

Hope you like it my newly made "META TAG GENERATOR" subscribe to my RSS FEEDS to receive new updates and follow us on twitter. Support Trickiezone Thank You

How To Upload/Install a Blogger Template

2012-01-07T05:34:00.000-08:00

Hello guys today I will teach you "How To Upload/Install a Blogger Template" ok lets begin this tutorial.

Download your new blogger

template to your computer. If

the template is contained in a zip

file, ensure you have extracted

the XML template.

1. Login to your Blogger Account and you will see this.

2. After that click on "Layout".

3. Then click on "Edit HTML".

You must BACKUP your current template, before install the new template.

4. Click on "Browse".

5. Now select your new blogger template file (it there as a xml file) and click on "Open".

6. Click on "Upload".

7. Now confirmation message will appear. Click on "KEEP WIDGETS".

8. Done and see the result.

Hope you like my new tutorial subscribe to my Rss Feeds to receive new updates about my blog and follow us on twitter. Support Trickiezone Thank You

How To Add Round And Around Objects In Your Cursor

2012-01-05T10:28:00.000-08:00

Hello again to all bloggers there and this time I will teach you "How to add  round and around objects in your Cursor". It is a custom cursor with object spinning around the mouse cursor just like the picture below.

Credit to 

Tutorialuntukblog

For the Code and the Image

Step by Step on How Add This Into Your Blogger/Blogspot

1. Login to your blogger account.

2. Go to DESIGN > PAGE ELEMENT > ADD A GADGET > HTML/Javascript and paste the code below then save.

3. See the result.

<script language="JavaScript" type="text/javascript">

var xCol = "#FF0000";
var yCol = "#FFFF00";
var zCol = "#0000FF";

var n = 6; //number of dots per trail.
var t = 40; //setTimeout speed.
var s = 0.2; //effect speed.

var r,h,w;
var d = document;
var my = 10;
var mx = 10;
var stp = 0;
var evn = 360/3;
var vx = new Array();
var vy = new Array();
var vz = new Array();
var dy = new Array();
var dx = new Array();

var pix = "px";

var strictmod = ((document.compatMode) &&
document.compatMode.indexOf("CSS") != -1);

var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

for (i = 0; i < n; i++) { var dims = (i+1)/2; d.write('<div id="x'+(idx+i)+'" style="position:absolute;' +'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;' +'background-color:'+xCol+';font-size:'+dims+'px"><\/div>'
+'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+yCol+';font-size:'+dims+'px"><\/div>'
+'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+zCol+';font-size:'+dims+'px"><\/div>');
}

if (domWw) r = window;
else
{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else
{
if (d.body && typeof d.body.clientWidth == "number")
r = d.body;
}
}

function winsize()
{
var oh,sy,ow,sx,rh,rw;
if (domWw)
{
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number")
{
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else
{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh;
w = rw;
}
else
{
h = r.clientHeight;
w = r.clientWidth;
}
}

function scrl(yx)
{
var y,x;
if (domSy)
{
y = r.pageYOffset;
x = r.pageXOffset;
}
else
{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}

function mouse(e)
{
var msy = (domSy)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number')
{
my = e.pageY - msy + 16;
mx = e.pageX + 6;
}
else
{
my = e.clientY - msy + 16;
mx = e.clientX + 6;
}
if (my > h-65) my = h-65;
if (mx > w-50) mx = w-50;
}

function assgn()
{
for (j = 0; j < 3; j++) { dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) + scrl(0) + pix; dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix; } stp+=s; for (i = 0; i < n; i++) { if (i < n-1) { vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left; vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left; vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left; } else { vx[i].top = dy[0]; vx[i].left = dx[0]; vy[i].top = dy[1]; vy[i].left = dx[1]; vz[i].top = dy[2]; vz[i].left = dx[2]; } } setTimeout(assgn,t); } function init() { for (i = 0; i < n; i++) { vx[i] = document.getElementById("x"+(idx+i)).style; vy[i] = document.getElementById("y"+(idx+i)).style; vz[i] = document.getElementById("z"+(idx+i)).style; } winsize(); assgn(); } if (window.addEventListener) { window.addEventListener("resize",winsize,false); window.addEventListener("load",init,false); document.addEventListener("mousemove",mouse,false); } else if (window.attachEvent) { window.attachEvent("onload",init); document.attachEvent("onmousemove",mouse); window.attachEvent("onresize",winsize); } </script>

For those who like to change the color of the object, you can change the code below.

var xCol = "#FF0000";
var yCol = "#FFFF00";
var zCol = "#0000FF";

Hope you like it my new tutorial subscribe to my RSS FEEDS, FB PAGE, TWITTER to receive new updates about blogger tutorials. Support Trickiezone Thank You

Another Set of Blogger Clock with Twilight Clock

2012-01-04T08:09:00.000-08:00

Hi to all bloggers out there I just want to share to you this another set of blogger clock. Simply copy/paste the code to your sidebar.

1. Login to your blogger account.

2. Go to DESIGN > PAGE ELEMENT > ADD A GADGET > HTML/JavaScript and paste the code below and SAVE it.

3. See your blog.

<embed src="http://www.plugboard.be//horlogeflash/twilight4.swf" width="280" height="180" wmode="transparent"></embed>

<embed src="http://www.plugboard.be/horlogeflash/horloge.swf" width="200" height="200" wmode="transparent"></embed>

<embed src="http://www.plugboard.be/horlogeflash/couple310x290.swf" width="210" height="190" wmode="transparent"></embed>

<embed src="http://www.plugboard.be/horlogeflash/twilight.swf" width="240" height="240" wmode="transparent"></embed>

Hope you like it my new post subscribe to my RSS FEEDS, Twitter, FB Page to receive new updates about Blogger. Please Support Trickiezone  Thank You

How to Add Featured Post Slider with JQuery to Your Blogspot V.1

2012-01-03T10:01:00.000-08:00

How to Add Featured Post Slider with JQuery to Your Blogspot  V.1

I will teach you the step by step on how to How to Add Featured Post Slider to Your Blogspot see the screenshot below.

SCREENSHOT

Step by Step:

1. Login to your Blogger Account.

2. Go to Design > Edit HTML.

3. Backup your Templates.

4. Check the Expand Widget Templates

5. After that search ]]></b:skin> by pressing CTRL + F and paste the code below of ]]></b:skin>

JQUERY SCRIPT

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript">

6. Then Download this file "SLIDER CODE" unzip it and open using your notepad.

7. Copy the code from your notepad  and paste the code below ]]></b:skin>

8. Search ]]></b:skin> and paste the SLIDER CSS CODE above of ]]></b:skin>

SLIDER CSS CODE

.fp-slider{margin:15px 0px 10px 0px;border:1px solid #A0A0A0;position:relative;width:958px;height:346px;overflow:hidden;}
.fp-slides-container{border:7px solid #fff}
.fp-slides,.fp-thumbnail,.fp-prev-next-wrap,.fp-nav{width:944px}
.fp-content{width:914px}
.fp-slides,.fp-thumbnail{height:300px;overflow:hidden;position:relative}
.fp-title{color:#fff;font:bold 18px Arial,Helvetica,Sans-serif;padding:0 0 2px 0;margin:0}
.fp-title a,.fp-title a:hover{color:#fff;text-decoration:none}
.fp-content{position:absolute;bottom:0;left:0;background:#111;opacity:0.7;filter:alpha(opacity = 70);padding:10px 15px;overflow:hidden}
.fp-content p{color:#fff;padding:0;margin:0;line-height:18px}
.fp-more,.fp-more:hover{color:#fff;font-weight:bold}
.fp-nav{height:12px;text-align:center;padding:10px 0;background:#047FB3}
.fp-pager a{background-image:url(http://2.bp.blogspot.com/-pBvh1extHOg/TpeWRaPCpaI/AAAAAAAAEW4/qpAz0PSzkJY/s1600/featured-pager.png);cursor:pointer;margin:0 8px 0 0;padding:0;display:inline-block;width:12px;height:12px;overflow:hidden;text-indent:-999px;background-position:0 0;float:none;line-height:1;opacity:0.7;filter:alpha(opacity = 70)}
.fp-pager a:hover,.fp-pager a.activeSlide{text-decoration:none;background-position:0 -112px;opacity:1.0;filter:alpha(opacity = 100)}
.fp-prev-next-wrap{position:absolute;top:130px;left:0;height:37px}
.fp-prev{float:left;margin-left:14px;width:37px;height:37px;background:url(http://2.bp.blogspot.com/-W2VNw85oqHU/TpeWR7-Zi7I/AAAAAAAAEXA/UHiUY-B6P-c/s1600/featured-prev.png) left top no-repeat;opacity:0.6;filter:alpha(opacity = 60)}
.fp-prev:hover{opacity:0.8;filter:alpha(opacity = 80)}
.fp-next{float:right;width:36px;height:37px;margin-right:14px;background:url(http://2.bp.blogspot.com/-u0MZ9qSd34Y/TpeWQ3ujlCI/AAAAAAAAEWw/u_aVNS7Gu_s/s1600/featured-next.png) right top no-repeat;opacity:0.6;filter:alpha(opacity = 60)}
.fp-next:hover{opacity:0.8;filter:alpha(opacity = 80)}

9. Search <div id='content-wrapper'>

and paste code above of <div id='content-wrapper'>

Featured Slider Code



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

<div class='fp-slider clearfix'>

<div class='fp-slides-container clearfix'>

<div class='fp-slides'>


<div class='fp-slides-items'>

<div class='fp-thumbnail'>

<a href='#'><img src='http://1.bp.blogspot.com/-W0lUJ0vRaI0/TpeWfms_NtI/AAAAAAAAEYY/OZjxhS8vSw4/s1600/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>

<div class='fp-content'>

<h3 class='fp-title'>

<a href='#'>Title 1</a>
</h3>
<p>

Description Here
http://trickiezone.blogspot.com
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>

<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>



<div class='fp-slides-items'>

<div class='fp-thumbnail'>

<a href='#'><img src='http://4.bp.blogspot.com/-_lPspfx3P2c/TpeWhOsZvFI/AAAAAAAAEYg/UMxPw3990Q8/s1600/2.jpg'/></a>
</div>
<div class='fp-content-wrap'>

<div class='fp-content'>

<h3 class='fp-title'>

<a href='#'>Title 2</a>
</h3>
<p>

Description Here
http://trickiezone.blogspot.com
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>

<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>



<div class='fp-slides-items'>

<div class='fp-thumbnail'>

<a href='#'><img src='http://4.bp.blogspot.com/-qyfqiCGxBoM/TpeWieMDqDI/AAAAAAAAEYo/95i6L-5qGuw/s1600/3.jpg'/></a>
</div>
<div class='fp-content-wrap'>

<div class='fp-content'>

<h3 class='fp-title'>

<a href='#'>Title 3</a>
</h3>
<p>

Description Here
http://trickiezone.blogspot.com
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>

<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>



<div class='fp-slides-items'>

<div class='fp-thumbnail'>

<a href='#'><img src='http://3.bp.blogspot.com/-drpsI0hvkRY/TpeWjrwsAPI/AAAAAAAAEYw/_h8_uiyqmo0/s1600/4.jpg'/></a>
</div>
<div class='fp-content-wrap'>

<div class='fp-content'>

<h3 class='fp-title'>

<a href='#'>Title 4</a>
</h3>
<p>

Description Here
http://trickiezone.blogspot.com
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>

<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>



<div class='fp-slides-items'>

<div class='fp-thumbnail'>

<a href='#'><img src='http://1.bp.blogspot.com/-Z03kh4zqH8I/TpeWklyi58I/AAAAAAAAEY4/I_bcPyN2a_s/s1600/5.jpg'/></a>
</div>
<div class='fp-content-wrap'>

<div class='fp-content'>

<h3 class='fp-title'>

<a href='#'>Title 5</a>
</h3>
<p>

Description Here
http://trickiezone.blogspot.com
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>

<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>


</div>
<div class='fp-nav'>

<span class='fp-pager'/>
</div>
</div>
</div>
<div style='clear:both;'/>

</b:if></b:if>



10. Save and see the result.

You can change the color black code and text with your own.

Hope you like it my new tutorial subscribe to my RSS FEEDS, FB PAGE OR FOLLOW US ON TWITTER to receive new updates about blogger. Support Trickiezone Thank You.

Test Your HTML Script

2012-01-02T09:04:00.000-08:00

You can test your HTML Script here all you have to do is paste the code into input box and hit test it!

For Example:

Image Code

<img border="0" height="298" width="270" src="http://4.bp.blogspot.com/-Gjwn7cpHIFk/TwHhc6OR7UI/AAAAAAAAAdo/_BSESuolHTY/s320/html%2Btrickiezone.png" />

Test Script

put the codes in the box then click "TEST it"

Hope you like it you can subscribe to my RSS FEEDS to receive new updates about blogger tutorials. Support Trickiezone Thank You.

Easy Step to Approve in Google Adsense

2012-01-02T00:09:00.000-08:00

Easy Step to Approve in Google Adsense.

All we know that Google Adsense is the highest money maker online see the info below.

What is Google AdSense?

Google AdSense is a free, simple

way for website publishers of all

sizes to earn money by

displaying targeted Google ads

on their websites. AdSense also

lets you provide Google search to your site users, while earning

money by displaying Google ads

on the search results pages.

Source:Full Info

Lets begin for Easy Step to Approve in Google Adsense.

1. First thing you do is provide your own blog domain much better to purchase your own domain (.com) or if you dont have money to buy you must register here in BLOGGER.COM its free blogging services. 

What is BLOGGER.COM?

Blogger is Google's free tool for

creating blogs. See the other info and how to setup.

Source:Full Info

2. Next is think what you gonna do with your blog in other words try to make a niche you must target a 1 information about your blog for example "HEALTH" you must create an article all about Health did you get it? Ok lets proceed to no.3.

3. Now you have a Domain and Good Niche next is write an article about your Niche "Health". Make an article in your scratch paper or in your microsoft words and begin to write. I give you a simple hint about Health example "How To Prevent Obesity".

NOTE:

DO NOT COPY/PASTE OTHERS ARTICLE.

4. After that copy/paste your article from your scratch paper to Blogger then Publish it make 15 unique article to your Blog.

5. Then after that go to GOOGLE ADSENSE fill up the form and submit.

6. Get the adsense code and paste it into your Blog this time you did not see any Googe Adsense Ads here all you have to do is wait for just 1 week to get approved your Google Adsense Account.

7. After 1 week or more see your blog if your ads appeared.

8. Congrats you did well my tutorials. Happy Blogging

REMEMBER THIS:

1. Do not copy/paste other articles

2. Make a unique articles more on presentations.

3. Do not use any gambling, pornography, cracking, hacking content to your blog.

4. Dont put any ads to your blog it can cause violate the Google Adsense TOS.

5. Your content must be in English.

6. Heres the link of Google Adsense Policies Full Info

I am not a good writer and just a begginer in blogging Im just started last year (August 2011) In the first Im not interested in Adsense but I saw others earnings in Adsense so I decided to apply. I got my Google Adsense Account approved in just 1 week of December 2011.

Hope you like it this article you can subscribe to my RSS FEEDS to receive new updates about blogging. Support Trickiezone Thank You.

How To Add 1 Click Pop Up Chatbox To Your Blogspot

2012-01-01T05:20:00.000-08:00

Hi! there today I will teach you "How to Add 1 Click Pop Up Chatbox" you will see a different chatbox style its different from my first tutorial and its easy to do that just a simple copy/paste to your HTML/JAVASCRIPT SLOT ok let's begin this tutorial.

NOTE:

If you dont have chatbox/cbox account you must register here http://www.cbox.ws/ and get the chatbox/cbox code.

1. First thing to do is Login to your Blogger Account.

2. The next one is go to Design > Add A Gadget > HTML/JavaScript and paste the code below dont put the title ok then hit SAVE.

3. Change the sample chatbox/cbox code into your new one.

4. Then see the result easy huh!.

<div id="cboxbutton" style="position: fixed; bottom: 8px; right: 16px; width: 200px; padding: 3px; text-align: center; cursor: pointer; background-color: #EDF3F7; border:#C3D7E5 1px solid;border-radius: 3px; font-family: Tahoma, sans-serif; font-size: 14px;" onclick="togglecbox()">
<b>Open Cbox</b></div>
<div id="cboxdiv" style="display: none; position: fixed; bottom: 48px; right: 16px; width: 200px; background: #EDF3F7; padding: 3px; line-height: 0;border:#C3D7E5 1px solid;border-radius: 3px;">
</div>

<script type="text/javascript">
var cbvis = false;
var cbload = false;
var cbcookie = "cboxvis=";

function togglecbox () {
var cbdiv = document.getElementById("cboxdiv");
var cbbut = document.getElementById("cboxbutton");

if (!cbvis) {
if (!cbload) {
cbdiv.innerHTML = '<iframe frameborder="0" width="195" height="80" src="http://www2.cbox.ws/box/?boxid=2109469&boxtag=5cbgr6&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform2-2109469" style="border:#636C75 1px solid;border-top:0px" id="cboxform2-2109469"></iframe><iframe frameborder="0" width="195" height="298" src="http://www2.cbox.ws/box/?boxid=2109469&boxtag=5cbgr6&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain2-2109469" style="border:#636C75 1px solid;" id="cboxmain2-2109469"></iframe>';
cbload = true;
}
cbdiv.style.display = "block";
cbbut.innerHTML = "Close Cbox";
}
else {
cbdiv.style.display = "none";
cbbut.innerHTML = "Open Cbox";
}
cbvis = !cbvis;
document.cookie = cbcookie+((cbvis)?1:0);
}
// Toggle Cbox open if it was previously
var cbcookiei = document.cookie.indexOf(cbcookie);
if (cbcookiei >= 0) {
if (document.cookie.substring(cbcookiei+cbcookie.length, cbcookiei+cbcookie.length+1) === "1") {
togglecbox();
}
}
</script>

Hope you like it my tuturial subscribe to my RSS FEEDS to receive new updates about blogger tutorials or follow us on twitter. Support Trickiezone Thank You.

How to Add Advertise Here Banner Slot in Blogger Blogspot with Hover Effect (125x125)

2011-12-29T11:41:00.000-08:00

Hi! Guys today I will teach you how to How to Add Advertise Here Banner Slot in Blogger Blogspot with Hover Effect. Lets begin the step by step tutorials.

1. Login to your Blogger Account.

2. Go to your Dashboard > Page Elements > Add a Gadget > HTML/JavaScript then paste code below and SAVE.

<div class='Ad-125'>
<a href='http://trickiezone.blogspot.com/contact' rel='nofollow' title=''><img alt='Advertise Here' src='http://1.bp.blogspot.com/-VmkZWEMn5oI/TvtCAmr5DiI/AAAAAAAAAbM/2gK5gHQIfow/s320/banner125.gif.png'/></a><a href='http://trickiezone.blogspot.com/contact' rel='nofollow' title=''><img alt='Advertise Here' src='http://1.bp.blogspot.com/-VmkZWEMn5oI/TvtCAmr5DiI/AAAAAAAAAbM/2gK5gHQIfow/s320/banner125.gif.png'/>
</a><a href='http://trickiezone.blogspot.com/contact' rel='nofollow' title=''><img alt='Advertise Here' src='http://1.bp.blogspot.com/-VmkZWEMn5oI/TvtCAmr5DiI/AAAAAAAAAbM/2gK5gHQIfow/s320/banner125.gif.png'/></a><a href='http://trickiezone.blogspot.com/contact' rel='nofollow' title=''><img alt='Advertise Here' src='http://1.bp.blogspot.com/-VmkZWEMn5oI/TvtCAmr5DiI/AAAAAAAAAbM/2gK5gHQIfow/s320/banner125.gif.png'/></a>
</div>

3. Now go to Edit HTML and then search this code </head> and paste the code above of </head>

<style type='text/css'>
.Ad-125 img{height:122px;padding:2px;width:122px}
.Ad-125 img:hover{padding:0 5px 0 0}
.Ad-125,.flickrRSS{text-align:center}
</style>

4. And SAVE see the result.

<div class="Ad-125">
<a href="http://trickiezone.blogspot.com/contact" rel="nofollow" title=""><img alt="Advertise Here" src="http://1.bp.blogspot.com/-VmkZWEMn5oI/TvtCAmr5DiI/AAAAAAAAAbM/2gK5gHQIfow/s320/banner125.gif.png" /></a><a href="http://trickiezone.blogspot.com/contact" rel="nofollow" title=""><img alt="Advertise Here" src="http://1.bp.blogspot.com/-VmkZWEMn5oI/TvtCAmr5DiI/AAAAAAAAAbM/2gK5gHQIfow/s320/banner125.gif.png" />
</a><a href="http://trickiezone.blogspot.com/contact" rel="nofollow" title=""><img alt="Advertise Here" src="http://1.bp.blogspot.com/-VmkZWEMn5oI/TvtCAmr5DiI/AAAAAAAAAbM/2gK5gHQIfow/s320/banner125.gif.png" /></a><a href="http://trickiezone.blogspot.com/contact" rel="nofollow" title=""><img alt="Advertise Here" src="http://1.bp.blogspot.com/-VmkZWEMn5oI/TvtCAmr5DiI/AAAAAAAAAbM/2gK5gHQIfow/s320/banner125.gif.png" /></a></div>
</div>

<div class='Ad-125'>
<a href='http://trickiezone.blogspot.com/contact' rel='nofollow' title=''><img alt='Advertise Here' src='http://4.bp.blogspot.com/-7G91YN4Qu4o/Tvy2a_-i3YI/AAAAAAAAAcU/-DMFBd3ORSE/s320/Advertise%2BHere%2B5.png'/></a><a href='http://trickiezone.blogspot.com/contact' rel='nofollow' title=''><img alt='Advertise Here' src='http://4.bp.blogspot.com/-7G91YN4Qu4o/Tvy2a_-i3YI/AAAAAAAAAcU/-DMFBd3ORSE/s320/Advertise%2BHere%2B5.png'/>
</a><a href='http://trickiezone.blogspot.com/contact' rel='nofollow' title=''><img alt='Advertise Here' src='http://4.bp.blogspot.com/-7G91YN4Qu4o/Tvy2a_-i3YI/AAAAAAAAAcU/-DMFBd3ORSE/s320/Advertise%2BHere%2B5.png'/></a><a href='http://trickiezone.blogspot.com/contact' rel='nofollow' title=''><img alt='Advertise Here' src='http://4.bp.blogspot.com/-7G91YN4Qu4o/Tvy2a_-i3YI/AAAAAAAAAcU/-DMFBd3ORSE/s320/Advertise%2BHere%2B5.png'/></a>
</div>

<div class='Ad-125'>
<a href='http://trickiezone.blogspot.com/contact' rel='nofollow' title=''><img alt='Advertise Here' src='http://2.bp.blogspot.com/-fJbwrLr3hf0/Tvy2aE7DhuI/AAAAAAAAAbk/AZ1T8YwtG-4/s320/Advertise%2BHere%2B0.jpg'/></a><a href='http://trickiezone.blogspot.com/contact' rel='nofollow' title=''><img alt='Advertise Here' src='http://2.bp.blogspot.com/-fJbwrLr3hf0/Tvy2aE7DhuI/AAAAAAAAAbk/AZ1T8YwtG-4/s320/Advertise%2BHere%2B0.jpg'/>
</a><a href='http://trickiezone.blogspot.com/contact' rel='nofollow' title=''><img alt='Advertise Here' src='http://2.bp.blogspot.com/-fJbwrLr3hf0/Tvy2aE7DhuI/AAAAAAAAAbk/AZ1T8YwtG-4/s320/Advertise%2BHere%2B0.jpg'/></a><a href='http://trickiezone.blogspot.com/contact' rel='nofollow' title=''><img alt='Advertise Here' src='http://2.bp.blogspot.com/-fJbwrLr3hf0/Tvy2aE7DhuI/AAAAAAAAAbk/AZ1T8YwtG-4/s320/Advertise%2BHere%2B0.jpg'/></a>
</div>

<div class="Ad-125">
<a href="http://trickiezone.blogspot.com/contact" rel="nofollow" title=""><img alt="Advertise Here" src="http://4.bp.blogspot.com/-dF5NtR5tLw4/Tvy2aAolNWI/AAAAAAAAAbw/fJgtqZliHfA/s320/Advertise%2BHere%2B1.png" /></a><a href="http://trickiezone.blogspot.com/contact" rel="nofollow" title=""><img alt="Advertise Here" src="http://4.bp.blogspot.com/-dF5NtR5tLw4/Tvy2aAolNWI/AAAAAAAAAbw/fJgtqZliHfA/s320/Advertise%2BHere%2B1.png" />
</a><a href="http://trickiezone.blogspot.com/contact" rel="nofollow" title=""><img alt="Advertise Here" src="http://4.bp.blogspot.com/-dF5NtR5tLw4/Tvy2aAolNWI/AAAAAAAAAbw/fJgtqZliHfA/s320/Advertise%2BHere%2B1.png" /></a><a href="http://trickiezone.blogspot.com/contact" rel="nofollow" title=""><img alt="Advertise Here" src="http://4.bp.blogspot.com/-dF5NtR5tLw4/Tvy2aAolNWI/AAAAAAAAAbw/fJgtqZliHfA/s320/Advertise%2BHere%2B1.png" /></a></div>

<div class="Ad-125">
<a href="http://trickiezone.blogspot.com/contact" rel="nofollow" title=""><img alt="Advertise Here" src="http://4.bp.blogspot.com/-Kbg13CENsAY/Tvy2antTy5I/AAAAAAAAAb4/DAOnIKFAQ-U/s320/Advertise%2BHere%2B2.png" /></a><a href="http://trickiezone.blogspot.com/contact" rel="nofollow" title=""><img alt="Advertise Here" src="http://4.bp.blogspot.com/-Kbg13CENsAY/Tvy2antTy5I/AAAAAAAAAb4/DAOnIKFAQ-U/s320/Advertise%2BHere%2B2.png" />
</a><a href="http://trickiezone.blogspot.com/contact" rel="nofollow" title=""><img alt="Advertise Here" src="http://4.bp.blogspot.com/-Kbg13CENsAY/Tvy2antTy5I/AAAAAAAAAb4/DAOnIKFAQ-U/s320/Advertise%2BHere%2B2.png" /></a><a href="http://trickiezone.blogspot.com/contact" rel="nofollow" title=""><img alt="Advertise Here" src="http://4.bp.blogspot.com/-Kbg13CENsAY/Tvy2antTy5I/AAAAAAAAAb4/DAOnIKFAQ-U/s320/Advertise%2BHere%2B2.png" /></a></div>

<div class="Ad-125">
<a href="http://trickiezone.blogspot.com/contact" rel="nofollow" title=""><img alt="Advertise Here" src="http://3.bp.blogspot.com/-iPe9zCyUNjU/Tvy2aki-L0I/AAAAAAAAAcE/Y_kc7OrQP78/s320/Advertise%2BHere%2B3.gif" /></a><a href="http://trickiezone.blogspot.com/contact" rel="nofollow" title=""><img alt="Advertise Here" src="http://3.bp.blogspot.com/-iPe9zCyUNjU/Tvy2aki-L0I/AAAAAAAAAcE/Y_kc7OrQP78/s320/Advertise%2BHere%2B3.gif" />
</a><a href="http://trickiezone.blogspot.com/contact" rel="nofollow" title=""><img alt="Advertise Here" src="http://3.bp.blogspot.com/-iPe9zCyUNjU/Tvy2aki-L0I/AAAAAAAAAcE/Y_kc7OrQP78/s320/Advertise%2BHere%2B3.gif" /></a><a href="http://trickiezone.blogspot.com/contact" rel="nofollow" title=""><img alt="Advertise Here" src="http://3.bp.blogspot.com/-iPe9zCyUNjU/Tvy2aki-L0I/AAAAAAAAAcE/Y_kc7OrQP78/s320/Advertise%2BHere%2B3.gif" /></a></div>

Customization

Change the contact Link with your own.

Hope you like it my tutorial subscribe to my RSS Feeds to receive new updates about my blog. Please Support my Blog Thank You.

Convert HTML Code to ASCII Code Special Characters and Symbols

2011-12-28T09:41:00.000-08:00

Hi! there this is the section of you can convert your HTML Code into Ascii Code Spedial Character and Symbols. Do you notice when create a article post in your blog then you post a HTML Code but you want post only the code not the demo interface. Today you can use my HTML Code Converter.

Here Are The Samples.

' < ' becomes ' < '
' > ' becomes ' > '
' " ' (double quote) becomes ' " '
' ' ' (single quote) becomes ' ' '
' & ' becomes ' & '

CONVERT

You can check the code if it is correct.

http://www.ascii.cl/htmlcodes.htm

Thank You http://www.ascii.cl/htmlcodes.htm for the ASCII CODE TABLES.

Hope You Like it! For more updates subscribe to my RSS FEEDS to receive new updates about my blog. Share it! and Like it!. Thank You.

Add Aquarium with Gold Fish to your Blogspot

2011-12-27T04:14:00.000-08:00

Today I will teach you how to add a aquarium to your blogspot. See the step by step tutorial below.

1. Login to your Blogger Account.

2. Go to Design > Add Gadget > HTML/JavaScript.

3. Paste the code below then SAVE.

4. See the result.

DEMO

CODE
<iframe src="//www-blogger-opensocial.googleusercontent.com/gadgets/ifr?url=http://fishgadget.googlecode.com/svn/trunk/fish.xml&amp;container=blogger&amp;view=default&amp;lang=in&amp;country=ALL&amp;sanitize=0&amp;v=55e552ff81608630&amp;libs=core:flash:setprefs&amp;parent=http://trickiezone.blogspot.com/&amp;up_fishColor=none&amp;up_fishName=Fish&amp;up_backgroundColor=F0F7FF&amp;up_backgroundImage=http://&amp;up_numFish=5&amp;up_fishColor1=F45540&amp;up_fishColor2=F0F7FF&amp;up_fishColor3=F45540&amp;up_fishColor4=F45540&amp;up_fishColor5=F45540&amp;up_fishColor6=F45540&amp;up_fishColor7=F45540&amp;up_fishColor8=F45540&amp;up_fishColor9=F45540&amp;up_fishColor10=F45540&amp;up_foodColor=0E30B7&amp;up_userColor1&amp;up_userColor2&amp;up_userColor3&amp;up_userColor4&amp;up_userColor5&amp;mid=4#up_fishColor1=F45540&amp;up_backgroundColor=F0F7FF&amp;up_fishColor2=F0F7FF&amp;up_fishColor5=F45540&amp;up_backgroundImage=http://&amp;up_fishColor6=F45540&amp;up_fishColor3=F45540&amp;up_fishColor4=F45540&amp;up_fishColor9=F45540&amp;up_fishColor7=F45540&amp;up_fishName=Fish&amp;up_fishColor8=F45540&amp;up_foodColor=0E30B7&amp;up_fishColor10=F45540&amp;up_userColor1&amp;up_userColor2&amp;up_userColor3&amp;up_numFish=5&amp;up_userColor4&amp;up_userColor5&amp;up_fishColor=none&amp;st=e%3DAFlCd0UjqtDlkWDkpDtfeEQGno%252FK1Au6oHo8jMTawzvZkFUvROEOXy%252Fr0Yj4hN0rDA8kePB3QHj4KQk%252FOVk8ZXtips73g0AGNdZwQaeiFdZrqKwN8eGb4VfCy08nSzbib0GFfbMAEB9Z%26c%3Dblogger&amp;rpctoken=8623890739856989287" frameborder="0" height="200" id="sidebar-gadget4" name="sidebar-gadget4" style="display: block; width: 100%;"></iframe>

Hope you like my new tutorial subscribe to my rss feed to receive new updates about blogger tutorial from my blog keep supporting us. Thank You!

Add Animated Flash Clock to your Blogger

2011-12-26T09:53:00.000-08:00

Another great day again to all of you guys here I am again sharing this awesome and unique design of flash clock today Im gonna teach you to "Add Animated Flash Clock to your Blogger" see step by step below.

1.Login to your Blogger Account 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.

Clicking Digital Clock

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-33.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-33.swf" width="150" height="150" wmode="transparent"></</object>

Rotating Silver Clock

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-11.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-11.swf" width="150" height="150" wmode="transparent"> </object>

Black Outline Clock

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf" width="150" height="150" wmode="transparent"> </embed></object>

Simple Clock

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-23.swf">
<embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-23.swf" width="150" height="150" wmode="transparent"> </embed></object>

White Clock

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-175.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

Black Clock

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-179.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

Clicking Out Digital Clock

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-152.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

3D Clock

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-169.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

House Clock

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-150.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

Black Cool Clock

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-165.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

4.Now Click On SAVE and DONE see the result.

Special Thanks:

http://flash-clocks.com

Picture From http://www.2dayblog.com/2009/10/19/manual-digital-clock/

Hope you like it my new tutorial subscribe to my feeds to receive new updates about my blog. Thank You!

How to Create Sliding / Floating / Hiding Shoutbox in Blogspot

2011-12-25T08:00:00.000-08:00

Hi! Guys I just want to share to you this tutorial on "How to Create Sliding / Floating / Hiding Chatbox". Let's proceed to the tutorial.

SCREENSHOTS

Step by Step.

1. Login to your Blogger Account.

2. Go to Design > Page Element > Add a Gadget.

3. Then HTML/Javascript paste the code below dont put the title in tile input box just the code only then SAVE.

4. Then after that if you dont have any shoutbox/chatbox I recommend to this link REGISTER HERE it's free.

5. Just login to your chatbox/shoutbox account and get the code.

6. Paste your code in CHATBOX CODE in your widget and SAVE.

7. See the result.

CODE:

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

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://1.bp.blogspot.com/-EduAvK160Os/TvcOJVxWKUI/AAAAAAAAAXo/nVkMSBZZQv4/s320/shoutboxdarktrickiezone.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">

CHATBOX CODE

<div style="text-align:right">
<a href="http://trickiezone.blogspot.com/2011/12/how-to-create-sliding-floating-hiding.html" target="_blank"><small>Tutorial Here</small></a>
<a href="javascript:showHideGB()">
<img src="http://mackie.wapsite.me/images/Delete.png"/>
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

CUSTOMIZATION:

Image:

http://1.bp.blogspot.com/-EduAvK160Os/TvcOJVxWKUI/AAAAAAAAAXo/nVkMSBZZQv4/s320/shoutboxdarktrickiezone.png = Image appear in your blog.

Backgroud Color:

background:#F5F5F5 = Background color of your sliding chatbox

IMAGES SAMPLE

http://3.bp.blogspot.com/-qjDdHIzWueo/TvdFFwku92I/AAAAAAAAAYI/iBdIadjx06o/s320/shoutboxlightredtrickiezone.png

http://4.bp.blogspot.com/-6fPYtZqZoQY/TvdFFv6UvtI/AAAAAAAAAX0/RfkxsoNJ85c/s320/shoutboxlightbluetrickiezone.png

http://2.bp.blogspot.com/-T-HM4Ox2WXU/TvdFFjASDUI/AAAAAAAAAX8/5JY2pI41npI/s320/shoutboxlightgreentrickiezone.png

Hope you like it my tutorials subscribe to my feeds to receive new updates. Thank You

How to Create A Floating Side Menu

2011-12-23T20:31:00.000-08:00

Hi! Good Day again to my readers today I will teach you "How to Create A Floating Side Menu" just follow this step by step tutorial.

SCREENSHOT 1

SCREENSHOT 2

DEMO

1. Download these javascript files from DynamicDrive:

Extract it into empty folder using Winrar.

2. Now open the second file (ssmItems.js) with notepad, and edit it:

Change RED LINK/TITLE in to your Link Title and Link URL.

Now after editing, SAVE the file.

3. Now upload these two files to free hosting Register Here: (http://my3gb.com).

4. Then copy the direct links to these files.

5. Finally change the links (RED COLOR) in the following code with your new links. 

<STYLE>

</STYLE>

<SCRIPT SRC='http://trickiezone.wapsite.me/javascript/Sliding%20Side%20Menu/ssm.js' language='JavaScript1.2'>

//Dynamic-FX slide in menu v6.5 (By maXimus, maximus@nsimail.com)
//Site: http://maximus.ravecore.com/
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com

</SCRIPT>

<SCRIPT SRC='http://trickiezone.wapsite.me/javascript/Sliding%20Side%20Menu/ssmItems.js' language='JavaScript1.2'/>

Go to your blog template. 
Log in to Blogger -> Go to Layout -> Edit HTML and find (CTRL+F) this code:

But before that make sure you backup your templates.

</head>

And paste the code just ABOVE of it.

Then SAVE it and See the result. Goodluck!

CREDIT TO: DynamicDrive

Hope tou like it my new tutorial you can subscribe to my feed to receive new updates. Thank You!

How to Add Sakura Petals or Cherry Blossom Petals to your Blogger

2011-12-22T08:49:00.000-08:00

Today I will teach you "How to Add Sakura Petals or Cherry Blossom Petals to your Blogger" it is very simple to do that just a simple copy/paste method only then let's begin.

Step by Step.

1. Login to you Blogger Account.

2. Go to Design then Add a Gadget > HTML/JavaScript.

3. Copy the code below then paste it to the HTML/JavaScript then SAVE.

4. See the result.

DEMO

Copy The Code Below

<script language="javascript"src="http://trickiezone.wapsite.me/snow_effect/sakura/sakura.js"type="text/javascript"></script>

Hope you like it my simple tutorial for you enjoy. Wants some updates subscribe to my feeds. Thank You.

How to Change Blogger Comment Form into Facebook Comment Form

2011-12-21T07:29:00.000-08:00

How to Change Blogger Comment Form into Facebook Comment Form

Hi! Good Day to all of you. Do you want to change your blogger comment form into facebook comment form today i will teach you "How to Change Blogger Comment Form into Facebook Comment Form". See below the step by step tutorials.

SCREENSHOT

1. Login to your Blogger Account.

2. Go to your blog Design.

3. Then go to Edit HTML > Expand Widget Templates.

4. Now search <p class='comment-footer'> or <b:if cond='data:post.embedCommentForm'> press CTRL + F.

5. It looks like this.

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<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>

6. Then erase that code then replace with this code.

<h2 class='title'>FACEBOOK COMMENT</h2>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments expr:href="data:post.url" num_posts="10" width="500" colorscheme="light"></fb:comments><br/>
<small><a href='http://trickiezone.blogspot.com/2011/12/how-to-change-blogger-comment-form-into.html'>Want this Facebook Widlet</a></small>

7. Then SAVE and see the result.

Customization:

num_posts="10" = You can change the number of post appeared in your blog post facebook comment.
width="500" = You can change the width of your blog post facebook comment.
colorscheme="light" = You can change the colorscheme into "dark" for dark color templates.

Hope you like it my new tutorial you can subscribe to my feed to receive new updates about blogger tutorials. Goodluck!

How to Add Related Post in your Blogger Post

2011-12-18T08:39:00.001-08:00

Today I will teach you how to add related post in your blogger post. Ok! Here are the step by step procedure of adding related post features.

First Login to your Blogger Account.

Go to your blog Design > Edit HTML.

Then click the checkbox or Expand Widget Templates.

After that search this code <div style='clear: both;'/> <!-- clear for photos floats --> press Ctrl + F.

Then copy and paste the code above <div style='clear: both;'/> <!-- clear for photos floats -->

<b:if cond='data:blog.pageType == "item"'>
<div dir='ltr' style='text-align: left;' trbidi='on'>
<div style='-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: #ffffff; border: 1px solid #4397E9; height: 86; padding: 5px; text-align: left; width: 369;'>
<div dir='ltr' style='text-align: left;' trbidi='on'>
<img src='http://www.searchmagnified.com/__media__/pics/596/awrro.gif'/> <b style='font-family: Times,"Times New Roman",serif;'>RELATED POST</b></div>
<div class='widget-content'>
<div id='data2007'/>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10undefinedjson) {
var ul = document.createElementundefined'ul');
var maxPosts = undefinedjson.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for undefinedvar i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for undefinedvar k = 0; k < entry.link.length; k++) {
if undefinedentry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElementundefined'li');
var a = document.createElementundefined'a');
a.href = alturl;

ifundefineda.href!=location.href) {
var txt = document.createTextNodeundefinedentry.title.$t);
a.appendChildundefinedtxt);
li.appendChildundefineda);
ul.appendChildundefinedli);
}
}
for undefinedvar l = 0; l < json.feed.link.length; l++) {
if undefinedjson.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substrundefinedhomeUrl3.length+13);
var k;
for undefinedk=0; k<20; k++) label = label.replaceundefined"%20", " ");
var txt = document.createTextNodeundefinedlabel);
var h = document.createElementundefined'b');
h.appendChildundefinedtxt);
var div1 = document.createElementundefined'div');
div1.appendChildundefinedh);
div1.appendChildundefinedul);
document.getElementByIdundefined'data2007').appendChildundefineddiv1);
}
}
}
function search10undefinedquery, label) {

var script = document.createElementundefined'script');
script.setAttributeundefined'src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttributeundefined'type', 'text/javascript');
document.documentElement.firstChild.appendChildundefinedscript);
}

var labelArray = new Arrayundefined);
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";

var test = 0;
for undefinedvar i = 0; i < labelArray.length; i++)
if undefinedlabelArray[i] == textLabel) test = 1;
if undefinedtest == 0) {
labelArray.pushundefinedtextLabel);
var maxLabels = undefinedlabelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if undefinednumLabel < maxLabels) {
search10undefinedhomeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</div>
</b:if>

Then SAVE see the result.

If theres a problem with the code you may Download the code Here.

http://plunder.com/KF9VWP5YFL

SCREENSHOT:

Customization:

You can edit this.

 background: #ffffff

border: 1px solid #4397E9

height: 86 

padding: 5px 

 text-align: left 

width: 369

Hope you like it my tutorial you can subscribe to my feeds to receives new updates. Support my Blog Thank You.

Adding Twitter Follow Button in your Blogger (Official)

2011-12-15T01:49:00.000-08:00

Adding Twitter Follow Button (Official) by simply placing the twitter follow button code to your blogger and make it customize new design.

The twitter follow button have followers count and visitors can also see your twitter profile and latest tweets by clicking your username next to the twitter button.

SCREENSHOT:

SAMPLE:

Follow@TRICKIEZONE

Let's begin to our Step by Step Tutorial by Adding Twitter Follow Button (Official).

Go to Design > Page Elements.

Click Add A Gadget and select HTML/Javascript gadget.

Copy the code below and paste it inside the content box:

<a href="http://twitter.com/trickiezone" class="twitter-follow-button">Follow@TRICKIEZONE</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

Then Replace Trickiezone/TRICKIEZONE into your Twitter Username.

After that Save and see the result.

Configure Button:

You can configure the button by adding link data-attributes (next to class="twitter-follow-button") in line 2. Refer to the list below:

Description		Data-attribute
Remove followers count		data-show-count="false"
Light button (suitable for dark background)		data-button="grey"
Change link color		data-link-color="COLORCODE"
Change text color		data-text-color="COLORCODE"

Hope you like it my post subscribe to my feeds to receive new updates about blogger ang also you can follow me on twitter.Thank You

Follow@TRICKIEZONE

How to Indexed your Blog In Search Engines

2011-12-12T23:59:00.000-08:00

How to Indexed your Blog In Search Engines

Another pinger site you can add your blog into different search engine by submitting your blog url or rss feed url. What is the advantage of Indexing your blog into different search engine? The answer is you can see your blog name and url to that search engine just like Google if you search your blog in Google Search all information about your blog appear and another thing is it gives more traffic your blog. Hope get my point ok see the list below.

http://www.google.com/addurl/?continue=/addurl

http://siteexplorer.search.yahoo.com/submit

http://www.submitexpress.com

http://search.yahoo.com/info/submit.html

http://www.mastergoogle.com/free-seo-ad.php?gclid=CK-O8r7b_KsCFRBdhwodPDRBmA

http://www.addme.com/

http://freewebsubmission.com/faq.html

http://search.yahoo.com/info/submit.html

http://metanetpromotions.com/

http://www.submitexpress.com/free-submission.html

http://www.addurlfree.com/

Check if your site is indexed in Google:

http://ismydomainindexed.com/

Try to search your blog if is in there:

http://www.google.com/blogsearch?hl=en

If you cannot see your blog in the result try to resubmit it from first to last step and after you done it search it again and if you see your blog it is proof that your blog is now indexed in Google Search Engine. Congrats!

Hope you found my article useful for more useful updates you can subscribe to my feeds thank you.

How To Add New Look Custom Cursor To Your Blogspot

2011-12-09T11:05:00.000-08:00

This time I will teach you how to add new look custom cursor to your blogspot. Want Demo see below. Now let's begin how to add it.

DEMO

1. Log in to your blogger account.

2. Then if you are in your blog dashboard go to Design > Edit HTML

3. Search then copy the code below and add after tag.

4. Hit PREVIEW if you place your New Cursor successfully.

5. If you see your New Cursor Hit SAVE TEMPLATE.

5. Done.

<style type="text/css">
body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth596.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/11/blue-wings-handwriting.html" target="_blank" title="Blue Wings - Handwriting"></a>

Hope you like it my post if you found my post useful like us on facebook, or share us, and wants some updates subscribe to my feeds. Thank You. That's All

Add Flying Cute Twitter Bird to Your Blogspot

2011-12-08T11:45:00.000-08:00

Here is the twitter bird flying around your blog waiting to tweet that nice watching that little twitter bird you want to see that bird see the demo below

SCREENSHOT

DEMO

Want to adopt that twitter bird

Heres How?

How To Add the Twitter Flying Bird To Blogger?

Go To Blogger > Design > Edit HTML
Backup your template
Search </body>
And just above it paste the code below

<script src='http://trickiezone.wapsite.me/Cuteflyingtwitterbird/tweet_me.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var twitterAccount = "Trickiezone";
var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> ";
tripleflapInit();
</script>

Change Trickiezone with your twitter account username.
Save your template and you are done!
View your blog to see it flying. For sure

Hope you like my post want some updates about blogger tutorial subscribe now to my feedburner and like or tweet us! Thank You

Make Floating Widget in to your Blogger

2011-12-08T08:33:00.000-08:00

Good day to all blogger out there gonna share this wonderful and awesome floating widget gadget to your blogger sounds great huh! want to know it? If you are beginner blogger in blogspot you must learn of how to edit or placing html and css tag. If you know all of this nothing to worry about that then let's proceed. First thing to do see below step by step tutorials.

Want Demo see my logo at the bottom right cool.

DEMO

1. Log in to your blogger account

2. Go to Design > Edit HTML

3. Search this code : ]]></b:skin> , then copy the code below and paste above ]]></b:skin>.

#trickiezone {
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); }

You can change "bottom" with "top" , and "left" with "right" , what ever positiun you like.

4. After that, find this code </body> , then copy the code below and paste above </body>

5. Or you can add it in gadget simply Add Gadget > Html/Javascript paste the code and Save.

<div id="trickiezone">
YOUR WIDGET
</div>

You must change "YOUR WIDGET" . For example I want to put a banner

See this my example i used my logo and link of it:

<div id="trickiezone">
<a href="http://trickizone.blogspot.com/"><img border="0" src="http://1.bp.blogspot.com/-WMp38LxGgxU/TuDhlPHyNeI/AAAAAAAAARg/HScalfotyjA/s320/trickiezone%2Blogo.png"/></a>
</div>

5. Save now! and See.

You can use your desired widlet, gadget, banner, to that code 

Hope like it this tutorial you can subcribe to my feeds, follow us on twitter and like us on facebook.

Add Like and Share Button Anywhere in Your Blog

2011-12-07T19:34:00.000-08:00

Another like and share button to you guys you can place it to your blog anywhere. How to apply? It's very very to do that just go to 

Design > Add a Gadget > HTML/JavaScript paste it and Save 

<script src="http://mackie.wapsite.me/file/javascript/share/facebook_like_button.js">
</script>

<script src="http://mackie.wapsite.me/file/javascript/share/style_button_counter.js">
</script>

<script src="http://mackie.wapsite.me/file/javascript/share/facebook_button_counter.js">
</script>

<script src="http://mackie.wapsite.me/file/javascript/share/like_share_button.js">
</script>

<script src="http://mackie.wapsite.me/file/javascript/share/facebook.js">
</script>

<script src="http://mackie.wapsite.me/file/javascript/share/facebook_1.js">
</script>

<script src="http://mackie.wapsite.me/file/javascript/share/like_tweet_button.js">
</script>

<script src="http://mackie.wapsite.me/file/javascript/share/button_1.js">
</script>

<script src="http://mackie.wapsite.me/file/javascript/share/button_2.js">
</script>

<script src="http://mackie.wapsite.me/file/javascript/share/style.js">
</script>

<script src="http://mackie.wapsite.me/file/javascript/share/style_button_1.js">
</script>

<script src="http://mackie.wapsite.me/file/javascript/share/style_button_2.js">
</script>

<script src="http://mackie.wapsite.me/file/javascript/share/style_button_3.js">
</script>

<script src="http://mackie.wapsite.me/file/javascript/share/style_button_4.js">
</script>

<script src="http://mackie.wapsite.me/file/javascript/share/style_button_5.js">
</script>

<script src="http://mackie.wapsite.me/file/javascript/share/style_button_6.js">
</script>

Hope you like my post you can subscribe to my feeds or follow as in twitter and like us on facebook.

How to Add Facebook Like Button to Blogger

2011-12-07T09:34:00.002-08:00

Here is another great post its facebook like button which enables your blog visitors to share your blog content on their Facebook profiles with one click. Get one now and start sharing it and liking it.

For an example, click the below button to Like this post:

Standard Facebook Like Button for Blogger

Step 1: Go to Layout (Design) > Edit HTML and check “Expand Widget Templates”.

Step 2: Find <data:post.body/> and immediately after/before it (or both) add the following codes.

Step 3: Paste it after 
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/></b:if>

Like Button with Box Count for Blogger

Follow the first two steps mentioned above and paste the below script:

<b:if cond='data:blog.pageType != "static_page"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=65"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/></b:if>

Facebook Like Button with Button Count

Follow the first two steps and paste the below script:

<b:if cond='data:blog.pageType != "static_page"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>
</b:if>

Customizations

Notice the green codes, here you can make some changes to give your buttons a different styles. If you want to change the font, then find font=arial and change it to any one shown below:

font=lucida%2Bgrande
font=segoe%2Bui
font=tahoma
font=trebuchet%2Bms
font=verdana

You can also change:

The color by changing colorscheme=light to colorscheme=dark
The width and height (see the above snippets)
The “Like” word to “Recommended” by changing action=like to action= recommend
Show faces by changing show_faces=false to show_faces=true.
And turn off Send by applying send=true to send=false.

Hope you like it my tutorial post wants an updates subcribe to my feeds or like us on my fanpage

How To Know Your Blog ID

2011-12-06T19:41:00.000-08:00

Here is my another tutorial again about blogger. Today I will teach you how to know your blog id it is very simple just a second.

Step by Step Tutorial:

Then you see your dashboard

Next is locate your blog

Then see Setting then all you have to do is follow this image

Done.

Why do i need Blog ID?

   You can use your own blog id by adding blog id in code of reply option to for your comment form.

You may proceed to this tutorial Add Reply Option to Blogger Comment

Hope you get it my simple tutorial about getting your blog id. Wants update you can subcribe to my fanpage or to my feeds. Thanks Enjoy Staying in my Blog

Add Reply Option to Blogger Comment

2011-12-06T12:02:00.000-08:00

In this post i will teach you how to make reply option to your blogger comment form this is very simple to do so let's begin.

Step by Step:

1. Log in to your blogger account and Go to Design > Edit HTML

2. Now “Expand Widget Templates”

3. Search for the tag <data:commentpostedbymsg/>

4. Copy - Paste code given below and add after <data:commentpostedbymsg/> code.

<a expr:href='"https://www.blogger.com/comment.g?blogID=BLOG ID NUMBER&postID=" + data:post.id + "& isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;'>
<img alt='Reply To This Comment' src='http://1.bp.blogspot.com/-39DoCOYzEbQ/TtubLZruk2I/AAAAAAAAALs/qEonXrhGcqE/s1600/reply.png'/&</a>

5. Replace YOUR-BLOG-ID with your real blog ID

6. Now save the template.

Want to know your blog id proceed this page How To Know Your Blog ID

Hope you like it my post if there's any problem you can post here and I will try to answer your problem you can subcribe to my fanpage or to my rss feeds to receive an updates. Thanks and Suppot this Blog

Sitemap Table of Contents Widget

2011-12-06T08:48:00.001-08:00

Hello Guys do you want sitemap table of content to your blogspot i just want to share my customized sitemap table of content you can use this code and add to your blogger page. See below the demo.

PLAIN DEMO:

TABLE OF CONTENT
TABLE DEMO:

GET THE "PLAIN" TABLE OF CONTENT CODE:

<script src="http://francel200.xtgem.com/bloggerwidgets/sitemaptable.js">
</script>
<script src="http://trickiezone.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>

GET THE "TABLE" TABLE OF CONTENT CODE:

<table border="1" cellpadding="5" cellspacing="5"><tbody>
<tr align="center" style="font-family: Times,"Times New Roman",serif;"><th colspan="2"><span style="font-size: large;">TABLE OF CONTENT</span></th></tr>
<tr><td width="20%"><div style="font-family: Times,"Times New Roman",serif; text-align: center;">
<span style="font-size: x-large;"><b>TABLE DEMO:</b></span></div>
<img border="0" height="103" src="http://1.bp.blogspot.com/-7AIFzhFDTXI/Tt5I2bnXY_I/AAAAAAAAAPY/YY_Dmbk9eTA/s200/world_map_political.jpg" width="200"></><td><script src="http://francel200.xtgem.com/bloggerwidgets/sitemaptable.js">
</script>
<script src="http://BLOGGER NAME.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></td></tr>
</tbody></table>

HOW TO ADD INTO YOUR BLOGGER?

Heres How?

Go to Dashboard

Then Posting > Edit Pages > New Page

Then Publish see your sitemap link in your Pages.

Hope you like it my post you can subcribe to my fanpage or feeds to receive updates.

Make your Blog Picked Up by Search Engines

2011-12-05T16:06:00.001-08:00

Good day to all of you guys, I would like to share this pinger site it is very useful to drive traffic to your blogsite/website. It's improve your Search Engine Optimization (SEO) you can add your blogsite/website to different search engine just like Google all you have to do is input your blogsite/website name and blogsite/website url address and ping it. See the list below.

1. Open site http://pingomatic.com/ in your Internet browser.

2. In the "Blog Name" box enter "Your Blog Name"

3. In the "Blog Home Page" box enter "http://*****.com"

4. Then in "Common Services" click "Check All" to have all services be selected.

5. Then click the "Send Pings" button.

6. Open site http://autopinger.com in your Internet browser.

7. In the "Url" box enter "http://*****.com"

8. Then click the "Start Ping" button.

9. Open site http://www.pingmyblog.com in your Internet browser.

10. In the "Blog Name" box enter "Your Blog Name"

11. In the "Blog URL" box enter "http://*****.com"

12. Then click "Check All" to have all services be
selected.

13. Then click "I agree with Terms Of Service".

14. Then click the "Ping MY Blog" button.

15. Open site http://www.feedping.com in your Internet browser.

16. In the "Blog / Site Name:" box enter "Your Blog Name"

17. In the "Blog / Site URL" box enter "http://*****.com"

18. Then click "Check All" to have all services be
selected.

19. Then click "I agree to Terms of Service".

20. Then click the "PING ONLY ONCE" button.

21. Open site http://blogsearch.google.com/ping in your Internet browser.

22. In the "Your blog's address:" box enter "http://*****.com"

23. Then click the "Submit Blog" button.

24. Open site http://pingler.com in your Internet browser.

25. In the "Website Name or Title:" box enter "Your Blog Name"

26. In the "Website Url:" box enter "http://*****.com"

27. Then enter text in the
captcha image in "Enter the Captcha Text" box.

28. Then click the "Ping My Site" button.
Hope you like it my post you can subscribe to my fan page or to my feeds.

Sitemap

2010-02-03T12:27:00.002-08:00