Tuesday 16 November 2010

Cara Membuat Judul Blog Bergerak atau Berjalan

Halo sobat Blogger semua sekarang saya mau berbagi tip lagi, yang tentunya jugaTip Blogger
Sobat semua pasti pernah melihat judul suatu blog bergerak atau berjalan dari kiri ke kanan atau sebaliknya.
Cara membuat judul blog bergerak atau berjalan adalah sebagai berikut : 

Login ke Blogger hingga masuk ke Dasbor
Klik tab Rancangan (yang dulunya Tata Letak)
Klik tab Edit HTML
Beri tanda centang pada kotak kecil Expand Template Widget
Kemudian cari kode berikut :

<title><data:blog.pageTitle/></title>

Hapus dan ganti kode tersebut dengan script dibawah ini

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=300;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>


Keterangan : ganti tulisan atau angka yang berwarna biru
data:blog.pageTitle bisa sobat ganti dengan tulisan yang sobat inginkan
angka 300 di dalam script tersebut merupakan kecepatan bergeraknya, silahkan
sobat ganti sesuai dengan selera.
Jika sobat ganti menjadi 100 atau 200 maka kecepatannya akan bertambah, sebaliknya kecepatan akan berkurang bila diganti menjadi 400

Simpan selesai dan lihat hasilnya

Selamat mencoba 
»»  Baca Selengkapnya...

Cara Mempromosikan Blog

Setelah Sobat selesai membuat Blog, maka Sobat tinggal mempromosikannya agar
Blog Sobat menjadi Populer atau Terkenal,
Postingan ini adalah beberapa cara untuk meningkatkan pengunjung ke Blog Sobat.
Karena dengan banyaknya pengunjung ke Blog Sobat, maka Otomatis Blog Sobat pun akan semakin Populer atau Terkenal.

Daftarlah ke Blog Directory

Agar Blog Sobat dapat dilihat oleh orang seluruh Dunia maka daftarkan lah Blog Sobat ke Blog Directory terbesar dan terpopuler yaitu : 

Ikutilah semua petunjuk ketika mendaftar ke Blog Directory.
Blog-blog Directory ini nantinya secara Otomatis akan mengirim data Blog dan Posting-posting Sobat ke berbagai Search Engine, 
termasuk tiga Search Engine terbesar yaitu : http://google.comhttp://msn.com,http://yahoo.com.

Daftarkan URL Sobat ke Google,Yahoo,MSN.

Daftarkan URL Sobat ke Situs Direktori link 

Coba daftarkan URL Sobat ke Situs direktori link yaitu www.growurl.com.
.Di situs tersebut, Sobat bisa mempromosikan Blog Sobat secara gratis atau membeli kredit. Sobat juga bisa mendapatkan Free kredit dengan jumlah tertentu asalkan dengan mengikuti persyaratan yang ada di Situs www.growurl.com.


Promosikan Blog Sobat di Facebook

Salah satu Aplikasi pada Facebook adalah NetworkedBlogs atau dikenal sebagai layanan untuk mempromosikan Blog Sobat via Facebook, NetworkedBlogsmemungkinkan untuk menampilkan Thumbnail dari Blog Sobat
Untuk mendaftarkan Blog Sobat pada Aplikasi ini, cukup menuju halamanNetworkedBlogs
pada Facebook, kemudian pilih menu Add New Blog, setelah itu Sobat akan diminta memasukkan Informasi (Judul Blog, Alamat Blog, Alamat Feed, Bahasa yang digunakan dan deskripsi) tentang Blog Sobat tersebut.


Selamat mencoba dan semoga sukses 
»»  Baca Selengkapnya...

Cara Pasang Emoticon bunda diatas kotak komentar

Screenshot


Langsung saja kita praktekkan 
Caranya sobat harus Login ke Blogger 
Klik Rancangan (Yang dulunya Tata Letak)
Klik tab Edit HTML
Klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget,
Tunggu beberapa saat ketika proses sedang berlangsung
Kemudian cari kode <p class='comment-footer'>

untuk mempermudah pencarian tekan Ctrl + F atau (F3) di keboard sobat
Jika sudah ketemu silahkan Copy kode berikut dan letakkan dibawah kode tersebut

