Cara Membuat Gadget Penghitung Pengunjung Online

Membuat gadget penghitung pengunjung yang online di blog kita masing-masing saya rasa sangat diperlukan dan dianjurkan. Karena dengan demikian pemilik blog bisa tahu sudah sejauh mana kepopuleran blognya sendiri.

Perlu diketahui kalau gadget yang satu akan tampil bukan di blog walaupun nantinya diletakkan di side bar. Dengan kata lain, gadget ene akan tampil tepat di pinggir browser. Oke, kita mulai untuk membuat gadget penghitung pengunjung online dengan mengikuti langkah2nya d bawah ini :


1. Browsing ke alamat berikut http://whos.amung.us/

2. Melakukan pengaturan tampilan posisi gadget.
Di website tersebut , kita dapat memilih gemana nantinya posisi gadget tsb d blog kita

Gunakan pilihan yang d lingkari garis tipis untuk menentukan posisi gadget. Contoh dari tampilannya bsa dlihat d samping. Cth screenshot memilih posisi gadget bisa d lht d ats.

3. Install gadget d blog.
Copy paste script seperti yang d lingkari hijau tebal d atas ke sidebar blog sobat. Masih belum tahu gimana menambahkan gadget baru di side bar? , klik di sini untuk mengetahui caranya

Bagaimana? Mudahkan? Apakah penjelasan dari Raffkhan mudah dipahami? Share semua d sini ya !! Seep buat cara membuat gadget penghitung pengunjung online and salam blogger

Read more »

Membuat Gambar Selalu Melayang di Pojok

Trik yang satu ini lebih dikenal dengan sebutan Floating Image walaupun sebenarnya bukan hanya image / gambar saja yang bisa dibuat mengapung tapi segala bentuk kode HTML termasuk menu yang apabila diletakkan didalam layer (tag) itu akan bisa dibuat selalu melayang mengikuti arah scroll alias selalu berada di bagian paling depan. Trik ini ada juga nama lainnya yang sering di sebut para blogger yaitu diantaranya ada yang mengatakan trik ini "membuat anu selalu di pojok", "menjadikan gambar selalu berada dibagian paling atas dan melayang di blog", "membuat menu / gambar mengapung" dan lain sebagainya. Baiklah langsung saja saya jelaskan cara membuat gambar selalu berada di pojok suatu halaman website kamu.




Langkah 1 : Pastikan kamu sudah login di blogger

Langkah 2 : Pada halaman Dashboard pilih » Design » Edit HTML » Centang Expand Widget 



Langkah 3 : Cari kode ]]></b:skin> (gunakan tombal CTRL+F untuk mencarinya)

Langkah 4 : Letakkan kode dibawah ini sebelum kode tersebut

#hitsuke_corner {position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);}

Langkah 5 : Masih dibagian Edit HTML cari lagi kode </body> lalu tambahkan kode dibawah ini sebelum kode tersebut

<div id='hitsuke_corner'>
<a href='http://hitsuke.blogspot.com'>
<img border='0' src='https://lh6.googleusercontent.com/_IjrRiI_bVb0/TXN8NlmsaoI/AAAAAAAAHK8/ZaPFvSXIvAQ/Deidara.gif'/></a>
</div>

Langkah 6 : Save template kamu dan lihat hasilnya. Selanjutnya kamu edit dan pelajari sendiri yah ^^

Read more »

Cara Membuat Daftar isi Blog

tips kali ini saya berbagi cara membuat Dafatar isi Blog.
contoh :

Berikut Langkah - langkahnya :

* Sign in

* klik Layout atau Tata Letak

* Klik Edit HTML

*
Agar dalam pengeditan tidak terjadi apa - apa dalam blog temen - temen, silahkan klik link bertuliskan download Template Lengkap. ini di fugnsikan jika script yang dihasilkan tidak sesui dengan kehendak maka bisa dikemblikan seperti semula.

* Berilah centang pada Expand Widget Template (agar code widget muncul)

* Setelah itu cari kode seperti dibawah ini :

<b:include data='post' name='post'/>

* Delete / hapus kode diatas, lalu ganti dengan kode dibawah ini :

Spoiler:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

* Klik tombol Simpan Template.

* Selesai. Langkah pertama sudah selesai.


Setelah langkah di atas selesai,

* Klik Gedget.

* Klik tulisan Tambah Gedget.

