Pasang Buku Tamu

Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mempunyai blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidup(kaya iklan aja).


Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :

1. Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.
2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
3. Pada kolom yang berjudul Style, klik menu appearance.
4. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
7. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
8. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
9. Selesai

Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.
Untuk blogger dengan template klasik :

1. Log in terlebih dahulu ke blogger.com dengan id anda
2. Klik menu Template
3. Klik Edit HTML
4. Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan
5. Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.
6. Klik tombol Preview untuk melihat perubahan yang kita buat.
7. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes
8. Selesai

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru :

1. Silahkan Login dengan id anda
2. Klik menu Layout
3. Klik Page Element
4. Klik Add a Page Element
5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
6. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
7. Copy paste kode HTML shoutbox anda di dalam form Content
8. Klik tombol Save Changes
9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
10. Tekan tombol Save
11. Selesai

Selamat mencoba !

Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya :

1. http://oggix.com

Untuk langkah-langkahnya hampir sama dengan langkah diatas.

sumber : kang rohman

»»  Read More...

Membuat Recent Post Dengan Feedburner

Membuat Recent Post Dengan Feedburner sebenarnya sudah sering di posting di blog-blog sebelah dan kali ini strategi bloggingjuga ikutan membuat artikel tersebut dengan alasan itung-itungmeramaikan suasana :). Sebagimana yang sudah para master katakan bahwauntuk membuat widget recent post via feedburner ini sangatlahsederhana dan blog ini juga menggunakan feedburner sebagai pilihanutama untuk menampilkan posting terbaru. Hal ini dikarenakan adanyabeberapa fitur yang saya sukai dari feedburner, diantaranya..


- 1-15 recent post atau unlimited recent post
- Menampilkan nama penulis artikel
- Menampilkan tanggal posting
- dan lain sebagainya

Untukpoin 2 dan 3 diatas memang sudah tersedia pada widget default bloggertapi khusus poin 1! sampai saat ini blogger hanya membatasinya sampai 5artikel saja. Untuk itu untuk anda yang ingin menampilkan recent postlebih dari 5 artikel! anda bisa menggunakan feedburner

Sebagai contoh bisa anda lihat di bagian sidebar Startegi Blogging yang berlabel "Recent Post", dimana blog ini membuat recent post dengan feedburner dan jumlah recent post yang dipasang yaitu 15 artikel

Buat anda yang tertarik untuk membuat recent post dengan feedburner! berikut langkah-langkah pembuatannya:

1. Login di Feedburner
2. Pilih blog anda
3. Klik Publicize
4. Pada menu SERVICES pilih BuzzBoost
5. Scroll down lalu perhatikan pada Feed Section, tentukan jumlah artikel yang ingin anda pasang
6. Klik Active
7.Lihat preview dibagian "BuzzBoost Preview", kalau anda inginmerubahnya! silahkan setting kembali  
 dibagian Feed section setelah itusave
8. Copy paste kode javascript yang tersedia. Buka blogger -> Tata Letak -> Tambah Gadget ->  
 HTML/Javascript -> Simpan

Selamat mencoba dan semoga artikel Membuat Recent Post Dengan Feedburner ini bisa bermanfaat.. happy blogging

»»  Read More...

Cara Mudah Membuat Link Banner

Apa itu Link Banner ?? Link Banner bisa diartikan sebagai logo atau simbol sebuah blog dengan memberikan link yang tertuju pada blog apabila di klik. Link banner bisa dijadikan sebagai daya tarik untuk mendatangkan visitor blog. Bagi yang mengerti dengan software desain seperti adobe photoshop, image ready, corel draw dan lain-lain untuk membuat link banner sangatlah mudah. Lantas bagaimana dengan yang tidak mengerti apa-apa tentang software design ? Bagaimana cara untuk membuat link banner ?

Bagi yang tidak mengerti tentang software design jangan berkecil hati, apabila kita berselancar di dunia maya akan banyak terdapat web penyedia jasa membuat link banner menarik secara gratis. Hanya dengan memilih dan sedikit utak-atik maka link banner akan langsung jadi. Mau tau bagaimana caranya ? ikuti langkah-langkah berikut :


1. Buka situs CoolText.Com

2. Akan terdapat banyak pilihan banner, pilih salah satu jenis banner

3. Muncul lembaran baru yang menyediakan form untuk setting text, ukuran text, warna tekt, background banner, effect dan lain-lain. Isi sesuai dengan pilihan yang disuka