<div style='-moz-border-radius:20px; border: 1px solid #000000; padding: 5px; background: #ffffff; none repeat scroll 0% 0%; text-align: center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;'>
<b><img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-baca.png" height="50" width="50"/>
:a:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-bye.png" height="50" width="50"/>
:b:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-ding.png" height="50" width="50"/>
:c:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-hore.png" height="50" width="50"/>
:d:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-joget.png" height="50" width="50"/>
:e:<br/>
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-kembik.png" height="50" width="50"/>
:f:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-love.png" height="50" width="50"/>
:g:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-marah.png" height="50" width="50"/>
:h:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-melet.png" height="50" width="50"/>
:i:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-mencak.png" height="50" width="50"/>
:j:<br/>
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-nangis.png" height="50" width="50"/>
:k:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-ngayal.png" height="50" width="50"/>
:l:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-puyeng.png" height="50" width="50"/>
:m:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-serem.png" height="50" width="50"/>
:n:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-stres.png" height="50" width="50"/>
:o:
</b></div> 


Kemudian cari kode </body> 
dan letakkan kode script berikut diatasnya

<script src='http://h1.ripway.com/imtikhan/emo_bunda.js ' type='text/javascript'/> 

Simpan dan liha hasilnya.


Selamat mencoba 
»»  Baca Selengkapnya...

Cara pasang Emoticon Ipin Upin

Halo sobat semua ada lagi nich Emoticon dari saya, berikut screenshotnya :


Kalau di antara sobat ada yang mau ganti dan pasang, nich tak kasih url gambardan scriptnya
Cara pasangnya seperti biasa kalau belum tau bisa dilihat Disini

Ini url gambarnya 
biasanya di letakkan dibawah kode <p class='comment-footer'>

<div style='border: 1px solid #000000; -moz-border-radius: 10px; padding: 5px; background: #ffffff; none repeat scroll 0% 0%; text-align: center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;'>
<b><img height='50' src='http://i1002.photobucket.com/albums/af149/Imtikhan/ipin_upin/upin02.gif' width='50'/>
:a:
<img height='50' src='http://i1002.photobucket.com/albums/af149/Imtikhan/ipin_upin/upin01.gif' width='50'/>
:b:
<img height='50' src='http://i1002.photobucket.com/albums/af149/Imtikhan/ipin_upin/mail01.gif' width='50'/>
:c:
<img height='50' src='http://i1002.photobucket.com/albums/af149/Imtikhan/ipin_upin/kakros02.gif' width='50'/>
:d:
<img height='50' src='http://i1002.photobucket.com/albums/af149/Imtikhan/ipin_upin/kakros01.gif' width='50'/>
:e:
<br/>
<img height='50' src='http://i1002.photobucket.com/albums/af149/Imtikhan/ipin_upin/ipin02.gif' width='50'/>
:f:
<img height='50' src='http://i1002.photobucket.com/albums/af149/Imtikhan/ipin_upin/ipin01.gif' width='50'/>
:g:
<img height='50' src='http://i1002.photobucket.com/albums/af149/Imtikhan/ipin_upin/fizi01.gif' width='50'/>
:h:
<img height='50' src='http://i1002.photobucket.com/albums/af149/Imtikhan/ipin_upin/ehsan02.gif' width='50'/>
:i:
<img height='50' src='http://i1002.photobucket.com/albums/af149/Imtikhan/ipin_upin/ehsan01.gif' width='50'/>
:j:
</b></div>

dan ini scriptnya
biasanya di letakkan diatas kode </body>

<SCRIPT src=' http://h1.ripway.com/imtikhan/emo_ipin_upin.js 'type='text/javascript'/>

Selamat mencoba 
»»  Baca Selengkapnya...

Cara Pasang Widget Top komentator di blog

Siapa komentator terbanyak di blog sobat?
Jika sobat ingin mengetahuinya secara otomatis coba pasang Widget Top Komentator,
Widget Top Komentator ini untuk mengetahui siapa saja yang paling banyak mengkomentar di blog sobat dan juga bisa untuk menambah jumlah komentar blog sobat

berikut cara memasangnya :

Login ke Blogger 
Klik Rancangan (Yang dulunya Tata Letak )
Setelah itu klik Elemen Laman
klik Tambah Gadget
pilih HTML/JavaScript
Kemudian Copy script di bawah ini :