* lalu pilih HTML/JavaScript.

* Copy paste kode berikut :

<a href="http:// NamaBlogAnda .blogspot.com/search?max-results= 200 ">Daftar isi&raquo;</a>


* Ganti NamaBlogAnda nama blog anda sendiri.

* Jika angka 200, adalah jumlah posting yang ingin di munculkan.

* Klik tombol Simpan Perubahan .

* Selesai.

Keterangan :

Jika temen - temen bisa, Temen - temen bisa memodifikasi bentuk dari daftar isi ini, apakah mau di kasih backround gambar, bentuk huruf yang berbeda atau apa saja dengan mengubah kode CSS.Code di bawah ini adalah code pertama(1) paling atas.

 <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">

Contohnya bisa dilihat disini

Artikel ini mengutip dari blog kangrohman.

Selamat mencoba Cara Membuat Daftar isi Blog, semoga berhasil.

Read more »

Cara Membuat Alexa Ranking Toolbar

Hey nie khusus buat blogger pemula yang ingin membuat sekaligus melihat ranking blogs di alexa.com 
ataupun hanya sekedar mau mengiasi blogger dengan alexa toolbar

caranya mudah masuk dulu ke alamat alexa.com
lalu lihat gambar dibawah ini

lalu cari link Get Traffic Widgets

kalu udah tinngal masukin alamt blogs sobat aja terus pilih bentuk sesuai keinginan sobat aja...

Kalu udah masukin tinggal klik "Build Widget "

teru tinggal copy kode HTML yang aga terus copas di blog sobat....
giman mudah bukan tutorial dari saya....!!! Happy blogging...!!

Read more »

Mengganti domain blogspot menjadi co.cc gratis!!

Kalau mendengar kata gratis siapa sih yang tidak mau,, iya ga?? apalagi ini domain-nya keren juga kan .co.cc. hehe... Zoel aja baru kemarin buat dan ternyata mudah sekali, dan cepat, mungkin bisa terhitung sekitar 5 menitan, tidak usah nunggu sampe 24 jam,, atau mungkin lebih lama lagi...
Kalau ada yang mau buat ayo kita mulai...

Tahapannya seperti ini:
1. Sobat pastikan sudah memiliki e-mail karena pastinya akan sangat di butuhkan  (pastinya)

2. Sobat mencari hostingan yang nantinya akan di gabungkan dengan domain .co.cc sobat,
3. Buat account di .co.cc kemudian setting dengan hosting yang telah sobat pilih
4. Siapkan mental agar semuanya bisa berhasil,,hehe..

Untuk tahapan pertama tidak usah diterangkan ya,, soalnya sobat juga udah bisa kalau untuk yang satu ini,
Nah sekarang tahapan yang kedua, sobat buat account di hostingan yang telah sobat pilih mau di blogspot, 000webhost, dan sebenarnya masih banyak lagi, tapi kalau bisa zoel usulin siy yang blogspot aja, coz ini lebih familiar dan mudah. Tapi kalaupun sobat mau daftar hostingan di 000webhost ya ga apa-apa. Tapi berhubung postingan terlalu panjang mendingan satu-satu ya, sekarang kita setting dengan hosting di blogspot.
3. Silahkan ceck dulu nama domain yang ingin sobat buat, setelah cocok sobat bisa langsung sign up/daftar


daftar langsung saja disini ,,

Setting di co.cc
Nah setelah dapat domain yang sesuai, nantinya sobat harus setu up dulu,
seperti gambar di bawah ini...



Abaikan Menu 1>> manage DNS / kosongkan name servernya, anda langsung  Zona Record
Isi add record dengan isian sebagai berikut :
Host : isi dengan nama domain yang sudah anda daftarkan misal : www.namablog.co.cc
TTL : 1 D (tidak perlu dirubah)
Type : cname
Value : ghs.google.com
 Kemudian klik Setup

 setting di blogspot,
1. Masuk / login ke blogger.com.
2. Masuk menu setting >>> Publishing
3. Kemudian pilih “Switch to: • Custom Domain”
4. Klik already “Already own a domain? Switch to advanced settings”
5. Isikan pada kolom “Your Domain” dengan domain co.cc yang anda daftarkan tadi.
6. Use a missing files host? pilih No.
7. Masukan Word Verivication dan klik Save setting

Read more »