Creat A Horizontal Menu

Hey buddy we'll see you again on this post I will discuss about
how to create a horizontal menu

Many are wondering how to do create a horizontal menu??
I happened to have the same experience that is never used that does not have temp let on the menu bar, and finally I made myself the menu, of course I'm looking at the uncle Google hahaha..

OK we just straight to the topic
This way of making:

First:

first log into blogger then choose the menu layout - edit HTML
and do not forget to check the "Expand Widget Templates" or we back up files if an error occurred. then you find this code: ]]></b:skin&gt; After see the code, you copy the code below and put it over the code:

/*credits : http://trik-tips.blogspot.com */

#tabshori {

float:left;

width:100%;

font-size:13px;

border-bottom:1px solid #2763A5; /* Garis Bawah*/

line-height:normal;

}

#tabshori ul {

margin:0;

padding:10px 10px 0 50px; /*Posisi Menu*/

list-style:none;

}

#tabshori li {

display:inline;

margin:0;

padding:0;

}

#tabshori a {

float:left;

background: url(&quot;http://kendhin.890m.com/menu/blackleft.gif&quot;) no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabshori a span {

float:left;

display:block;

background: url(&quot;http://kendhin.890m.com/menu/blackright.gif&quot;) no-repeat right top;

padding:5px 14px 4px 4px;

color:#fff;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabshori a span {float:none;}

/* End IE5-Mac hack */

#tabshori a:hover {

background-position:0% -42px;

}

#tabshori a:hover span {

background-position:100% -42px;

}

The second step

you copy this code:

Inside Of Tecnology

Whether In Technology Like This

This may be a glimpse of the technology, if we imagine might be like this. but this time there are no tips on the blog just wanted to post the question about technology, because every time I think the technology would be like on this picture extraordinary person who has created the technology, I was very impressed, and proud. when I can create a technology, like the scientists who could create a fantasy world through technology, we might call the virtual world, but not a ghost, it's real but it's like a dream ... what is it ....????

Way, to see the order of the website or blog in google

Little information to the blogger who wondered order or position of a web or blog, on the list of Google

After a fair amount of time looking for info can also finally see a way to position our blog or check the blog where the sequence, initially it's just browsing to the menu - the menu Google's uncle. Instead, go to menu to check the position of the sequence or blog, here the info I was looking for, see also.

OK if my story, while not going out, we better check our blog at Google uncle.
right click here:
Google top 1000 serfs checker

Then you select the country where such as the example
select: Google Indonesia (Google.co.id)) like the picture below:

Text Runs On Blogs

in this post I will discuss about the text running on blogs
This much we now see in the blog many times in the text running over the bar tab .. or even in the post

I will only give an example for the bar tab .. like mine that runs text
OK directly only

Actual script is needed just a bit only to the addition of several Scrip
the Scrip marquee (walk / move)
for text running in the tab bar
This script you copy it:

<SCRIPT language='JavaScript'>
var txt=&quot;..::Tips Tips Bligging::... &quot;;
var kecepatan=170;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
</SCRIPT>

NEXT:

Making snow effect and Sakura Flower

SAKURA is one of the famous flower of Japan
of course because the beauty of color that makes a lot of people interested in including me also curious to see directly but can not ...
so I think to put it on my blog and it is beautiful too

friends may want to install it on their blogs also let me know how to cation

New way to make read more on blog

why I say this new way .. because of the way is very simple
you do not have a lot to make the script .. just make a little code and it works ...
now look I'm sure you will not believe it because the script that I use very little .. even beyond your expectations.
you need only this code ...

<!-- more -->

you would not believe ..
now I'll show you how it works

The first lo gin to your blog
then go to the posting menu if you want to read more on the existing posts into the edit you post.
continued after the entry into the post you're staying put this code script

How to create 3-dimensional menu at blog

IT world as the progress made us more curious about things that are sophisticated .. especially in the virtual world .. such as the Internet. the topic this time I will discuss how to create 3-dimensional menu on the blog. for example at the top of my blog is like that happens.

OK next

First step you must found this code on your HTML in blog:

]]></b:skin>

After you found, then copy the code below and put this code above