<script type="text/javascript">
function pipeCallback(obj) {
document.write("<ul>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write("</ul>");
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=33e2eb4dc25c7c21b9c586e11d2bc904&url=http://www.imtikhan.co.cc&num= 6" type="text/javascript"></script>


Ganti http://www.imtikhan.co.cc dengan alamat blog sobat, dan angka 6 adalah jumlah top komentar yang akan ditampilkan.

Simpan dan lihat hasilnya


Selamat mencoba 
»»  Baca Selengkapnya...

Cara Pasang Widget Top komentator di blog

Siapa komentator terbanyak di blog sobat?
Jika sobat ingin mengetahuinya secara otomatis coba pasang Widget Top Komentator,
Widget Top Komentator ini untuk mengetahui siapa saja yang paling banyak mengkomentar di blog sobat dan juga bisa untuk menambah jumlah komentar blog sobat

berikut cara memasangnya :

Login ke Blogger 
Klik Rancangan (Yang dulunya Tata Letak )
Setelah itu klik Elemen Laman
klik Tambah Gadget
pilih HTML/JavaScript
Kemudian Copy script di bawah ini :

<script type="text/javascript">
function pipeCallback(obj) {
document.write("<ul>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write("</ul>");
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=33e2eb4dc25c7c21b9c586e11d2bc904&url=http://www.imtikhan.co.cc&num= 6" type="text/javascript"></script>


Ganti http://www.imtikhan.co.cc dengan alamat blog sobat, dan angka 6 adalah jumlah top komentar yang akan ditampilkan.

Simpan dan lihat hasilnya
»»  Baca Selengkapnya...

Cara pasang efek kembang api di blog

Buat sobat yang ingin pasang efek kembang api bagi yang belum tau,
Berikut caranya :

Login ke Blogger
Klik Rancangan (yang dulunya Tata Letak)
Klik tab Edit HTML
Klik tulisan Download Template Lengkap
Beri tanda centang pada kotak di samping tulisan Expand Template Widget ,
Kemudian cari kode </body>
dan letakkan kode script berikut diatasnya

<SCRIPT src=' http://h1.ripway.com/imtikhan/kembangapi.js'type='text/javascript'/>

Atau kode yang ini sobat bisa merubah angka yang berwarna biru sesuai selera
Caranya sama seperti diatas yaitu letakkan diatas kode </body>





<script type='text/javascript'>
//<![CDATA[


var FIRE_Path = "http://www.geocities.com/prywdy/sound/firework/"; //Path ke direktori yang berisi gambar kembang api
var FIRE_no = 50; // Jumlah Rockets dalam satu kembang api
var FIRE_Pause = 1; // Jeda antara kembang api dalam hitungan detik
var FIRE_SameColor = false; // Jika benar = itu roket memiliki warna yang sama dalam satu kembang api


var FIRE_Time, FIRE_Bang, FIRE_Vindue_Width, FIRE_Vindue_Height;
var FIRE_PosLeft, FIRE_PosTop, FIRE_PosVenAfv, FIRE_PosTopAfv;
var i;
var FIRE_j = 0;


var FIRE_browser_IE_NS = (document.body.clientHeight) ? 1 : 0;
var FYR_browser_IE_SCM = (document.documentElement.clientHeight) ? 1 : 0;
var FIRE_browser_MOZ = (self.innerWidth) ? 1 : 0;


if (FIRE_browser_IE_NS)
{
FIRE_Vindue_Width = document.body.clientWidth;
FIRE_Vindue_Height = document.body.clientHeight;
}
else if (FYR_browser_IE_SCM)
{
FIRE_Vindue_Width = document.documentElement.clientWidth;
FIRE_Vindue_Height = document.documentElement.clientHeight;
}
else
{
FIRE_Vindue_Width = self.innerWidth - 20;
FIRE_Vindue_Height = self.innerHeight;
}


var FIRE_Top = 10;
var FIRE_Bot = FIRE_Vindue_Height - 40;
var FIRE_Mid = FIRE_Vindue_Width/2;


FIRE_PosLeft = new Array();
FIRE_PosTop = new Array();
FIRE_PosVenAfv = new Array();
FIRE_PosTopAfv = new Array();
FIRE_Time = new Array();
FIRE_TopBang = new Array();
FIRE_Billede = new Array();
FIRE_Farve = new Array("orange","blue","yellow","red","green");
FIRE_Pause = FIRE_Pause*1000;


for (i = 0; i < FIRE_no; ++ i) 

FIRE_TopBang[i] = FIRE_Top + Math.random()*200;
FIRE_PosTop[i] = FIRE_Bot;
FIRE_PosTopAfv[i] = 0;
FIRE_PosLeft[i] = FIRE_Mid;
if (i % 2 == 0) FIRE_PosVenAfv[i] = 4*Math.random(); 
else FIRE_PosVenAfv[i] = Math.random()*(-4); 
document.write("<\div id=\"FIRE_no"+ i +"\" style=\"position: absolute; font-size: 15px; z-index: "+ i +"; visibility: visible; top: "+FIRE_PosTop[i]+"px; left: "+FIRE_PosLeft[i]+"px;\"><a href=\"http://www.peters1.dk\" target=\"_blank\"><b>.</b></a><\/div>");
}




function FIRE_Op(FIRE_number)
{
if (FIRE_PosTop[FIRE_number] > (FIRE_Top + FIRE_TopBang[FIRE_number])) 
{
FIRE_PosTop[FIRE_number] = FIRE_PosTop[FIRE_number] - FIRE_PosTopAfv[FIRE_number];
FIRE_PosLeft[FIRE_number] = FIRE_PosLeft[FIRE_number] + FIRE_PosVenAfv[FIRE_number];
FIRE_PosTopAfv[FIRE_number] = (FIRE_PosTop[FIRE_number]/40);
document.getElementById("FIRE_no"+FIRE_number).style.top=FIRE_PosTop[FIRE_number]+"px";
document.getElementById("FIRE_no"+FIRE_number).style.left=FIRE_PosLeft[FIRE_number]+"px";
FIRE_Time[i] = setTimeout("FIRE_Op("+FIRE_number+")",10);
}
else
{
clearTimeout("FIRE_Time["+FIRE_number+"]");
FIRE_ShowBang(FIRE_number);
}
}


function FIRE_Start() 



if (FIRE_SameColor)
{
if (FIRE_j == 4) FIRE_j = 0;
else FIRE_j = FIRE_j + 1;
}


for (i = 0; i < FIRE_no; i++) 

if (!FIRE_SameColor)
{
FIRE_j = Math.round(Math.random() * 4); 
}
FIRE_Billede[i] = FIRE_Path+FIRE_Farve[FIRE_j]+".gif";
document.getElementById("FIRE_no"+i).innerHTML = "<b>*</b>";
document.getElementById("FIRE_no"+i).style.color=FIRE_Farve[FIRE_j];
setTimeout("FIRE_Op("+i+")",(1500*Math.random()));
}
}


function FIRE_ShowBang(FIRE_number)
{
if (FIRE_number == 0) document.getElementById("FIRE_no"+FIRE_number).innerHTML = "<a href=\"http://www.peters1.dk\" target=\"_blank\"><\img src=\""+FIRE_Billede[FIRE_number]+"\" border=\"0\" /></a>";
else document.getElementById("FIRE_no"+FIRE_number).innerHTML = "<\img src=\""+FIRE_Billede[FIRE_number]+"\" border=\"0\" />";
document.getElementById("FIRE_no"+FIRE_number).style.top=(FIRE_PosTop[FIRE_number] - 20)+"px";
document.getElementById("FIRE_no"+FIRE_number).style.left=(FIRE_PosLeft[FIRE_number] - 40)+"px";
setTimeout("FIRE_Reset("+FIRE_number+")",1000)
}


function FIRE_Reset(FIRE_number)
{
FIRE_TopBang[FIRE_number] = FIRE_Top + Math.random()*100;
FIRE_PosTop[FIRE_number] = FIRE_Bot;
FIRE_PosTopAfv[FIRE_number] = 4;
FIRE_PosLeft[FIRE_number] = FIRE_Mid;
if (FIRE_number % 2 == 0) FIRE_PosVenAfv[FIRE_number] = 4*Math.random(); 
else FIRE_PosVenAfv[FIRE_number] = Math.random()*(-4); 


document.getElementById("FIRE_no"+FIRE_number).innerHTML = "";
document.getElementById("FIRE_no"+FIRE_number).style.top=FIRE_PosTop[FIRE_number]+"px";
document.getElementById("FIRE_no"+FIRE_number).style.left=FIRE_PosLeft[FIRE_number]+"px";


if (FIRE_number == FIRE_no-1) setTimeout("FIRE_Start()",FIRE_Pause);
}


FIRE_Start();
//]]>
</script>

Simpan dan lihat hasilnya.
»»  Baca Selengkapnya...

Cara Memasang Google Translate di Tiap Posting

Postingan kali ini saya akan berbagi ilmu mengenai cara memasang Translate Google
di setiap posting, contohnya bisa sobat lihat dibawah postingan ini.

www.imtikhan.co.cc

Berikut cara memasangnya :
Login ke Blogger 
Klik Tata Letak
Klik tab Edit HTML
Klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget ,
lihat gambar di bawah :



Tunggu beberapa saat ketika proses sedang berlangsung
Kemudian cari kode

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>

untuk mempermudah pencarian tekan Ctrl + F atau (F3) di keboard sobat
Jika sudah ketemu silahkan Copy kode Google Translate 
berikut dan letakkan di atas kode yang berwarna biru :

<div style='text-align: right;'><div id='google_translate_element'/><script>

function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id'
}, 'google_translate_element');
}
</script><script src='http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/></div>

