TIPS NGEBLOG PALING AMPUH DARI BERBAGAI BLOG.

Sekarang saatnya saya ingin mempersatukan tips-tips blog yang bertebaran diseluruh indonesia,saya tidak ingin anda para blogger kesusahan mencari tips blog apa yang anda cari,saya tidak ingin para newbe seperti saya dulu,yang sangat kesusahan dan menyita waktu saya hanya untuk mencari tutorial-tutorial mempercantik blog.
Semoga dengan artikel saya ini anda para blogger dapat mencari apa yang anda cari,tanpa repot kesana kemari,walaupun cuma COPY PASTE tapi masing-masing tulisan sudah mempunyai LINK sendiri penulisnya.
Saya akan terus kumpulkan artikel-artikel mempercantik blog.
Mungkin suatu saat saya akan menambah tulisan tips blog tetap pada judul dan artikel yang sama.
Salam blogger indonesia.

ganti tampilan cursor blogmu

di dalam artikel kali ini saya akan coba kasih trik tentang mengganti tampilan
cursors. mungkin tidak sedikit yang sudah mempostingkan trik ini di blog para
master pendesain website. di sini saya hanya ingin memperluaskan trik ini.
sekalian dari pada ngga ada topik artikel.. hehe.. =D

bila anda sudah merasa bosan dengan tampilan cusrors blog anda,dan ingin
mengganti tampilan cursornya sesuka anda, bisa ikuti langkah-langkah berikut:

1. tentu saja Login ke Blog anda.
2. kemudian buka menu LAYOUT, kemudian pilih EDIT HTML.
3. beri (centang) pada kotak Expand Widget Templates.
5. cari dan temukan kode body {
6. copy-pastekan script kode berikut persis di bawah kode body {.

cursor: url("http://imge-URL anda.gif"), default;

7. ganti tulisan yang berwarna hijau dengan alamat URL gambar pilihan anda.
8. anda bisa mencari cursornya dengan kunjungi situs cursors
9. Cara mendapatkan URLnya, silahkan anda klik kanan pada cursor yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location.
10. preview blog anda, untuk melihat hasilnya.
11. Klik Simpan Template jika sudah sesuai dengan keinginan anda.
12. Selesai.

Selamat mencoba, semoga bermanfaat

Read More......

membuat buku tamu tersembunyi

buku tamu dalam blogger menurut saya sendiri cukup penting, karena dengan adanya
buku tamu ini si pengunjung blog bisa meninggalkan pesan dan kesan blog anda ataupun
untuk saling berkomunikasi antara sahabat blogger dengan meninggalkan pesan.
bagi anda yang belum pasang fasilitas ini, saya sarankan segera bikin deh,..
biyasa buku tamu ini banyak yang menggunakan layanan dari shoutmix.
nah, buku tamu ini bisa anda sembunyikan untuk memper sempit layar blog anda.

ini dia Bagaimana caranya membuat buku tamu atau shoutmix tersembunyi.
ikuti langkah-langkah berikut:
1. Masuk ke account Blogger kamu, pilih Layout: kemudian Page Elements.
2. Klik "Add a Gadget" yang mana saja, kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:

masukan kode buku tamu anda di sini

[close]

catatan!
1. tulisan yang berwarna kuning untuk mengatur posisi, bisa anda ubah sendiri.
2. ganti texs berwarna merah dengan kode buku tamu anda.
3. texs warna hijau merupakan warna background, bisa anda rubah warnanya.
selesai, semoga bermanfa'at.

Read More......

gambar melayang di blog

sebelumnya mau minta ma'af apabila postingan saya kali ini tidak berguna
dan tidak bermutu, langsung di close saja. di sini saya hanya ingin
shering kepada anda yang membutuhkan trik ini.

anda bisa lihat previuwnya di blog ini, itu kan ada gambar melayang di
samping kiri atas blog ini. nah itu sudah cukupkan buat contohnya.
ok, sampai di sini saja ngoceh-ngocehnya, siapa tau anda sudah ngga sabar
buat mengexperimenkan-nya.. udah ga sabar??
ikuti langkah-langkah berikut:

1-Login ke account blogger anda.
2-Click Layout--->
3-Click Edit HTML--->
4-Letakkan code dibawah ini sebelum

bottom:5px;left:5px;' title='Blog Invest'>http://i932.photobucket.com/albums/ad161/mamad_bucket/vf.gif'/>

Catatan:
1. Kode yang berwarna hijau ganti bottom atau top.
2. Kode yang berwarna kuning ganti left atau right.
3. Kode yang berwarna merah ganti dengan URL gambar kamu.
4. save dan lihat hasilnya.

selamat mencoba.

Read More......

kode warna

bagi anda yang sedang cari-cari kode warna dengan mudah,di sinilah tempatnya:
caranya sangat mudah, yaitu tinggal arahin saja cursor ke warna yang anda
inginkan, nanti di situ akan keluar kodenya.
cukup sekian ngoceh-ngocehnya, semoga bermanfa'at.

Kode warna di sini :

Read More......

title bar blog bergerak

memang kemarin saya sudah membahas tentang title bar berjalan,
mungkin ini tidak jauh berbeda dengan yang kemarin saya postkan.
cuma yang saya postkan sekarang lebih banyak jenisnya.
title bar di sini ada 13 macam jenisnya, sehingga ada beberapa
pilihan yang membuat bingung anda. =D
caranya sangat mudah, yaitu:
A. login ke blogger, kemudia ke menu Layout, pilih Edit HTML.
B. jangan lupa beri tanda centang pada kolom Expand Widget Templates.
C. letakan kode-kode berikut di bawah kode:

D. ini dia script kode ke 13 jenis tersebut:
1. title bar center

2. title bar scroll left.

3. title bar scroll right.

4. title bar blink.

5. title bar letter picker.

6. title bar random letters.

7. title bar random placer.

8. title bar elastic.

9. title bar message scroller.

10. title bar R-Banner.

11. title bar title wiper.

12. title bar bounce.

13. title bar title bar shooter.

catatan!
-> ganti texs yang berwarna merah dengan tulisan yang anda mau.

Read More......

Membuat Block Berwarna

sesuai judul yang di atas yaitu Membuat Block Berwarna. dengan memasukan trik
ini ke dalam blog anda. jika ada pengunjung yang ingin copy paste blog anda
kan pasti akan melalui di block dulu kan?
nah tampilan blognya itu akan menjadi lebih unik and menarik pastinya.
sebagai contohnya, coba kamu block post blog ini. tulisan yang tadinya
berwarna kuning tua itu berubah warnanya menjadi putih.
gimanah?? bagus kan??

bagi kamu-kamu yang ingin dan tertarik untuk memasang di blognya, nanti akan saya kasih kode scpitnya. caranya sangat mudah yaitu cukup ikuti langkah-langkah berikut:

1. Masuklah ke halaman edit HTML.
2. cari kode ]]>.
3. letakan kode HTML berikut di atas kode ]]>.

::-moz-selection {
background: none;
color: #ff0000;
}

4. save tempelate.

catatan!

-> texs yang berwarna hijau merupakan backgroun (none)
jika ingin memberi backgroun nya, gunakan lah kode warna.

-> texs yang berwarna merah adalah warna teks yang telah di block (#ff0000).
anda bisa mengganti kode warna tersebut
menurut selera anda.

the and,.. happy blogging.

Read More......

gambar link jadi transparan

bagi anda-anda yang ingin membuat gambar yang ada di blognya menjadi
transparan/samar-samar bisa dengarkan dengan cermat dan teliti, karena
kalo tidak ntar bisa di marahin pak guru! kasian deh Lo!
ups,. nglindur neh,. hehe,.
maksudnya bagi anda yang berminat buat ngasih nih trik. baca dengan benar ya.
trik ini akan tampak jika cursor di arahkan ke gambar yang mengandung link tersebut.
kode ini juga tidak akan jalan jika anda tidak memasukan link di gambar tersebut.
pereview:

berikut cara-caranya:
1. login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. kasih tanda centang pada kotak "expand widget template"
3. pastekan kode di bawah persis di atas kode HTML ]]>.

.linkopacity img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;}
.linkopacity:hover img {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;border:0;}

4. kemudian simpan.
5. lalu masukan kode class="linkopacity" kedalam gambar.
caranya begini:

http://www.xolix.co.cc/"class="linkopacity">http://i932.photobucket.com/albums/ad161/mamad_bucket/TENGKORAKbanner-1-1.jpg"/>

6. selesai.

catatan!
-> texs yang berwarna kuning adalah link.
-> texs berwarna merah itulah yang harus anda masukan.
-> texs warna hijau merupakan URL gambar.

Read More......

Message Wellcome Alert and Goodbye Alert

Message Alert adalah sebuah pesan yang di berikan olah pemilik website
untuk pengunjung website. pesan-pesan ini akan muncul ketika membuka
blog atau akan meninggalkan blog tersebut.
Message Alert di sini saya bagi menjadi dua, yaitu:

1. Message Wellcome Alert adalah sebuah pesan ketika waktu
membuka website.
pesan ini bisa anda isi dengan ucapan selamat datang, assalamu'alaikum,
apa kabar, .. dll. sesuai selera anda lah,. hehe,.

2. Message Goodbye Alert adalah sebuah pesan ketika waktu
meninggalkan website.
pesan ini bisa anda isi dengan ucapan terimakasih sudah berkunjung,
hati-hati di jalan,.. awas kepleset! hik hik hik,... dll.
sesuai selera anda juga lah,. hehe,.

OK, bagi anda yang tertarik ingin memasangnya di blognya, anda bisa
ikuti langkah-langkah berikut:
seperti biasa lah.
1. login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. jangan lupa Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script-script berikut sebelum kode .

-> untuk yang Message Wellcome Alert masukan script:

-> untuk yang Message Goodbye Alert masukan script:

4. save dan lihat hasilnya.

catatan!
-> texs yang berwarna merah itulah yang harus anda ganti dengan
kata-katamu sendiri.
-> anda juga bisa memasukan kedua script tersebut kedalam blog anda,
sehingga blog anda nantinya akan ada Message Wellcome Alert and
Goodbye Alertnya.

Read More......

image berterbangan di blog

dalam episode kali ini, hallah! pake episode segala,. hik hik hik,.
OK, dalam pembahasan ini saya akan berikan script-script kode HTML
untuk membuatimage berterbangan di blog.
sudah taukah anda image-image yang beterbangan itu??
bagi yang belum tau bisa kunjungi:
1 .image kupu-kupu
2 .image kampret.


gimanah?? sudah lihat contohnya belum??
menarik bukan?? pasti jadi penasaran yah ingin nyoba-nyoba pasang?
udah ga sabar?? sabar OM! hik hik hik,.

baik lah cukup di sini saja main-mainnya, mulai serius ya,.
ini dia langkah-langkah pasangnya:
1. seperti biasa, login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. jangan lupa Beri tanda centang pada kotak "expand widget template"
3. Lalu temukan script kode HTML ]]>.
4. bagi anda yang sudah ga sabar ingin cepet-cepet memasangnya dan
tidak ingin berpusing-pusing ria. saya telah sediakan kode scriptnya, sehingga anda hanya memasukan tanpa menghosting sendiri.

4. save dan lihat hasilnya.

catatan!
-->jika anda ga berhasil, berarti tempat hosting bermasalah, mohon di maklum. hehe..

Read More......

mempercantik cursor blogmu

hulla para master blogging, di sini saya akan shere tentang cursor lho..
bagi para master yang sudah anggapnya ga berguna and ngga bermutu mohon close saja.
saya hanya newby yang bodoh and bego! hallah! apa'an seh,.

dalam trik kali akan mencoba kasih trik untuk mempercantik cursor blog anda.
cursor ini tampak "tulisan yang melingkar di cursor".
mungkin bagi anda yang ingin mencoba iseng-iseng atau mau pakai trik ini
bisa ikuti langkah-langkahnya nanti.
tapi bagi anda yang ingin pakai trik ini musti tau yang namanya tempat hosting.
kalo tidak tau juga ga papa dink. nantinya saya akan kasih beberapa link
yang sudah siap pakai, gampang kan??

bagi anda yang ingin cepet-cepet pakain trik ini bisa ikuti langkah-langkah berikut:
1. seperti biasa login ke blogmu,terus ke "Layout" pilih "Edit HTML"
2. beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode .

1. kghh
2. ugfgu