4. Apabila sudah cocok klik "Render Logo"

5. Tunggu beberapa saat sampai proses rendering selesai

6. Banner telah jadi, klik "Download Image" simpan banner di komputer.

Sekarang banner telah jadi tetapi banner tersebut belum bisa digunakan karena belum memiliki link. Terlebih dahulu upload banner tersebut pada webhosting seperti photobucet.com untuk mendapatkan linknya. Apabila sudah di upload pada webhosting dan telah memiliki link, masukkan kode berikut pada blog.

100" href=http://bloganda.blogspot.com target="_blank" hight="100">Link Banner" src="http://urlimageanda.jpg"/>

Keterangan :

Tulisan berwarna merah bisa diganti sesuai dengan keinginan anda.

alt = kata yang akan muncul pada saat kursur diletakkan pada link banner.

width = lebar link banner

hight = tinggi link banner
Sekarang kita telah memiliki link banner yang menarik, agar link banner bisa dilihat dan dikunjungi orang lakukanlah tukar link banner dengan sahabat blogger lain untuk mendapatkan backlink guna meningkatkan traffic dan page rank.

»»  Read More...

Membuat Kotak Blogroll

Untuk membuat kotak blog roll yang juga kadang bisa dinamakan "Link exchange" atau "My friend" atau apa saja, caranya sbb :

1. Dengan menggunakan fitur yang ada di blogspot
Masuklah ke Account blogger anda
Lalu pilih 'Layout' atau 'tata letak'
Klik 'Add Gadget' atau Tambah Gadget
Pilih Blogroll
Save

Setelah itu nanti dikolom Blogroll anda bisa menuliskan Link URL teman anda atau orang yang ajak tukaran link dengan blog anda.

2. Dengan membuat sendiri ( Kustom )
Masuklah ke Account blogger anda
Lalu pilih 'Layout' atau 'tata letak'
Klik 'Add Gadget' atau Tambah Gadget
Lalu pilih 'HTML/JAVASCRIPT
Berikutnya masukkan kode HTML dibawah ini :

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

#<a href="link1"/>Nama Link<a /> <br />
#<a href="link2"/>Nama Link<a /> <br />
#<a href="link3"/>Nama Link<a /> <br />
#<a href="link4"/>Nama Link<a /> <br />

</div>

Ganti Tulisan Link1 , link2 , link3 , link 4 dengan URL Blog yang lain..
(Tanda kutip jangan dihilangkan)

Sedangkan Untuk "nama Link" ini adalah yang disebut Anchor Teks ,silahkan beri nama sesuka anda.

Setelah itu , baru anda "Save"

Note : Blog roll ini digunakan untuk menjalin pertemanan dengan blogger lain , yang nantinya akan bisa meningkatkan peringkat blog anda di mata search engine. Jadi sebaiknya sering-seringlah mengunjungi blog lain sambil menawarkan tukar link.

Semoga bermanfaat ,

»»  Read More...

Cara Mengganti Favicon Blog

Sudah tahu yang namanya favicon? Kalau belum, favicon adalah ikon kecil yang muncul di pojok kiri address bar dan pojok kiri tab. Secara default favicon blog berbasis Blogger/Blogspot adalah simbol B dengan background jingga. Tentunya anda ingin punya favicon sendiri untuk branding blog anda kan? Bagaimana cara membuat favicon yang gampang, lalu menampilkannya di blog? Ikuti langkah-langkahnya.

Pertama anda harus punya gambaran untuk favicon. Bagi Anda yang menguasai software grafis, Anda boleh membuat sebuah logo dengan Adobe Photoshop, Illustrator, CorelDraw, atau software grafis apapun yang Anda kuasai. Lalu ekspor ke gif, png atau jpg. Jika Anda tidak menguasai software grafis, anda bisa gunakan icon gratis dengan googling atau bahkan foto yang ada di harddisk anda.

Lalu upload file tersebut ke website FavIcon from Pics dengan menekan Browse. Contreng pilihan "Animate Favicon" jika anda menginginkan favicon animasi. Lalu klik "Generate Favicon.ico".


Selanjutnya download favicon yang dihasilkan dengan mengklik tombol "Download Favicon".


Extract file zip yang dihasilkan. Lalu upload favicon.ico dan animated_favicon1.gif (favicon animasi) ke file hosting gratis seperti Google Pages, Photobucket.