Keterangan :
Translate akan muncul di kanan bawah postingan sobat.
Tulisan right diatas bisa sobat ganti dengan center atau left.
Kode translate hanya berlaku untuk blog yang berbahasa Indonesia, coba perhatikan kode (id).

Tambahan :
Jika sobat ingin meletakkan Google Translate 
di kanan atas tepat di bawah judul posting, cari kode di bawah ini :

<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>ta:blog.pageType == "item"'><data:post.body/></b:if>

Copy kode Google Translate 
di atas dan paste-kan di bawah kode yang berwarna biru
Simpan dan lihat hasilnya.
»»  Baca Selengkapnya...

Cara mengganti icon pada address bar

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web).
Dan jika kita punya blog di Blogspot
maka icon default yang akan tampil adalah gambar seperti ini : 
Bagi sobat yang tidak puas dengan icon/gambar tersebut, sobat bisa menggantinya dengan gambar sesuai pilihan sobat.
caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). 

Silahkan login ke Blogger 
Klik Tata Letak.
Klik Tab Edit HTML.
Jangan lupa untuk Membackup template anda terlebih dahulu, klik link Download Template Lengkap.
Jika sudah silahkan cari kode <head>
Copy lalu paste kode berikut dan letakkan diatasnya

<link href='http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/kupu-kupu.gif' rel='SHORTCUT ICON'/>

