Gemini.Com

Rabu, 28 November 2012

Sabtu, 06 Agustus 2011

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.

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

Jumat, 05 Agustus 2011

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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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**

Kamis, 04 Agustus 2011

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

Rabu, 03 Agustus 2011

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 ~

Kamis, 16 Juni 2011

CARA MENAMBAHKAN EMOTICON DI SHOUTMIX

Cara menambahkan emoticon di shoutmix cukup mudah kok.
Tanpa basa basi yuk langsung ikutin deh bagi yang belum bisa menambahkan emotikonnya dan ingin banget kalau shoutmix ada emo kesayangannya :

Login di akun shoutmix masing-masing
Pilih Setting lihat di menu display
terus pilih smileys
lalu centang pada kolom sebelah kalimat “Use The Default Smileys Set Shown Above”
Lalu masukkan Url emoticon emoticonnya yang didapat dari sumber kekotak panjang disamping new, seperti ini :

2 kotak kecil disamping kolom memanjang htpp tersebut gunanya untuk memasukan kata kunci atau kode smileys yang akan diketik untuk emoticon yang masukkan tadi. Kata kunci atau kode bisa diganti sesuai selera.

setelah selesai memasukkan url smileysnya tinggal klik add
setelah semua emoticonnya udah masuk klik tombol save settings.
maka udah bertambahlah emoticonnya.

Catatan :

Jika menggunakan account gratis, hanya bisa memasukkan maksimal 10 emoticon. Tapi jika sudah mengupgrade shoutmix ke Premium atau Berbayar, maka bisa menggunakan lebih dari 500 emoticon atau gambar.

Berikut ini saya akan berbagi contoh link url emoticon yang bisa kalian pakai langsung untuk smileys shoutmix, Silahkan tinggal di copy dan di pastekan di kotak shoutmix :

= blog.uns.ac.id/wp-content/plugins/smilies-themer/hendri_smiley/rofl.gif

= hasiaulia.net/wp-content/plugins/kaskus-emoticons/emoticons/ngacir.gif

= pasoepati.net/wp-content/plugins/yahoo-messenger-emoticons/emoticons/peace_sign.gif

= www.sherv.net/cm/emo/happy/music.gif

= i717.photobucket.com/albums/ww173/prestonjjrtr/Smileys/Smiley01-1.gif

= dwinanto.blogsome.com/wp-content/plugins/Wysi-Wordpress/plugins/emotions/images/clap.gif

= www.bloggembel.com/wp-content/plugins/kaskus-emoticons/emoticons/smiley_beer.gif

"SELAMAT MENCOBA DAN GOOD LUCK"

Minggu, 12 Juni 2011

CARA MEMBUAT SHOUTMIX ATAU ROOM CHAT

Assalamu'alaikum Wr.Wb

Kali ini saya akan berbagi cara membuat shoutmix atau room chat yang ada di blog.

Pertama kita masuk ke www.shotmix.com

sebelum lanjut kelangkah membuat room chat anda diharuskan mempersiapkan sebuah e-mail.

kalau udah siap bisa siap kelangkah lebih lanjut :

Pilih shoutmix create shotbox
Isi shoubox ID isi nama yang di mau (nama harus dikombinasi contoh 4j3ng)
Choise Password isi password yang dimau
Retype Password ulangi password anda tadi

lanjutlah isi kolom contact information

nam isi nama anda
email isi e-mail anda

setelah semua data diisi jangan lupa beri tanda centang pada kolom I have read and aggree to the term off service.

pilih continue

aturlah room chat anda

cara mengaturnya :

pilih setting
dilanjutkan pilih style & colors

kalau sudah sesuai selera kita pilih save setting

kembali pilih setting

terus anda tinggal meng copy paste code yang berada pada bagian samping kotak room chatx