Read More......

membedakan comment pengunjung dengan pemilik blog

sesuai dengan judul yang tertera di atas, yaitu membedakan
Comment pengunjung dengan pemilik blog.
dengan adanya perbeda'an seperti ini akan lebih memperjelas
Comment antara si pengunjung dengan pemilik blog.
pengen tau caranya bikin??
OK, langsung saja ke TKP:

1. Login masuk ke blog anda,pilih menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy paste HTML berikut ini sebelum kode ]]>.

.comment-body-author {
background: #F2F5F5; /* Warna Background */
border-top: 1px dotted #D0F4F5;border-bottom: 1px dotted #D0F4F5;border-left: 1px dotted #D0F4F5;border-right: 1px dotted #D0F4F5;
margin:0;
padding:0 0 0 20px;
}

4. temukan kode-kode HTML berikut:
ups, kemungkinan besar kode-kode yang ada di blog anda akan ada
perbeda'an. tapi usahakan semirip mungkin dengan kode-kode berikut:

5. text yang berwarna merah itulah yang harus anda tambahin di HTML blog anda.
jangan sampai salah, kemudian save.

Catatan!
semuga berhasil!..

Read More......

title bar blog berjalan

apa sih yang di maksud title bar berjalan??
itu loh judul yang ada di atas(title bar).
pernah kan anda melihat title bar yang berjalan/bergerak?
terlihat lebih unik dan menarik di lihatnya,pengen tau caranya pasang di blogmu?

pereview

caranya sangat mudah, yaitu dengan mengikuti langkah-langkah berikut:

1. login ke blogger, kemudia ke menu Layout, pilih Edit HTML.
2. jangan lupa beri tanda centang pada kolom Expand Widget Templates.
3. temukan HTML berikut:

4. ganti kode di atas dengan:

catatan!
1. texs berwarna hijau adalah judul/title bar blogmu.
anda bisa menggantinya sesuka anda.

2. texs berwarna merah di atas adalah merupakan kecepatan pergerakan,
jika anda menambahkan angka, maka kecepatan akan berkurang/jadi lambat.
sebaliknya,jika anda mengurangi angka, maka akan menjadi semakin cepat.

semoga bisa membantu.
selamat mencoba.

Read More......

membuat blog 3 kolom

pada dasarnya tempelate hanya terbagi dua.
seperti anda ketahui tempelate yang di sediakan pihak
blogger/blogspot sangat terbatas.
anda bisa mengubahnya sesuai dengan keinginan anda.
untuk mengubah semua itu ga mudah loh,. musti ada niat dolo! hehe..
misalnya anda ingin merubahnya menjadi 3kolom.
OK langsung saja ke TKP.

1. buka menu LAYOUT, kemudian pilih EDIT HTML.
2. beri (centang) pada kotak Expand Widget Templates.
3. temukan kode HTML berikut.

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }/span>

4. copy kode di atas, lalu pastekan tepat di bawah kode tersebut.jadi ada 2 yah??
lanjut.. kode yg berwarna merah anda ganti dengan#left-sidebar-wrapperkode ini
bertujuan untuk membuat css jadi unik.float: left; kode ini yang akan membuat
sidebar derada di sebelah kiri.
jadi kode akan terlihat seperti ini:

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }/span>

#left-sidebar-wrapper {
width: 220px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }/span>

5. kemudian temukan HTML bi bawah ini:

6. paste-kan kode di bawah ini tepat sebelum kode di atas:

7. coba preview blog anda, anda akan melihat kolom ke 3 berada di atas main section,
waduh! anjrit! jadi berantakan!
tenang saja,itu di karenakan belum merubah nilai “Outer Wrapper”.
jadi hanya bisa untuk 2 kolom.
untuk merubah nilai “Outer Wrapper”,ikuti langkah-langkah berikut:
temukan HTML berikut:

/* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 660px ;
margin:0 auto; padding:10px; text-align:left; font: $bodyfont; }

anda harus merubah lebar dari wrapper,ganti angka 660px menjadi 880px.

8. Anda juga harus mengganti lebar dari header-wrapper ke angka 880px,
lihat kode di bawah:

#header-wrapper { width: 880px ; margin:0 auto 10px; border:1px solid $bordercolor; }

9. sampai sini anda bisa save template anda,coba view blog,anda akan melihat kolom
ke 3 yang masih kosong. itu di karenakan anda belum pasang wignet di sana.

10. tambahkan wignet apa saja yang anda inginkan,pada sidebar/kolom baru dengan
cara: buka menulayout - Page Elements - Add a wignet .

11. anda belum selesai sampai di sini, jika anda menambahkan widget pada sidebar di sebelah kiri anda akan melihat bahwa widget tersebut akan melebar sampai menembus
main body (tempat artikel/tulisan kita berada). Untuk mengatasinya kita cari kode berikut
pada HTML blog kita:

#main-wrapper {
width: 410px;
float: left;
margin-left: 20px
; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

Kode yang saya beri tanda warna merah adalah yang harus anda rubah nilainya
seperti di atas.

12. selesai! sekarang anda memiliki 3 sidebar/kolom.

Read More......

Pasang Situs Off/Online Yahoo Messenger

pembahasan kali ini, saya akan menerangkan bagaimana cara pasang situs
Yahoo Messengger di blog.
dengan adanya yahoo ini nantinya si pengunjung bisa langsung berinteraksi
langsung dengan anda.
pereview.

misalkan messenger anda offline, akan tampak seperti ini:


jika online, maka akan tampak seperti ini:


Cara pasang sangat mudah anda tinggal copy script berikut ini trus anda pasang
di sidebar, tahu kan cara pasanganya, seperti kalo km masang "page element", Masuk
ke" Page Element" trus "Add a Gadget --> HTML/Javascript".

Yahoo Messenger"> Yahoo Messenger&m=g&t=2&l=us"/>

catatan!
1. tulisan yang berwarna merah (Yahoo Messenger) dengan id YM anda.

2. angka berwarna hijau ("2") itu merupakan jenis-jenis nya,misal anda ganti angka,
maka tampilan nya akan berbeda-beda.
anda bisa ganti angka tersebut dari angka 1 sampai 24.

selesai..

Read More......

menghilangkan tanggal postingan

mengHidden/ menghilangkan tanggal di postingan,caranya pengen tau?
OK langsung saja.
seperti biyasa ikuti langkah-langkah berikut:

1. buka menu LAYOUT, kemudian pilih EDIT HTML.
2. beri (centang) pada kotak Expand Widget Templates.
3. temukan kode HTML berikut:

h2.date-header {

4. jika sudah ketemu, tambahkan kode ini visibility: hidden; di antara kode tersebut.

lihat contoh berikut:

h2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#777;
height: 0px;
visibility: hidden;
}

kode yang berwarna merah itu adalah kode tambahan.
caranya sangat mudah kan, hanya menambahkan secuil HTML.

5. selamad mencoba, and happy blogging.

Read More......

anda pasti sudah tau kan yang di maksud dengan kotak Link Exchange?
itu lho yang biyasanya tempat untuk tukeran link atau pasang banner.
yang biyasanya seperti ini:
<a href="http://www.xolix.co.cc/"><img border="0" width="150" src="http://i932.photobucket.com/albums/ad161/mamad_bucket/TENGKORAKbanner-1-1.jpg" height="30" /></a>

sering melihatnya kan.
pengen tau caranya??
1. Login ke blogger trus pilih Layout --> Page Elements.
2. klik Add Gadget lalu pilih HTML/Java Script.
3. kopi kode berikut ini di tempat yang disediakan.

20</span>"><a href="<span style=">http://www.xolix.co.cc/</span>"><img src="<span style=" />http://i932.photobucket.com/albums/ad161/mamad_bucket/TENGKORAKbanner-1-1.jpg</span>" width="<span style="color: rgb(102, 0, 255);">90</span>" height="<span style="color: rgb(102, 0, 255);">17</span>" border="0" /></a>

catatan!
-> text yang berwarna hijau adalah lebar dari kotak.
-> text yang berwarna biru adalah link alamat web anda.
-> text yang berwarna merah adalah alamat gambar link anda.
-> text yang berwarna ungu merupakan ukuran dari gambar.
isi kotak di atas, jika di copy paste-kan akan jadi seperti ini:



selamad mencoba.

Read More......