Ganti huruf yang berwarna biru dengan lokasi gambar dimana sobat menyimpannya. 
Sobat bisa menyimpannya di www.000webhost.com
atau bisa juga di www.photobucket.com
dan juga di www.imageshack.com atau yang lagi popular diwww.indonesiaindonesia.com
atau kalo sobat tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

www.imtikhan.co.cc

http://www.blogger.com/favicon.ico

www.imtikhan.co.cc

http://i1002.photobucket.com/albums/af149/Imtikhan/th_preview.gif

www.imtikhan.co.cc

http://i1002.photobucket.com/albums/af149/Imtikhan/th_soniclari.gif

www.imtikhan.co.cc

http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif

www.imtikhan.co.cc

http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/kupu-kupu.gif

Simpan dan lihat hasilnya
»»  Baca Selengkapnya...

Cara mengganti tampilan cursor di blogger

Postingan kali ini saya akan coba kasih tau caranya mengganti tampilan cursor di blog
Mungkin trik ini suda begitu kuno, tetapi saya hanya ingin memperluaskan trik ini.
karena banyak sobat blogger pemula yang bertanya mengenai bagaimana cara mengganti cursor di blog


Berikut ini langkah-langkahnya : 

Login ke Blogger 
Klik Tata Letak
Klik tab Edit HTML
Klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget ,

