Tampilkan postingan dengan label TIPS A BLOG. Tampilkan semua postingan
Tampilkan postingan dengan label TIPS A BLOG. Tampilkan semua postingan

REPLACING THE SYMBOL OF BLOGGERS

Maybe you get bored seeing the symbol display the blog and want to make something different with the look of your blog .. follow the way below :


after_before



> Login ID Blogspot
> Click edit HTML
> Make the image size 35*35 then upload
> Copy the html code below and place it on top of the code </head>

<link href='http://dc185.4shared.com/img/3ndZ-6MN/Gambar.jpg' rel='SHORTCUT ICON'/> 


> Replace the red code with the html code that we upload pictures

> Click save and see the result..
[ Read More ]

HOW TO MAKE YAHOO MESSENGER ON BLOG

As for making step you can see below :


Login Id Blogspot




Click add Gadget :




Click HTML / Javascript :




Copy and paste the code html below :






creatifitaz replace with the name of your ym (yahoo messenger)

Display options change the number 8 in the html code with the numbers below

 




[ Read More ]

HOW TO CREATE TEXT CURSOR

Interested in creating cursors of your blog different from the others .. follow the instructions below :


Login Id Blogspot :




Click design - add gadget and select html/javascript  :






Add the following code into a gadget :


<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'Bradley Hand ITC', verdana, arial;
color: #DC143C;



/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/

;(function(){


// Your message here (QUOTED STRING)



var msg = "creatifitaz CREATIFITAZ creatifitaz";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */


// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 25;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();

</script>


replace the word blue into the word of your choice




[ Read More ]

HOW TO HIDE THE CHAT SHOUTMIX

You want to view shoutmix chat looks neat .. try to hide the appearance .. want to know how .. follow the instructions below :



Login Id Blogspot :


Click design :



Click add gadget and click HTML/Javascript :




Copy and paste the code below :


<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtJpng_l0PYoCdqmHlwLaC37PbNiJlyr7EZX8VGzSms-Cmj2JLWShFOZUKLkBLqzVCnCvhDKczbm2EwZPyqrwxs0BEhe8y19seqKLfOkntrxkvX79uQGbWvWWHuV0OjHIwFi2ChAHObAKz/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
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">


paste code here shoutmix chat

<br /><a href="" title="">Yudhaime's Site</a><br />
<div style="text-align:right">
<a href="">
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

Note : replace the red text with the html code shoutmix chat
[ Read More ]

HOW TO TELL IF THERE ARE PEOPLE WHO VISIT OUR BLOG

maybe we think if anyone who visits our blog .. 
and at online we want to know what someone is visiting ..

 
please follow the instructions below :

 
1. login id blog.
 
2. click design select add gadged html / java script.
 
3. add the code below 


<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('orgjkebem9rk', 'left-middle')</script>

4. click save.
[ Read More ]

CREATE "READ MORE" IN BLOG

yeach.. i know maybe a beautiful blog should have a good structure.. for example.. if you would write a story a lot and you see a post that spread.. want your blog neat.. how..?? are u interested and will tery to make the "read more" in your blog.. want to know how to make it..

ok.. follow the instructions below :

1. Login ID Blog

2. Click design and click edit html

3. Download full template

4. Don't forget to check Expand Template Widget

5. Copy the code below and above in location code </head>


<script type="text/javascript">
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type="text/javascript">
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>

' + removeHtmlTag(div.innerHTML,summ) + '</div>
';
div.innerHTML = summary;
}
//]]>
</script>

6. search and change code <data:post.body/> with the code below..

 <b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READMORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

GOOD LUCK > > >
[ Read More ]

CREATE MARQUEE EFFECT OR TEXT RUNNING

U are interested to create marquee effect or text running but do not know how, but U try to create the feel of living in U'R blog.. Please.. follow the instructions below..

1. Text effects walking back and forth

running text effect

Code :

<span style="color: black; font-family: arial; font-size: medium;"><marquee behavior="alternate" bgcolor="yellow" direction="right" height="35px" scrollamount="2" scrolldelay="10" width="320px">running text effect</marquee></span>


 2. Text effects walked back and forth vertically :

Text effects walked back and forth vertically
Code :

<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="yellow" width="320px">Text effects walked back and forth vertically </marquee></font>


3. Text effect continuously running to the right

Text effect continuously running to the right

Code :

<span style="color: black; font-family: times; font-size: medium;"><marquee behavior="scroll" bgcolor="yellow" direction="right" height="50px" scrollamount="10" scrolldelay="10" width="320px">Text effect continuously running to the right</marquee></span>


GOOD LUCK > > > >
[ Read More ]

HOW TO MAKE A CLOCK EAGLE

how to make a clock eagle as seen on this blog..

  • login id blog
  • click design
  • add gadget
  • copy this code below and save
  • see the results
<p align="center"><embed src="http://www.widgipedia.com/widgets/orido/Jam-Garuda-Indonesia-4639-8192_134217728.widget?__install_id=1248336094072&__view=expanded" width="200" height="200" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" > </embed></p>
[ Read More ]

HOW TO MAKE TRANSLATION GOOGLE

how to make a people lay to understand the writting in u'r blog.. nothing is to harm if u add Google Translation on u'r blog.. please add html code below on u'r blog..

<!-- Google Translate Element -->
<div id="google_translate_element" style="display.block"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: "af"}, "google_translate_element");
};</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
[ Read More ]

HOW TO CREATE A BLOG

we need to create a blog is the attitude of our enthusiastic creativity.. we are required to stay one step a head and positively minded towards any work in which we live.. we should be able to develop all the imagination that we think will be very useful for all.. a good blog that we always be beneficial for people a lot.. a good blog that will get the criticsm and suggestion from other bloggers.. and I strongly believe the ability of each person in term of diverse bloggers.. so it's good when our fellow bloggers to exchange ideas and not arrogant because it is basically a blog will not be developed without the intervention of other parties.. an idea if we believe will have positive impact for many people it helps us express and we packed in an attractive form so blogger should we not sent spam to fellow bloggers.. because such action will harm our party spam.. okay.. and there are very important in making a good blog that  is try to dare to try.. do not be affraid if we're going to make mistakes..


[ Read More ]