Tampilkan postingan dengan label Tips - Trik Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tips - Trik Blogger. Tampilkan semua postingan

Pasang Yahoo Messenger di Blog Ente

Hahahaha, udah bulan ramadhan lagi nih, bulan yang penuh berkah yang berarti waktunya juga saya buat bagi - bagi ilmu supaya dapat berkah dan pahala yang banyak di bulan suci ramadhan ini hehehehehe.
Oke untuk hari ini saya mau share tentang blog lagi, nah disini saya bakalan share gimana caranya masukin Yahoo Messenger di blog, kaya di blog ane ini tuh liat sebelah kanan ada admin, bawahnya ada Icon YM, nah ane mau share cara nambahin icon tersebut. hehehehe yang lumayanlah buat variasi, biar blognya makin keren, hehehehe.
Oke untuk langkahnya agan dan sista tinggal ikutin langkah di bawah ini.
  • Agan dan sista login dulu di blognya masing - masing.
  • Kalo udah agan dan sista masuk ke tata letak.
  • Udah?
  • kalo udah ente semua klik Tambahkan Gadget Ato Add Gadget.
  • Munculkan Tab Baru?
  • Di tab baru itu agan cari HTML/Javascript, kalo ketemu agan ataupun sista klik tuh si HTML/Javascriptnya.
  • udah? kalo udah copy coding dibawah ini.

  • Kalo udah kita paste di halaman HTML/Javascript.
  • Eitsss bentar - bentar jangan dulu di save.
  • Sebelum di save agan ganti dulu tuh yang Tulisan id_yahoo_kamu ganti dengan id yahoo kamu
  • ngerti ga? ga yah, bingung ane juga maksudnya hehehehe
  • jadi pokoknya tuh di ganti sama id akun yahoo ente sekalian :D
  • kalo udah agan dan sista bisa ganti iconnya sesuai dengan seleranya masing - masing.
  • cara gantinya agan tinggal ganti t=0 di script yang agan dan sista copy
  • ganti pake apa?
  • nih ane udah siapin iconnya dibawah. tinggal pilih tuh
T=0 s.d T=5



T=6 s.d T=8



T=9 s.d T=16



T=17 s.d T=24


  • Nah kalo udah sesuai semuanya tinggal save dah.
  • dan liat hasilnya kaya gimana.
Hadeuh, udah kan? kalo udah ucapkan Alhamdu..........llillah
Oke deh ane cabut dulu yah, jangan lupa doain ane supaya postingannya bertambah terus, dan mudah-mudahan ane makin ganteng aja wkwkwkwkwkwkwkwk

Cara Mengganti Template Blog




Sebenernya kalo sekarang ane bahas tentang gimana cara ganti template blog udah ketinggalan jaman, orang lain udah dari dulu tuh bikin tutorial tentang ini, tapi ga apalah mudah - mudahan masih banyak orang yang belum ngerti gimana cara ganti template, jadi postingan ane ga mubajir, lumayanlah buat nambah amal ibadah, bentar lagi puasa gan. hahahahaha

