Tampilkan postingan dengan label Tutorial Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blogger. Tampilkan semua postingan
Selasa, 18 Mei 2010 0 komentar

Membuat Kotak Tukeran Link ( Link Excange )

Tutorial Ini membahas cara membuat kotak tukeran link, caranya tenyata sederhana
Caranya adalah sebagai berikut :
1. Login ke blogger
2. Pilih Tata Letak -> Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini :

<a href="http://lukmanfach.blogspot.com" target="_blank">
<img border="0" width="123" src="http://mob0.com/p.gif" height="34" title="KLIK!"/></a>
<!------------------------------------------------------------>
<textarea rows="3" cols="16"><a href="http://lukmanfach.blogspot.com" target="_blank">
<img border="0" width="123" src="http://mob0.com/p.gif" height="34" title="KLIK!"/></a></textarea>

Untuk kode ini : http://lukmanfach.blogspot.com ( kamu ganti pakai url mu )
Untuk kode ini : http://mob0.com/p.gif ( kamu ganti url image (gamabr kamu)
Sedangkan width dan height digunakan untuk mengatur panjang serta lebar banner nya, bisa dirubah rubah sesuai selera,



Baca selengkapnya »»  
0 komentar

Cara Membuat Recent Post ( Postingan Terbaru )


Pengin kan postingan kita terpampang dihalaman depan ( home ) blog kita,agar pembaca n pengunjung blog bisa mengetahui info baru yang kita Update, seperti tutorial lain, tutorial ini juga mudah kok dilakukan, sederhana tinggal copy paste aja loh..hee, caranya seperti ini :



1. Pertama Login dulu ke blogger

2. Pilih Layout ( Tata Letak ) >> Page Element ( Elemen Halaman )

3. Add a Gadget ( Tambah Gadget )

4. Pilih HTML/JavaScript dan copy aja kode ini didalamnya:






<script src="http://anas.ku93.googlepages.com/post-terakhir.js"></script>

<script>var numposts = 15; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>

<script src="http://GANTI_NAMA_BALOGMU.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">

</script>






Keterangan :



numposts = 15 , artinya ada 15 posting yang ditampilkan ( jumlah posting nya...)

GANTI_NAMA_BLOGMU = yang disini kamu ganti dengan url blog kamu sendiri



5. Setelah di copy lalu di save... jreng jreng selesai sederhana kan caranya... Selamat Mencoba



Baca selengkapnya »»  
0 komentar

Cara Menulis Kode Html di Postingan

Pernah coba menuliskan kode HTML pada postingan blog?? klo pernah...pasti pernah error..hee., klo tidak menggunakan bantuan , maksudnya kita harus menggunakan converter gitu dech..aku nyebutnya, untuk menuliskan kode HTML di postingan salah satu pihak penyedia itu adalah centricle.com klik link itu ya.

Trus kamu copy kode HTML mu, n Klik Encode :





Kemudian hasil dari encode tadi copy-paste di postingan....jadi dech seperti gambar diatas


Baca selengkapnya »»  
0 komentar

Blogger Emoticons

Biar senyum nya makin lebar, and kalo ketawa makin ngakak dikala posting artikel, saya berikan perbendaharaan wajah-wajah kamu...

Blogger Emoticons


<img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif">

Selamat menghiasi postingannya...
Baca selengkapnya »»  
Minggu, 16 Mei 2010 0 komentar

Cara Membuat Efek Hujan Salju

Membahas tentang cara membuat efek salju pada blog, agar blog kelihatan lebih menarik
langsung aja ikuti langkah² nya yaw.....

1. Login ke blogger.com
2. Klik
Layout/Tata Letak ---> Edit HTML
3. Letakkan kode berikut ini di bawah kode </head>

<script src='http://alien.keren.googlepages.com/klinikblog.snow.js' type='text/javascript'/>

4. Kemudian klik simpan template
5. Selesai dech...
Baca selengkapnya »»  
Jumat, 14 Mei 2010 0 komentar

Membuat Warna Background Pada Postingan



Untuk memberi warna pada background postingan ada beberapa cara simple agar blog kelihatan lebih menarik langsung saja

1. langkah pertama sebelum sobah menulis postingan sobat klik dulu edit HTML di samping kata tulisan lalu tambahkan kode berikut

<div style="background:#4C77B6; border:1px dotted #F5003D; padding:5px;">

pada bagian edit HTML terus sobat menulis artikel di bagian tulisan

2. setelah sobat selesai menulis artikel tambahkan kode </div> sebagai penutup.
selanjutnya save... beres dah

berikut lengkap kodenya

<div style="background:#FBFBEF; border:1px dotted #F5003D; padding:5px;">nama artikel</div>

Baca selengkapnya »»  
Kamis, 13 Mei 2010 0 komentar

Menampilkan Yahoo Messenger di Blog

Membuat windget status online atau offline Yahoo Messenger kita, caranya gamapng kok , tinggal copy paste aja, nah pertama tama :

1. Pertama Login dulu ke blogger
2. Pilih Layout ( Tata Letak ) >> Page Element ( Elemen Halaman )
3. Add a Gadget ( Tambah Gadget )
4. Pilih HTML/JavaScript dan copy aja kode ini didalamnya:


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

nama_id : kamu ganti pake ID yahoo kamu
Angka 2 menandakan gambar yang dapat diganti-ganti
Jika kamu online ( Ym ) maka status di blog km juga online dan jika kamu offline maka status Ym di blog kamu juga offline.

Baca selengkapnya »»  
Selasa, 11 Mei 2010 0 komentar

Me-nonaktifkan Klik kanan



Pernah melihat dari blog ato sebuah web teman dimana kita tidak diijinkan untuk meng-klik kanan mouse, karena me-nonaktifkan menu klik-kanan pada blog mereka, dapat juga berfungsi sebagai security karena tangan-tangan jail :), berikut ini tip sederhana yang dapat untuk menon-aktifkan menu klik-kanan dari Maximus :

Ikuti langkah berikut ini :
1. Login pada Blogger.com
2. Buka menu Layout - Page Elements - Add a Gadget
3. Kemudian pilih menu "Html/javascript"
4. Copy dan paste Script di bawah ini :


<script language="JavaScript">
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="Sorry Command is not Responding";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>


5. Tekan save.
6. Anda bisa merubah pesan tersebut pada script var message=" " ;

seperti di bawah ini :








Selamat mencoba....!!! :)

Baca selengkapnya »»  
 
;