Cara Menjadikan Foto Kita Sebagai Background di Blog

1. Login ke dashboard account Blogger kalian, lalu klik menu “Layout” di blog yang ingin kalian edit tampilan layoutnya, setelah itu klik menu “Edit HTML”.
2. Sekarang kalian harus meng-upload foto yang ingin kalian jadikan background dari blog kalian tersebut ke suatu lokasi hosting di internet, sebagai contoh kalian bisa meng-uploadnya ke situs imageshach Setelah fotonya berhasil terupload maka nanti kalian akan diberi tahu URL foto kalian tersebut.
3. Balik lagi ke halaman Blogger kalian tadi, lalu copy kode CSS berikut:

<style type="text/css">

<!--

body {

background-image: url(Ganti dengan URL foto kalian);

}

-->

</style>

Setelah di-copy kodenya lalu kalian paste-kan kode tersebut ke template Blogger kalian tepatnya sebelum kode (lihat gambar di samping ini jika bingung) dan jangan lupa untuk mengganti tulisan “Ganti dengan URL foto kalian” di dalam kode tersebut menggunakan URL foto kalian yang telah kalian upload sebelumnya ke ImageShacks. Setelah itu kalian klik menu “Save Template” kemudian buka blog kalian tersebut untuk melihat perubahan layout yang telah kalian lakukan.

selesai

Cara Menampilkan Status Off/Online Yahoo Messenger

Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya 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 buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".

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

Ganti text yang warna merah (paijo) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Cara Pasang Kelender di Blog

Untuk memasang sebuah kalender kita bisa memanfaatkan berbagai situs penyedia kalender gratisan. Situs seperti ini sangatlah banyak, tentunya mereka berlomba dengan menampilkan kalender-kalender yang menarik untuk di lihat. Agar tidak terlalu bingung mencarinya, saya berikan contoh satu saja yaitu www.free-blog-content.com Silahkan coba sobat kunjungi situs tersebut ! kalender yang di sediakan sangat beragam. Silahkan klik kategori yang ada untuk memilih bentuk kalender yang sobat sukai, kemudian copy kode yang di berikan di bawah gambar kalender lalu paste pada notepad untuk nanti keperluan di simpan di blog.


Untuk cara instalasi, silahkan ikuti langkah-langkah berikut !

Untuk Template klasik

Sig in di blogger dengan id sobat

Klik menu Template

Klik menu Edit HTML

Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula

Copy kode yang tadi telah ada di notepad lalu paste pada tempat yang di inginkan, mau di sidebar atau di manapun boleh

Klik tombol Simpan Perubahan Template

selesai

Cara Memasang Tombol Share On Facebook di Akhir Posting

Cara untuk memasangnya adalah sebagai berikut :

1. Login dengan Account blogger anda lalu masuk ke Dashboard > tata letak > edit HTML

2. Cari kode

3. Letakan kode berikut diatas kode no.2

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_2.png'/></a>
</b:if>

Hasilnya:




<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_3.png'/></a>
</b:if>

Hasilnya:




<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_4.png'/></a>
</b:if>

Hasilnya:




<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_6.jpg'/></a>
</b:if>

Hasilnya:



<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_7.jpg'/></a>
</b:if>

Hasilnya:

Cara Pasang Link di Blog

1. masuk dulu ke blog anda
2. pilih menu tata letak
3. pilih menu element halaman
4. pilih menu tambah gagdet
5. pilih menu tambah java script
6. kopi pastekan kode dibawah ini kedalam java script tersebut


<div style="border: 0px solid rgb(153, 153, 153);
overflow: auto;
width: 230px;
height: 170px;
text-align: left; ">
<img src="http://www.kaskus.us/images/icons/icon14.gif" />
<a href="http://www.tips-seo-blog.info/" target="_blank"&gt;Tips Seo Blogspot</a><br />

<img src="http://www.kaskus.us/images/icons/icon14.gif" />
<a href="http://muliardybanun-online.com/" target="_blank">Muliar Dybanun</a><br />

<img src="http://www.kaskus.us/images/icons/icon14.gif" />
<a href="http://metadatafendy.blogspot.com/" target="_blank">Meta Data Fendy</a><br />

<img src="http://www.kaskus.us/images/icons/icon14.gif" />
<a href="http://ryanbian.wordpress.com/" target="_blank">Belajar SEO</a><br />


<img src="http://www.kaskus.us/images/icons/icon14.gif" />
<a href="http://thebasic.co.cc/" target="_blank">The Basic</a><br />


<img src="http://www.kaskus.us/images/icons/icon14.gif" />
<a href="http://letsfunwithinternet.blogspot.com" target="_blank">Lest Fun With Internet</a><br />

<img src="http://www.kaskus.us/images/icons/icon14.gif" />
<a href="http://www.jasa-pembuatan-blog.com/2010/02/link-ku-kemana.html" target="_blank">Link ku kemana??</a><br />
</div>

keterangan kode

yang atas sendiri
width: 230px; ini lebarnya
height: 170px; ini tingginya jadi bisa buat ribuan link tapi tetep irit tempat,

yang kode link hijau adalah gambar tangan
yang kode ungu adalah link temen anda atau link web yang mau dipasang
sedangkan yang warna merah adalah nama link webnya

selesai
selamat mencoba

Membuat Code HTML Tampil di Posting

Saat anda bikin posting dan menaruh script untuk ditampilin ke posting, tapi g' nampil
nah saya ada caranya ne biar code nya nampil di posting kamu..

Yang pertama yaitu anda harus mengganti karakter perintah dari program HTML dengan notasi tertentu...

caranya
* masuk ke situs ini http://centricle.com/tools/html-entities
* terus anda masukin srcipt yg akan anda encode kedalam kotak
* lalu tinggal klik tombol encode nya
* copy script nya, tinggal anda paste aja di posting anda

selesai

Membuat Salam Pembuka pada Blog

1. mungkin anda pernah melihat sebuah blog yang menampilkan salam sapaan, trik kali ini ada hubungannya dengan triks yang Membuat pesan konfirmasi
penasaran mau tau cara membuatnya, langsung aja
petama loginterlebih dahulu
2. masuk ke tata letak(layout)--> Element halaman
3. tambah gedget --> html/java script
4. copy code berikut dan pastekan kedalamnya

<script type='text/javascript'>
var name = prompt("Welcome ! ! Nama anda siapa", " Nama Anda ");
alert("salam kenal ya "+name)
alert("selamat browsing di blog saya, semoga berkenan!")
</script>

5. text yang berwarna merah bisa anda ganti dengan text yang anda inginkan
6. simpan
7. lihatlah hasilnya. selesai

Selamat Mencoba