Tunggu beberapa saat ketika proses sedang berlangsung
Kemudian cari kode body { 
untuk mempermudah pencarian tekan Ctrl + F atau (F3) di keboard sobat
Jika sudah ketemu silahkan copy-pastekan script kode berikut persis di bawah kode body {

cursor: url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor7.gif"), default;
 
maka hasilnya akan seperti berikut :
 
body {
background: #ffffff;
margin:0;
color:$textcolor;#000000:
font: x-small $bodyfont;
font-size/* */:/**/small;
font-size: /**/small;
text-align: left;
cursor: url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor7.gif"), default;}

ganti tulisan yang berwarna biru dengan alamat URL gambar pilihan sobat.
atau sobat bisa pilih beberapa contoh cursor dibawah ini


http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor7.gif


http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor6.gif


http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor5.gif


http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor4.gif


http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor3.gif


http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor1.gif


http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor8.gif


http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor9.gif


http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor10.gif


http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor13.png


http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor12.gif


http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor16.png

Tambahan :

Jika sobat nggak mau susah payah otak atik Html cara lainnya adalah :
Login ke Blogger 
Klik Tata Letak
Klik Tambah Gadget 
Klik Html/Javascript
Copy kode berikut dan masukkan kedalamnya

<style type="text/css">
body {cursor:url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor7.gif
"),default}</style>
»»  Baca Selengkapnya...

Cara mengganti cursor hand pada link

Tip Blogger kali ini masih terkait dengan cursor, cara mengubah cursor hand dengan gambar pada link, pada template dasar jika cursor mengarah ke sebuah link maka cursor tadi akan berubah menjadi cursor jenis hand 
dengan membaca judul diatas mungkin sobat blogger sudah tau maksudnya
Jika sobat ingin mencoba berikut caranya : 

Login ke Blogger 
Klik Tata Letak
Klik tab Edit HTML
Cari Style CSS seperti ini :

a:hover {
color:#ff6100;
text-decoration:none;
background:
}

Jika sudah ketemu tambahkan Style berikut :

cursor: url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor9.gif"), default;

setelah a:hover {

maka akan menjadi seperti berikut :

a:hover {
color:#ff6100;
text-decoration:none;
background:
cursor:url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor9.gif"), default; 
}

Ganti tulisan yang berwarna biru dengan Url gambar cursor sobat
Untuk contoh cursornya sobat bisa lihat di posting sebelumnya disini 
Kemudian Simpan dan lihat hasilnya
»»  Baca Selengkapnya...

Sunday 14 November 2010

Cara Membuat Efek Di Blog

G sah basa-basi lagi dahk..Lngsung adjah yaks..
Ney script na..

Script efek Bintang jatuh

<script src='http://www.geocities.com/ridwanox/bintangjatuh.js' type='text/javascript'></script>
Script efek salju berguguran<script src='http://www.geocities.com/ridwanox/saljubesar.js' type='text/javascript'></script>

Script efek kembang Api<script src='http://www.geocities.com/ridwanox/kembangapi.js' type='text/javascript'></script>
Script efek hati bertaburan<script src='http://www.geocities.com/ridwanox/efekhati.js' type='text/javascript'></script>
untuk cara pemasangannya :
silahkah masuk blogger.com-->tata letak/layout--->edit html
download lengkap template.

kemudian cari kode </body> ditemplate kamu, (letaknya dibagian paling bawah template) kalo udah ketemu paste script yang kamu pengen diatasnya..

semoga sukses y. . . .???//

»»  Baca Selengkapnya...

Cara Membuat Teks Berjalan Di Adress Bar

 Sebenarnya untuk membuat teks berjalan di address bar ini hanya dibutuhkan script yang nantinya akan kita pasang di head template kita.

Scriptnya seperti di bawah ini :
<SCRIPT language='JavaScript'>
var txt="..::Nama Yang Anda Suka::... ";
var kecepatan=170;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</SCRIPT>


Caranya, ganti nama blog pada script di atas dengan nama blog kamu.
Untuk cara pemasangan script di blog, seperti biasanya silahkan login dulu ke blogger. Setelah itu pilih tata letak halaman, lalu pilih edit template. Kemudian cari kode </head> dan letakkan script tadi di atas kode </head>tersebut. Jika sudah silahkan simpan template kamu dan silahkan lihat hasilnya.
»»  Baca Selengkapnya...

Cara Membuat Gambar Bisa Berputar








Photo Cube Generator

  1. Klik situs Satisfaction.com, tidak perlu login atau konfirmasi email.
  2. Setelah halaman terbuka, arahkan perhatian pada kotak dialog yang muncul dengan gambar berputar. Di bawah gambar tadi tertulis "PUT YOUR IMAGE ON A CUBE",
  3. Klik tombol "BROWSE" yang terdapat di bawah tulisan yang berwarna merah, setelah muncul kotak dialog, cari file gambar yang telah tersimpan, setelah ketemu klik tombol "Open". Kotal 'File' akan terbaca.
  4. Setelah selesai, klik tombol "UPLOAD". Pada tahap ini, gambar yang telah di-upload tersebut akan muncul dengan berputar-putar.
  5. Kemudian langkah terakhir klik tombol "Copy HTML code" yang berlatar warna kuning dan selesai.
»»  Baca Selengkapnya...

Cara Membuat Page Number-Navigasi Halaman

Page Number atau Navigasi Halaman dengan menggunakan nomor atau angka adalah sebagai alat navigasi yang berfungsi selain dapat mempercantik tampilan halaman utama juga dapat memudahkan pengunjung dalam menjelajahi content sebuah website atau blog. Lihat contohnya pada halaman blog saya ini,
Apakah Sobat Sekalian ingin mencobanya? Jika iya, maka berikut ini adalah langkah-langkah Cara Membuat Page Number-Navigasi Halaman Blog khususnya blogspot.com :

  1. Masuk dahulu ke Dashboard blogspot Anda, selanjutnya pilihRancangan (Layout) dan pilih Edit HTML, seperti biasa contreng option Expand Widget Templates, selanjutnya cari kode berikut:]]></b:skin>;
  2. Setelah ketemu, di atas kode ]]></b:skin> letakkan kode di bawah ini :


    .showpageArea a {

    text-decoration:underline;

    }

    .showpageNum a {

    text-decoration:none;


    border: 1px solid #cccccc;

    margin:0 3px;

    padding:3px;

    }

    .showpageNum a:hover {

    border: 1px solid #cccccc;

    background-color:#cccccc;

    }

    .showpagePoint {


    color:#333;

    text-decoration:none;

    border: 1px solid #cccccc;

    background: #cccccc;

    margin:0 3px;

    padding:3px;

    }

    .showpageOf {

    text-decoration:none;


    padding:3px;

    margin: 0 3px 0 0;

    }

    .showpage a {

    text-decoration:none;

    border: 1px solid #cccccc;

    padding:3px;

    }

    .showpage a:hover {


    text-decoration:none;

    }

    .showpageNum a:link,.showpage a:link {

    text-decoration:none;

    color:#333333;

    }
  3. Lalu cari lagi kode seperti ini: </body>;
  4. Jika sudah ketemu, di atas kode </body> letakkan script di bawah ini:


    <b:if cond='data:blog.pageType != &quot;item&quot;'>

    <script type='text/javascript'>

    var pageCount=5;

    var displayPageNum=5;

    var upPageWord =&#39;Previous&#39;;


    var downPageWord =&#39;Next&#39;;

    </script>

    <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>

    </b:if>
  5. Selanjutnya carilah kode berikut ini : 'data:label.url';
  6. Hapus kode ini : 'data:label.url' dan gantilah dengan kode di bawah ini:


    'data:label.url + &quot;?&amp;max-results=5&quot;'
  7. Terakhir Simpan Templates dan lihat hasilnya.


»»  Baca Selengkapnya...

Monday 1 November 2010

Crack Lock

Banyak diantara kita pasti sering menemukan software yang menurut kita berguna dan ingin mendownloadnya. Tapi software tersebut berupa shareware atau software yang hanya memberikan waktu untuk mencobanya selama beberapa hari atau minggu, dan jika kita ingin menggunakan program tersebut selamanya kita harus merogoh kocek kita untuk membelinya.

Tetapi tak perlu khawatir, dengan fitur yang menarik dan juga tampilan yang sederhana, Cracklock dapat menjadi solusi terbaik bagi itu semua. Program ini dapat menghentikan waktu trial pada berbagai macam software yang kita miliki. Selain itu Cracklock adalah software gratis yang dapat kita download sesuka hati.

Cara penggunaannya cukup mudah, yaitu dengan cara :
  • Buka cracklock lalu klik add program, kemudian cari program trial yang kita punya.
  • Setelah itu akan keluar jendela configuration, lalu pilih tab injection mode.
  • Pada tab injection mode, pilih static injection
  • Lanjutkan dengan memilih tab advanced
  • Pada tab advanced terdapat kotak parameter, isi kotak tersebut dengan tempat dimana kita menginstall Cracklock (dalam tanda petik) spasi tempat kita menginstal program trial.

Contoh : “C:\PROGRAM FILES\Cracklock\MCL.EXE” C:\PROGRAM FILES\TROJAN REMOVER\RMVTRJAN.EXE

* Setelah semua itu selesai program yang trial tersebut dapat berjalan secara full dengan catatan program tersebut dijalankan dari cracklock. 
»»  Baca Selengkapnya...

upload image untuk background blog anda

Blogger benar-benar tau apa yang di inginkan para pelanggannya. Sekarang blogger menambahkan fitur upload image untuk background blog anda. Fitur ini terletak di "Templates Designer". Jika ingin menggunakan fitur ini anda harus menggunakan templates terbaru blogger dari "templates designer". 
Untuk menjalankan fitur ini anda harus login ke blog anda, lalu masuk ke tabdesign lalu klik lagi tab Templates Designer lalu pilih tab Background. KlikBackground Image lalu klik Upload Image lalu klik browse untuk memilih gambar yang ingin di jadikan background dari komputer anda. 

»»  Baca Selengkapnya...

membuat halaman login

Membuat Halaman Login … v.1
Penulis: Admin (253 Articles) 

Memberikan pembelajaran kepada Anda seputar Web Development, Desain Grafis, dll, secara gratis. Berawal dari hoby sharing akan ilmu web development di tahun 2007 oleh 2 mahasiswa.
Contact:
Homepage :
 http://www.ilmuwebsite.com
Ingin menjadi penulis artikel di
 ilmuwebsite? Klik >> Daftar

Yup, seperti biasa. Kali ini saya akan memberikan contoh penggunaan database, session, dan enkripsi
MD5 untuk menjadikannya sebagai halaman login yang cukup aman, meskipun tidak aman 100%.

Dan tentunya artikel ini hanyalah sebuah contoh, sedangkan pengembangannya digantungkan kepada anda.
Seperti artikel yang sebelumnya, saya hanya menjelaskan sekelumit contoh yang berkaitan dengan
 
source code dan cara kerja source code tersebut.
Secara sederhana, cara kerjanya adalah seperti :
1.) Ketika user memasukkan username beserta passwordnya, maka yang pertama kali dilakukan adalah 
    mengeceknya dalam database apakah username telah terdaftar, jika telah terdaftar, dalam hal ini ada
 
    dalam database maka kita memerlukan satu variable yang mengindikasikan bahwa user tersebut ada.