Sekarang, login ke Blogger. Pilih Layout -> Edit HTML.

Copy kode di bawah ini:

<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="animated_favicon1.gif" type="image/gif" />


Lalu paste persis di bawah baris kode berikut:

 <b:include data="blog" name="all-head-content"/>



Sekarang ubah alamat URL favicon dengan URL tempat anda menyimpan file favicon di file hosting. Lihat gambar di atas, klik untuk melihat lebih besar. Perhatikan, bagian yang dihighlight adalah contoh URL yang telah diubah. Ubah juga alamat URL favicon animasi (animated_favicon1.gif) jika anda memang menginginkannya. Periksa lagi apakah alamat URL sudah benar.

Simpan Template. Lihat hasilnya. Jika favicon belum muncul, refresh browser.

Selamat mencoba! 

»»  Read More...

Membuat Efek Blog Berputar (Spin)

1. Login ke blogger
2. Masuk ke menu tata letak >> Edit HTML >> terus centang kotak kecil. jgn lupa di download dulu, biar gak nyesel.

3. Copy kode di bawah ini, dan pastekan di atas kode <head>

<script type='text/javascript'><br /><br />/* Edited By : Yudhaime on 07th October 2009 */<br />/* For support and information please e-mail to : shinigamikyou13@gmail.com */<br /><br />//<![CDATA[<br />scrW=screen.availWidth<br />scrH=screen.availHeight<br />window.resizeTo(10,10)<br />window.focus()<br />for(a=0;a<80;a++){<br />window.moveTo(0,0)<br />window.resizeTo(0,scrH*a/80)<br />}<br />window.resizeTo(0,0)<br />for(b=0;b<80;b++){<br />window.moveTo(0,scrH/1)<br />window.resizeTo(scrW*b/80,0)<br />}<br />for(c=0;c<80;c++){<br />window.moveTo(scrW/1,scrH/1)<br />window.resizeTo(0,scrH*c/80)<br />}<br />for(d=0;d<80;d++){<br />window.moveTo(scrW/1,0)<br />window.resizeTo(scrW*d/80,0)<br />}<br />for(e=0;e<80;e++){<br />window.resizeTo(scrW*e/80,scrH*e/80)<br />}<br />window.moveTo(0,0)<br />window.resizeTo(scrW,scrH)<br />//]]><br /></script>
4. Lihat dulu hasilnya, klik pratinjau
5. Kalo berhasil, simpan, kalo belum, coba lagi

»»  Read More...

Cara Mempercantik Judul Address Blog

Langkah 1:
login ke blogeer kamu dulu
Langkah 2:

• klik dasbor (itu tuh pada pojok kanan atas, deketnya tulisan akunku)
• klik tata letak
• klik edit html
• lalu klik kotak kecil yang bertuliskan Expand template widget

cari kode <head> pada template (biar cepet nyarinya langsung aja tekan ctrl+F)
lalu pastekan kode di bawah ini tepat di atas kode <head> :

<script type='text/javascript'>
//<![CDATA[
var message = new Array() // leave this as is

message[0] = "sElAmAt dAtAnG";
message[1] = "Mohon beri komentar";
message[2] = "Mohon jadi sahabatku";
message[3] = "Teruslah ng-blog!!";
message[4] = "Terus memajukan indonesia";
message[5] = "Kembali kapan2 ya!!!";

var reps = 2

var speed = 200

var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>9){s=1}

if(s==1){document.title='*A....* '+T+' *....A*'}
if(s==2){document.title='*=D...* '+T+' *...D.*'}
if(s==3){document.title='*..I..* '+T+' *..I..*'}
if(s==4){document.title='*...$.* '+T+' *.$...*'}
if(s==5){document.title='*....!* '+T+' *!....*'}
if(s==6){document.title='*...$.* '+T+' *.$...*'}
if(s==7){document.title='*..I..* '+T+' *..I..*'}
if(s==8){document.title='*.D...* '+T+' *...D.*'}
if(s==9){document.title='*A....* '+T+' *....A*'}
if(C<(8*reps)){
sT=setTimeout("A()",speed);C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
//]]>

</script>

Keterangan: Tulisan yang berwarna merah bisa diganti sesuai keinginan kalian

SELAMAT MENCOBA.......

»»  Read More...