/* Object Dock Nav */ .dock { position: relative; height: 50px; text-align: center; } .dock-container { position: absolute; height: 50px; background: url(http://i947.photobucket.com/albums/ad311/sasukejaya/Query%20Bg/BGDock1.png); padding-left: 20px; } a.dock-item { display: block; width: 40px; color: #FFFFFF; position: absolute; top: 0px; text-align: center; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; } .dock-item img { border: none; margin: 5px 10px 0px; width: 100%; } .dock-item span { display: none; padding-left: 20px; }

Next:

Make a Text Floating on The Blog

In this post I will give all sections how to create floating text that follows the mouse cursor on .. just need a little understanding of important course you know about the blog or part of your blog even a little.
especially for beginners who feel not know nothing 'do not worry you do not have to worry because I will give script for you and you put it on your blog
I'm sure not too difficult.

Sufficient to consider only the gadget.
first step you must log in to Blogger
continue to enter the Layout menu select page elements then add gadget.

Then you live copy the code below and put into the gadget in your blog:



<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.dolarcafe.co.cc/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='DEDY_POENYA'.split('').reverse().join('');

var font='Elephant';
var size=3; // up to seven
var color='#00ffff';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.4;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.4;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" color="+color+" size="+size+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer left="0" top="0" width="+a+" name="nsmsg'+i+'" height="+a+"><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>

For text that I give you ping colors can you change it as you wish

which made it easy as
I wait your comments

good luck

Create A Cloud Label

For the blogger would want to look more interesting blogs, well in this post I want to discuss about creating a label cloud, or in terms of moving labels, You can see examples on this blog labels

can move to please and make us more beautiful blog

how to make it like this:

First :

Sign in to LAYOUT -> EDIT HTML (check the little box widget expand text)

You look for the code below:

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

The next step after finding the above code, you copy the existing code below and put it under the code that you find.


<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Dolarcafe by <a href='http://www.dolarcafe.co.cc/'>Dedy Track</a> and <a href='http://www.dolarcafe.co.cc'>Dedy cool</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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>

The last step you save and see the results on your blog.

Note:
If you want to re size its height and width, you live fox wide code of '240 'and '300 high' in accordance with your wishes.
If you want to change its color, you change its color code in the text "# ffffff"

Good luck...

Tips Animation On Blog

Tips to put animation on the Blog

Any curiosity made me look for ways to put animation on your blog or website and eventually met too, although quite a long time before installing animation, ..
After visiting a few blocks of course
Well who do not know how to put animation and want to know how to put animation .. I'll tell you how to
What is clear is not that important too difficult you know about the blog ... and know HTML ...
But I guess not too difficult ....

The first step>>>>

Look at the HTML code below:


]]></b:skin>

after you find the above code, then copy the code below, then place this code on top the code:

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

After you put it
next
search this Scrip:

</body>

Usually located at the bottom
Then you copy this code over the code that had:

<div id='trik_pojok'>
<a href='http://www.cafejaya.co.cc/'>
<img src=' http://kendhin.googlepages.com/soniclari.gif'/></a>
</div>

And one more thing that I give the code red alert is animated code you can replace it with another animation as you wish you lived for animation course ...
To find other animated images can click this link :

http://bima.ipb.ac.id/~anita/animatiion.htm

Good luck ..

Tutorial blog

Tips for beginners

For my blog is a place to pour inspiration, desires and stories are also many who use blogs as a business tool, here I will share information on how to create a blog from the blog spot though my experience is only a few months create a blog, but if we want to learn to be able although not yet perfect results we get
And that would be nice dong what's on our minds, can be read by everyone, and give comments about our work must have been very pleased
for beginners must be confused or meeting ways to manage each element of the blog have don't worry I will give the tutorial for free
Essentially you want to learn and always try not to be afraid of

OK to the point you click on the image below to get a tutorial

hopefully after getting the tutorial you can share stories ..... he-he

and that you are not tired out there looking for here what you need you're looking for just the search box in the upper right corner
GOOGLE uncle later that will provide other information for you at the table by GOOGLE ADSENSE in right or left side down

creat by Dedy

SEO SEARCH ENGINE OPTIMIZATION

I'm sure you'll want your website or blog is at first order in Yahoo, Google, or search engines, the techniques you need to run the SEO (Search Engine Optimization). Applying these SEO techniques, your blog or website and you are not only are the highest in the search order Engin but your blog will also have many visitors ...

SEO techniques there are 2, namely ON and OFF PAGE PAGE


A. The first SEO (ON PAGE)

Means we must make our web pages as beautiful or as good as possible in the eyes of search engines. Ie by selecting the appropriate titles, keywords, and enough clear and concise, add a link on a keyword, bold, italic, and so on. The following technical tips ON PAGE

* Focus on the keywords (keywords) you and think a moment about people will enter any keyword in Google or Yahoo is right for your website or blog
* Do not forget to use a title that contains your keyword
* And do not forget use 5 to 10 or more keywords in your writing
* To use the ALT (for links and images) that contains your keyword
* Use BOLD and italic in your keywords
* What was the end use the links on your keywords

B. The second is SEO (OFF PAGE)

Build relationships with as many as possible of course that leads to yours blog. You can exchange links with your friends, or put a link on my space page, comments, guest books and so on. The more links that point to our website, then we will PAGE RANK higher. High PAGE RANK more likely that our website is the highest ranked search engine.

As for the things that are prohibited in SEO (blackhat SEO) and if you run this restriction, then your website will be blacklisted search engines (will not be in the index):

* Create a doorway, which is a special page for search engines that are not useful and there is no benefit to your site visitors.
* Place a link on your website that includes the category "bad neighborhood", that is , there are sites that are blacklisted (including a link farm).
* Running or paid program links
* Build link in greater numbers and big in a short time.
* Build links in a very large amount in a short time.
* Build links in a very large amount in a short time.
* Create websites with identical content to other websites.

Search engines now more sophisticated and smart, make your website or blog weighty and useful to visitors, then your website will be visited by people from all over the world.

Good luck. and hopefully useful.