2.) Setelah itu maka sang user akan diberi sebuah session yang diambil dari usernamenya jika 
    pengecekan password sebelumnya oleh MD5 sukses dilakukan.
3.) Jika kesemuanya tidak sesuai maka sang user akan diredirect ke halaman login.html,
    sehingga terlihat seperti diam di tempat.
Untuk memulainya kita buat terlebih dahulu databasenya :
create database userdb;
use userdb;
create table tbl_user(id int(3) primary key auto_increment, 
                      username varchar(50), password varchar(50));
insert into tbl_user values(”,’admin’,’21232f297a57a5a743894a0e4a801fc3′;);
21232f297a57a5a743894a0e4a801fc3 –> ini adalah md5 hash dari ‘admin’
Pertama-tama kita membuat halaman loginnya terlebih dahulu
// login.html
<html><head><title>Halaman Login … </title></head>
<body>
<br><br><br><br><br><br><br><br><br><br><br>
<table border=1 align=center>
<form method=post action=cek.php>
<tr><td>username</td><td><input type=text name=username></tr>
<tr><td>password</td><td><input type=password name=password></tr>
<tr><td></td><td><input type=submit name=submit value=Enter></tr>
</form>
</table></body>
</html>
Kemudian halaman config.php
// config.php
<?php
$host = “localhost”;
$username = “root”;
$password = “”;
$databasename = “userdb”;
$connection = mysql_connect($host, $username, $password) or die(“Kesalahan Koneksi … !!”;);
mysql_select_db($databasename, $connection) or die(“Databasenya Error”;);
?>
Setelah itu kita buat halaman cek.php
// cek.php
<?php
session_start();
include “config.php” ;
$username = $_POST['username'];
$password = $_POST['password'];
$passwordhash = md5($password);  // mengenkripsikannya untuk dicocokan dengan database
$perintahnya = “select username, password from tbl_user where username = ‘$username’ and password = ‘$passwordhash’”;
$jalankanperintahnya = mysql_query($perintahnya);
$ada_apa_enggak = mysql_num_rows($jalankanperintahnya);
if ($ada_apa_enggak >= 1 )
{
$_SESSION['username'] = $username;
header(“location: main.php”;);
}
else
header(“location: login.html”;);
            