Udah ah jangan kebanyakan ngebanyol, bagian ngelucu itu udah di ambil alih sama sule dan kawan - kawan, nah ane mempunyai ilham dari ALLOH SWT untuk berbagi ilmu (Cieee Bahasanya kaya yang iya aja) hahahaha. nah di kesempatan hari ini ane mau berbagi gimana caranya ganti template di blog.
Template berpengaruh penting bro sis buat sebuah website/blog, karena orang pertama kali mengunjungi blog atau website kita yang dilihat itu tampilannya, kalo tampilannya udah bikin ga nyaman, otomatis pengunjung pada kabooorr, sepi dah akhirnya blog kita udah kaya kuburan aja :D (towew). Nah makannya sis gan template blog/website kita mesti keliatan menarik kaya blog ane :cool hahahaha sombong dikit ga apa - apa kali :D.
Nah gini cara gan sis cara bikin blog kalian biar lebih impresive dan menarik:
  • Ente masuk/login dulu ke blognya masing - masing.
  • Kalo udah kalian tinggal masuk ke template. (bingung yah template sebelah mana? nah tuh liat gan sis dibawah. 
 
  • Nah udah ketemukan kalo udah klik aja dulu.
  • kalo udah sekarang masuk gugel sis gan.
  • lah ngapain ke gugel, ini blog gimana?
  • tenang kita menta bantuan dlu paman gugel buat nyari template yang pas.
  • kalo udah nemu template yang pas, agan dan sista sekalian download file templatenya.
  • nah file downloadnya dibuka
  • kalo format filenya rar, agan sista harus mengextract terlebih dahulu, dengan cara klik kanan > extract here. terus cari file yang formatnya xml. kalo ketemu langsung buka di notepad.
  • kalo filenya bukan rar, maka cari file dengan format xml dan buka di notepad.
  • udah kan buka filenya? pusing ga gan sis? liat koding begitu banyak.
  • nah tuh koding kopi semuanya.
  • udah gitu masuk lagi ke blog ente sekalian.
  • kalo udah tinggal klik edit HTML. liat noh bawah

  • nah terus agan sista paste koding yang tadi udah di kopi di coding area.


  •  Kalo udah tinggal klik save template.
  • nah kalo udah coba lihat blog kalian, udah berubah?
nah jadi cuma gitu doang langkah buat ganti template blog, mudah - mudahan apa yang saya sampaikan bisa di mengerti dan bermanfaat, hehehehe.

Mengganti Cursor Mouse Pada Blogger

Satu tips lagi buat hari ini ga apa yah .
 ko blog saya cursor mousenya bendera Indonesia yah??kenapa??ko bisa??pasti pertanyaan seperti ini ada hadir dalam benak agan, so tau yah gan hahahaha, nah disini saya mau berbagi lagi gan, gimana sih caranya mengganti cursor mouse pada blog kita??
Gini caranya gan, agan masuk ke blog agan terus pilih >> rancangan >> edit html. kalo udah agan ikuta langkah dibawah ini.
1. cari kode </head> (klik ctrl+f terus masukin kode yang agan cari)

2. kalo udah ketemu agan masukin script dibawah ini diatas kode </head>
 
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/cool1.gif"), auto;}
</style>

3. simpan dah gan kalo udah masukin scriptnya 


 nah yang warna merah pada scriptnya bisa agan ganti dengan link cursor yang agan pengen, ini saya kasih tau link buat agan klik disini.
disana banyak menyediakan cursor mouse, agan tinggal pilih sesuka hati
 

Mengganti Icon Addres Bar Blog Anda

Oke, sekarang saya mau bahas lagi tentang bagaimana mempercantik blogger , nah sekarang disini saya kan membahas tentang Icon Addres Bar 

Apa itu addres bar ??
yah, kotak tempat dimana kita memasukan alamat web, seperti pada facebook pada pinggir addres barnya dia memiliki Icon seperti ini .
nah yangsaya akan bahas adalah, bagai mana mengganti icon addres blog kita dengan icon yang kita inginkan, seperti pada blog saya ini, iconnya sudah saya ganti dengan nah sekarang giliran agan buat mengganti Icon Addres Bar pada Blognya, agar tampilannya lebih keren.

Oke saya bakalan kasih tau caranya, khusus buat agan - agan, gini gan caranya agan masuk ke blog agan, terus pilih >> rancangan >> edit html, setelah itu
1. Agan cari kode </head>


2. Biar lebih gampang nyarinya agan tinggal pijit ctrl+f , lalu masukan dah kode yang agan cari 3. kalo udah ketemu agan masukan script dibawah ini sebelum kode </head>



<link href='http://reyzzona.files.wordpress.com/2010/11/iddm.jpg' rel='SHORTCUT ICON'/>



3. simpan dah gan, mudahkan ??


nah buat link ini http://reyzzona.files.wordpress.com/2010/11/iddm.jpg bisa agan ganti dengan link gambar yang akan dijadikan Icon Addres Bar Blog agan, gimana gampangkan?
Selamat mencoba !!!!

Bintang Jatuh Pada Cursor Mouse Blog

Berbagi dikit akhh, ga apa-apa yah gan , oh iya lupa buat agan yang udah jago mohon maaf jangan mecela, ane hanya mau berbagi tutorial aja gan, buat temen - temen yang belum tau .

udah kita langsung aja gan kita bikin cursor mouse di blog agan ada bintang jatuhnya, tuh kaya di blog ane, . nah buat bikin kaya gituan cukup sederhana gan, ga ribet ko, asal agan baca tulisan ini dengan hikmat kaya pengajian aja yah gan.

udah ah jangan basa basi lagi, nih gan triknya agan masuk ke blog agan masuk ke >> rancangan >> edit html

1. agan cari kode </head>

2. kalo udah ketemu agan copy kode javascript dibawah ini, dan paste diatas kode </head>


kode javascriptnya gan

<script type='text/javascript'>
// <![CDATA[
var colour="green";
var sparkles=65;

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="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
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>

3. Simpan dah

Nah gan kalo agan takut template yang sedang terpasang terganggu, agan bisa gunakan langkah, menambah gadget javascrpit/html lalu agan paste script dibawah ini di dalam gadget tersebut

ini gan scriptnya


// JavaScript Document<script type='text/javascript'>
// <![CDATA[
var colour="green";
var sparkles=65;

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="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
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);
}
// ]]>

var colour="green" , green bisa agan ganti dengan warna yang agan inginkan , gimana gampangkan ???
udah yah gan ane capek nihh selamat mencoba gan