CARA MENAMBAHKAN TANDA ONLINE ATAU OFFLINE YM PADA BLOG

Dalam tulisan kali ini saya akan coba membahas tentang “Cara Menampilkan Status Offline/Online Yahoo Messenger”. Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, nha kalo gitu kan nanti pengunjung blogmu jadi tambah sayang ma kamu :p

Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :

trus jika kamu online maka iconya akan berubah seperti ini:

 

Cara membuatnya gampang kok :) langung aja simak nieh :

• Pertama Login ke Akun Bloger Masing-masing
• Copy Kode dibawah ini keblog 
• Rancangan/Layout >> Page element >> Add a gadget >> Html/Javascript.

<a href="ymsgr:sendIM?namaYM"> <img src="http://opi.yahoo.com/online?u=namaYM&amp;m=g&amp;t=2&amp;l=us"/>
</a>

• Ganti tulisan yg berwarna biru dengan ID YM masing-masing
• Pilih save maka tinggal lhat hasilnya

perhatikan angka “2″, itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda 

Kode Angka Gambar

t = 0

t = 1

t = 2

t = 3

t = 4

 

t = 5

t = 6

t = 7

t = 8

t = 9

t = 10

t = 11

t = 12

 t = 13

t = 14

t = 15

t = 16

t = 17

MEMBUAT BUKU TAMU TERSEMBUNYI

Mungkin teman-teman semua sudah sering melihat buku tamu tersembunyi ini ketika teman-teman semua melakukan blogwalking di blog lainnya, nah buku tamu itulah yang dimaksud, biasanya di taruh di sebelah kanan blog.

Buku tamu tersebut akan keluar ketika teman-teman klik gambar Buku Tamunya yang berwarna hijau itu dan akan tersembunyi lagi ketika teman-teman klik kembali gambarnya atau klik 'close/tutup'. Menarik bukan teman-teman untuk dicoba? Selain itu juga cara ini sedikit menghemat tempat di dalam blog.

Untuk cara membuatnya ikuti langkah-langkah di bawah ini:

sebelum teman - teman membuat buku tamu di blog, teman - teman harus memiliki kode buku tamu, teman - teman sekalian bisa mendapatkannya di Shoutbox, Cbox, atau shoutmix. setelah teman - teman memiliki kode buku tamu tersebut, bisa lanjut ke langkah berikut :

1. login ke aku blogspot masing  - masing
2. klik Rancangan/Design >> Page Element >> Add a Gadget >> HTML/Javascript.
3. Copy Paste kan semu kode dibwah ini dan masukkan di dalam konten HTML/Javascript

<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/AVvXsEin-ir0-VDtC9zYpSUqsafbfi0bNJCgbTdsshXKzTfdRdp-rzySkHmDrMDwF_bLPwRMJ8ablCY3DSH6Azjzj-D4ba38niaP9NZzF0Wcqwett8q8s-67YaWBqx_naDqqmdakLlPOv6pL47il/') 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">


    < Letakkan disini kode Shoutbox Anda>


    </div>


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

4. Ganti tulisan <Letakkan disini kode Shoutbox Anda> dengan kode shoutmix atau cbox    teman - teman.
5. Teman - teman juga bisa atur posisinya perhatikan angka 50 yang berwarna merah, ubah saja nilai atribut top-nya kalau mau lebih keatas sedikit ubah menjadi 30px atau 20 px.
6. Jika sudah klik save dan lihat hasilnya

** SELAMAT MENCOBA SEMOGA SUKSES** 

Cara Memasang Lencana Facebook Di Blog

Dengan memasang lencana facebook pada blog diharapkan akan dapat menambah pertemanan pada situs jejaring sosial yang paling populer (setidaknya untuk saat ini) tersebut. Jika tertarik, silakan ikuti tipsnya berikut ini.

Berikut langkah-langkahnya.
Pertama, login ke akun facebook kita.
pastikan akun Blog anda juga aktif

Kedua, kemudian pilih Profi terus lihat pada bagian bawah pertemanan Anda disana ada tulisan Tambah Sebuah Lencana Pada Situs Anda 
Nah setelah di klik itu tulisan maka akan muncul lencana Profil
Aturlah apa yang ingin anda bagikan dengan memilih Sunting Lencana Ini
terus setelah di Sunting pilih gambar lencana Blogger kalau muncul pesan pilih saja continue
dan anda akan langsung menuju blog Anda
terus pilih Menambah Widget nah tinggal atur saja letaknya di Blog Anda
kalau sudah tinggal pilih save dan lihat hasilnya

~ ~ GOOD LUCK ~ ~

Cara Membuat Text Yang Mengikuti Kursor di Blog

Mau membuat kursor kamu di ikuti oleh teks ? jika mau, caranya sangat mudah... anda hanya perlu mengikuti langkah di bawah ini

1. Log in ke blog anda > Rancangan/Layout (tata letak) >> Page Elements (laman elemen) >>> Add a Gadget (tambah gadget) >>>> HTML/JavaScript
2. Copy code di bawah ini dan paste di kotak konten


<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: 'comic sans ms', verdana, arial;
color: #999;



/* 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 = "Selamat Datang Di Blog Saya";

/* 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 = 24;

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

3. Pada bagian yang berwarna hijau ganti dengan teks yang anda inginkan.
4. Pada Bagian yang berwarna merah ganti dengan warna yang anda inginkan (kode warna dlm bentuk hexagonal)

~SELAMAT MENCOBA ~