?>
Kemudian kita buat intinya main.php
// main.php
<?php
session_start();
if (ISSET($_SESSION['username']))
{
print $_SESSION['username'];
print “<br><a href=logout.php?maukeluar=iya>logout</a>”;
}
else
header(“location: login.html”;);
?>
Dan halaman logout.php …
// logout.php
<?php
session_start();
if ($_REQUEST['maukeluar'] == “iya”;)
{
    if(ISSET($_SESSION['username']))
    {
    UNSET($_SESSION['username']);
    }
}
header(“location: login.html”;);
session_destroy();
?>
Yup, cukup sudah, source codenya. Sekarang saya akan menjelaskan sedikit mengenai code-code diatas. 
Kita lewat bagian config.php, karena sebelumnya pernah saya bahas, kita masuk ke bagian, cek.php.
lihat bagian
session_start();
Penggunaan session harus dimulai dengan menggunakan fungsi ini.
Kemudian disana tertulis kalimat seperti ini …
$password = $_POST['password'];
$passwordhash = md5($password);
saya mengambil variable global $_POST['password'] kemudian menyisipkannya kedalam variable baru,
yakni $password. Karena didalam database sudah dalam bentuk enkripsi MD5 maka yang perlu dilakukan
untuk mencocokkan dengan yang ada dalam database adalah mengenkripsi variable global password tadi.
Cukup dimengerti.
Kemudian argumen selanjutnya adalah query SQL
$perintahnya = “select username, password from tbl_user where username = ‘$username’ and password = ‘$passwordhash’”;
Saya kira query diatas cukup familiar bagi anda. :) 
Dan script-script dibawahnya cukup mudah untuk dimengerti
 :D .
Ya, saya cukupkan dahulu. Apabila ada yang masih bingung silahkan ditanyakan.
Terima Kasih.

»»  Baca Selengkapnya...
Powered by Blogger.