Bagi para pemula blogger kayaksaya yang memulai semua dari enul,Belajar blog yang cukup bikin otakbureng mata pening adalah kalamengedit kode HTML. Dalammengedit kode HTML dibutuhkanketelitian dan kehati-hatian yangdisertai kesabaran. Tapi sebenarnyajika memang sungguh-sungguh editkode HTML itu bukanlah hal yangmeyeramkan melainkanmenyenangkan. Tapi bagi saya kodeHTML teteplah jadi momox, sebagaiorang awam saya kadang bisadengan mudah edit kode HTML tapijuga kadang pakek lama, berikutadalah Tip-Trik Edit kode HTML yangsaya kira aman dan mudah untukacara edit HTML.


1. Back-up dulu sebelum mengedit.


Sebelum mengedit template Anda,Anda mungkin ingin menyimpansebuah salinan dari templatetersebut.download templatelengkapTulisan ini mengingatkan kita agarmengkopi dulu sebelum mengeditanda bisa mengkopi dengan denganmendownloadnya atau mengkopisecara manual dengan crtl+A klikkanan copy paste di notepate ato diword.Hal ini di maksudkan untuk berjaga-jaga dan siaga dalammenghindarkan diri dari hal-hal yangtidak diinginkan. Misalnya sajaterjadi keerroran yang luar biasa dananda pun kualahan untukmemperbaikinya, maka sate sajasoallnya kita dah punya copianyajadi tinggal pasang aja dah beresseperti sedia kala.


2. Contreng pada bagian ExpandTemplate Widget


Jika anda hendak membuat readmore atau yang lainya, sebelummengedit HTML anda perlumencontreng kotak Expandtemplate widget agar anda bisamendapati kode-kode yang hendakanda ganti. Jika anda tidakmencontreng terlebih dulu mustahilanda bisa menemukan kode yanganda cari.


3.Gunakan menu edit kemudian pilihsub menu find on this page ataugunakan tombol ctrl+F dan masukankode yang ingin di cari, cara iniadalah cara mempermudah danmempercepat pencarian kode yanganda cari.


4. Jika proses edit anda bermasalahalias error maka pahami kesalahananda dan perbaiki kesalahantersebut, setiap ada kesalahan editHTML dah pasti ada peringatankesalahan bukan? Dari situ anda bisatau letak kesalahan anda.


5. Jika memang sudah berusaha tapitetap tak kunjung berhasil,janganlah terburu-buru putus asatetaplah berusaha hinggakeberhasilan benar-benar nyata.


Tip-trik edit kode HTML dari seorangawam mungkin cukup lima sajauntuk tip yang lain silahkan carireferensi yang lain agar nuansapengetahuan andapun juga semakinluas. Semoga yang sedikit dari orangawam ini bisa bermanfaat bagi yangmembutuhkan saja. Postingan Tip-Trik Edit kode HTML ini saya masukandalam label belajar blog bukandalam label tip-trik ngeblog sampekpuol karena ini saya anggap bagaiandari utak-utik blog.


semoga bermanfaat

| | Teruskan 0 komentar |

Banner merupakan salah satu
alternatif jika kita ingin beriklan
melalui blog kita.. Banner biasanya
berbentuk kode javascript yang
harus kita masukkan ke dalam
halaman HTML/Javascript.. Lalu
bagaimana cara memasukkannya??
Caranya :


1. Sign in menggunakan akun
blogger anda..
2. Pilih halaman tata letak ( layout )
3. Pilih elemen halaman
4. Pilih add a gadget ( tambah
gadget )
5. Pilih HTML/Javascript
6. Copy paste code banner anda
7. Save/simpan
8. Selesai dah …

Semoga artikel yang cukup pendek ini bisa membantu
dan bermanfaat.


Selamat mencoba.

| | Teruskan 0 komentar |

Untuk membuat tampilan
tulisan atau postingan kita
lebih menarik, tentunya
kita harus menyertakan
gambar di dalamnya. Dalam tulisan,
untuk menjelaskan sesuatu hal
pembaca akan lebih tertarik jika
gambar yang kita pasang juga sesuai
bentuk dan ukurannya.

Dan untuk menambahkan link di
setiap gambar yang kita upload ke
dalam tulisan kita, agar jika gambar
tersebut di klik oleh pembaca, akan
keluar halaman url yang kita
inginkan. Misalnya sobat akan
membawa pembaca ke halaman
dimana sobat mempromosikan iklan
- iklan sobat, atau membawa
pembaca ke halaman link url sobat.
Bagi sobat yang belum mengetahui
cara mengupload gambar ke dalam
postingan di blog sobat, berikut
sedikit penjelasannya.

1. Login ke Blogger menggunakan ID
sobat.
2. Klik Entri Baru.
3. Didalam postingan lihat gambar
seperti dibawah ini.
4. Kemudian klik Upload Images. dan
browse untuk mencari gambarnya.
5. Lalu klik tombol OK
6. Untuk menambahkan link ke dalam
gambar, klik pada gambar dan klik
tombol link yang ada di bagian atas
kolom postingan.
7. Kamudian masukkan alamat url yang
sobat inginkan
8. Setelah itu klik OK

Sangat mudah, silahkan di coba !

| | Teruskan 1 komentar |

Selain tabel dan kolom, teks area
atau teks di dalam kotak juga
berfungsi sebagai pemisah bagian
agar penulis bisa menentukan objek
mana yang perlu mendapatkan
perhatian oleh pembacanya, nah
sekarang kita mulai yuk.
Silahkan perhatikan kode dibawah
ini :

<textarea rows="5"
cols="30">TULISAN DALAM KOTAK</
textarea>

Kode diatas akan menghasilkan
tampilan sebagai berikut :


TULISAN DALAM KOTAK

Perhatikan teks yang berwarna
diatas ,rows="5" adalah ukuran
lebar dan cols="30" adalah ukuran
panjang, ukuran ini bisa Anda
sesuaikan dengan kebutuhan Anda.
Penggunaan teks area yang
biasanya dipakai oleh rekan blogger
di blog mereka adalah untuk
memasukan kode tukeran link
seperti saya contohkan dibawah ini:

<a<br />href="http://e-xceo.blogspot.com/"<br />target="_blank" title="new">XCEO blog's"<br />> border="0" height="20"<br />width="150" /></a>

Sumber kode dari tampilan diatas
adalah sebagai berikut :

<textarea rows="5" cols="45"><a
href="http://e-xceo.blogspot.com/"
target="_blank" title="new">XCEO blog's
border="0" height="20"
width="150" /></a></textarea>

Gimana mudah bukan,semoga bisa
membantu menjawab pertanyaan
Anda dan selamat mencoba..

| | Teruskan 0 komentar |

Sebelumnya akan saya jelaskan
terlebih dahulu apa yang dimaksud
Alexa traffic rank,yaitu sebuah
peringkat yang dibuat oleh
alexa.com berdasar kan kunjungan
website kita dan data kunjungan
kita itu berdasarkan jutaan
pengunjung yang memasang toolbar
alexa traffic rank pada blog
mereka,alexa traffic rank sangat
berbeda dgn sitemeter bahkan bisa
dibilang kebalikannya,peringkat
alexa dimulai dari satu,berarti angka
satu yang paling bagus
peringkatnya jadi semakin kecil
angkanya berarti semakin bagus
blog tersebut,,supaya gak penasaran
silakan pasang linknya seperti
langkah berikut ini:

1. Silakan sign in di Alexa.com
2.Di halaman Site Widgets ada 3
pilihan widget
3.Silakan pilih salah satu untuk
mendapatkan kode HTMLnya
4.Isi alamat bloh anda tanpa http://
atau www
5.Klik tombol Build Widget
6.Silakan copy kode HTMLnya
7.Copy kode tersebut ke blog anda
dgn cara seperti biasa tp akan saya
jelaskan lagi
disini Layout->Page Element->Add
Gadget->HTML/Javasript->Save
setting
8.Selesai silakan lihat traffic alexa
rank anda

Catatan: Jika nilai traffic rank anda 9
berarti itu belum nilai traffic rank
blog anda tetapi masih nilai
blogger.com tunggu beberapa
waktu nanti nilai nya akan berubah
ke nilai aslinya

GOOD LUCK!!

| | Teruskan 0 komentar |

Setting feedburner ini dimaksudkan
untuk mengoptimalkan feed blog
kita yang udah di daftarin di
feedburner
Untuk cara setting feedburner,
langkah pertama yang harus di
lakukan adalah login dulu di
feedburner. Silakan kunjungi http://
www.feedburner.com/
kemudian
sign in
Kemudian akan muncul suatu
halaman. Disana silahkan masukan
username dan password anda, yang
di buat sewaktu pertama kali daftar
di feedburner. Selanjutnya klik sign
in.

Setelah itu anda akan dibawa ke
suatu halaman feed anda di
feedburner. Silahkan klik pada feed
blog yang mau di setting. Pada
halaman tersebut, terdapat 5 menu
yang ada di feedburner (Analyze,
Optimize, Publicize, Monetize, dan
Troubleshootize).

klik menu optimized smartfeed
kemudian klik dan aktifkan.
klik menu publicize kemudian
aktifkan service email subscription,
Ping shot dan Feedcount. Fungsi
service email subsciption tersebut
adalah untuk mengaktifkan form
berlangganan yang bisa anda
pasang di blog anda. Untuk ping
shot, berfungsi untuk memberitahu
feedburner secara langsung jika blog
kita sudah di update. Sehingga jika
anda melakukan ping dari situs ping
service, dapat langsung terdetek
dengan cepat oleh feedburner.

| | Teruskan 0 komentar |

Waktu lagi maen2 nyari situs, eh
dapet info dari Bro xTremeNitro
tentang cara meringankan akses ke
Blog kita. Bila kita tengok blog kita
masing2 kadang untuk membuka
blog kita butuh waktu loading yang
agak lama, disamping itu tempelan
widget2 yang kadang
memperlambat akses ke blog kita.

Contohnya blog saya ini, ukuran
page-nya berkisar 370kb (ini saya
dapat dari fitur browser saya yaitu
Opera). Ukuran page-nya lumayan
gede dengan ditambah grafik dari
banner ataupun widget lainnya.
Dimana ini bisa memperlambat akses
kita ke blog kita sendiri.

Berikut ini adalah trik yang saya
ambil dari bro xTremeNitro, yaitu
menggunakan tools gratis dari
Google. Namanya Google Wireless
Transcoder. Atau disingkat dengan
GWT. Apa sih GWT ini?
GWT atau Google Wireless
Transcoder ini tools yang akan
mengkompresi isi situs sedemikian
rupa sehingga menyerupai tampilan
di Hape. Tetapi dengan
menggunakan GWT ini kita akan
kehilangan jsscript, ads (iklan) dan
junk script pada halaman web.
Sehingga tampilan blog atau situs
kita terlihat seperti tampilan mobile.
Cara menggunakannya cukup
mudah, tinggal ketikkan di address
bar browser Anda:

http://www.google.co.id/gwt/n?
u=http://e-xceo.blogspot.com

Maka tampilan blog saya dalam
sekejap akan diubah menjadi
tampilan mobile (.xml). Yang mana
ukuran page-nya menjadi kecil
sekitar 22Kb!!Yup ini bisa termasuk
salah satu cara menghemat
bandwith internet Anda. Tetapi
tampilan jadi kurang menarik,
karena seluruh widget tidak keluar,
dan beberapa fungsi otomatis akan
dinonaktifkan oleh GWT ini.Yang
terlihat hanya tulisan dan gambar
yang relatif kecil.

Selamat mencoba dech, trims dah
baca dan kasih komen...

| | Teruskan 0 komentar |

berikut
saya catat cara 'Menambah Elemen di
Atas dan Bawah Posting'. Dan
ternyata sangat mudah dan simple.
Berikut langkah-langkahnya:

1.Loggin ke blogger dengan id kamu
» klik tata letak » klik Edit HTML » Klik
Expand Template Widget

2.Kemudian cari kode di bawah ini

<div id='main-wrapper'>
<b:section class='main' id='main'
showaddelement='no'>

3.Jika sudah menemukannya, ganti
tulisan no menjadi yes. Sehingga
kode di atas menjadi

<div id='main-wrapper'>
<b:section class='main' id='main'
showaddelement='yes'>

Selamat menambahkan elemen di
atas bawah posting blog and happy
blogging for all.

| | Teruskan 0 komentar |

kali ini saya
akan berbagi sedikit Trik
Menampilkan Total Post, Comment,
dan Online User. Trik ini
dimaksudkan agar pengunjung
mengetahui seluruh atau total post,
komentar dan pengunjung blog kita.
Trik ini menggunakan kode
javascript yang akan menampilkan
seperti pada gambar di atas. Berikut
langkah-langkahnya:

1 Log in akun blogger anda.
2 Pilih Design kemudian kemudian klik
add an HTML/Javascript
3 Kemudian copy paste kode di bawah
ini:

<script style="text/javascript">
function totalPosts(json) {
document.write('Stories: <b>' +
json.feed.openSearch$totalResults.$t
+ '</b><br>');
}
function totalComments(json) {
document.write('Comments: <b>' +
json.feed.openSearch$totalResults.$t
+ '</b><br>');
}
</script>
<script src=" /feeds/posts/default?
alt=json-in-
script&callback=totalPosts"></
script>
<script src=" /feeds/comments/
default?alt=json-in-
script&callback=totalComments"></
script>
<p style="margin-top: 0; margin-
bottom: 0">
<table border="0"
bordercolor="#111111"
id="AutoNumber1" cellpadding="0"
cellspacing="0" style="border-
collapse: collapse" width="100%">
<tr>
<td width="35%">
Online Readers:</td>
<td width="65%"><p style="margin-
top: 0; margin-bottom:
0"><b><script src="http://
fastonlineusers.com/on3.php?
d= YOURBLOG" type="text/
javascript"></script></b></p></td>
</tr>
</table></p>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker
("UA-4679235-4");
pageTracker._trackPageview();
} catch(err) {}</script>

Silahkan ganti 'YOUR BLOG' dengan
alamat blog anda.
Selamat mencoba.

| | Teruskan 0 komentar |

Sudah tahu apa itu email subscribe
form? Email subscribe form adalah
form untuk berlangganan feed via
email. Biasanya form ini dibuat untuk
mempermudah pengunjung
berlangganan artikel blog kita.
Karena pada umumya template
blogger hanya menyediakan fitur
subscribe feed via RSS seperti Google
reader, My Yahoo, Bloglines yang
masih kurang familiar bagi
pengguna internet. Oleh karena itu,
kehadiran fitur ini bisa menjadi
alternatif bagi pengunjung yang
ingin berlangganan artikel blog kita.
Lalu bagaimana cara untuk membuat
form email subscription?
Untuk membuat form ini, anda harus
mendaftar pada situs yang
menyediakan layanan email
subscriber. Salah satu situs email
subscriber yang paling populer dan
aman saat ini adalah Feedburner.
Feedburner adalah layanan feed
yang telah diakuisisi oleh Google
sehingga kredibiltasnya tidak perlu
diragukan lagi.
Bagi anda yang ingin membuat form
email subscriber melalui Feedburner,
ikuti langkah-langkah dibawah ini:

1. Kunjungi http://
www.feedburner.com/. Login ke
situsnya dengan memasukkan
username dan password gmail anda.

2. Kemudian anda akan masuk
kehalaman ini.

3. Masukkan alamat blog anda pada
kotak yang disediakan. Contoh
http://namabloganda.blogspot.com
lalu klik Next

4. Klik Next lagi untuk lanjut
kehalaman berikutnya

5. Masukkan judul dan alamat
feedburner yang anda inginkan lalu
klik Next

6. Jika muncul pesan error seperti
dibawah ini berarti alamat feed
tersebut sudah digunakan oleh
orang lain. Ganti dengan nama lain
lalu tekan Next.

7. Jika berhasil maka akan muncul
pesan Congrats! Your Feedburner
feed is now live. Klik Next untuk
melanjutkan.

8. Centangin saja semuanya untuk
mengaktifkan semua fiturnya lalu
tekan Next

9. Kemudian anda akan mendapat
pesan " You have successfully
updated the feed". Klik tab Publicize

10. Pada menu Services pilih Email
subscription lalu klik Activate

11. Setelah itu copy semua kode
dalam kotak dengan cara tekan Ctrl
+A & Ctrl+C

12. Taruh kode tersebut di blog
anda. Selesai. Tidak sulit bukan?
Selamat mencoba.

| | Teruskan 0 komentar |

kali ini saya akan memberikan
tutorial blogspot mengenai cara
mengubah atau mengganti domain
blogspot ke co.cc.

Bagi anda yang memiliki blog di
blogger dengan nama yang panjang
mungkin bisa mencoba domain
gratis dari co.cc. Tapi ingat, jika blog
anda sudah memiliki alexa rank yang
tinggi dan sudah bagus dalam SEO,
sebaiknya dipikir-pikir lagi untuk
mengganti domain blogspot anda.
Langsung saja ikuti tutorialnya di
bawah ini.

1. Log in dengan akun co.cc anda. Jika belum
mendaftar, lihat cara
pendaftarannya di sini.
2. Pilih domain yang akan digunakan.
3. Klik tombol Set up.
4. Pilih Zone Records.
Zone Records
Pada bagian ini anda akan mulai
melakukan setting domain co.cc.
Langkah-langkahnya tidak susah.
Anda hanya butuh sedikit kesabaran
karena perubahannya tidak
langsung terjadi.
Berikut pengaturannya.

Host, isi dengan domain co.cc anda
(jangan lupa pakai www).
TTL, biarkan tetap 1 D.
Type, pilih CNAME.
Value, ketik ghs.google.com.

Setelah itu lanjut ke pengaturan di
blogger. Ikuti petunjuk setting
domain co.cc di blogspot di bawah
ini.
1. Masuk ke akun blogger anda.
2. Pilih menu Settings (Pengaturan) »
Publishing (Publikasikan).
3. Klik tulisan Custom Domain.
4. Klik tulisan Switch to advanced
settings.
5. Di kolom Your Domain, isi dengan
domain co.cc anda tadi (masih
dengan www).
6. Terakhir isi kolom Word Verification
dan simpan.

Cukup sampai di situ saja cara
mengganti domain blogspot dengan
co.cc . Setelah selesai mengikuti
tutorial di atas, blog anda tidak bisa
dibuka untuk sementara waktu.
Waktu yang diperlukan untuk bisa
mengakses blog dengan domain
baru anda biasanya hanya sebentar.
Mungkin hanya beberapa menit
ataupun beberapa jam, maksimal 2
hari.

| | Teruskan 0 komentar |

Gimana menarik bukan? Nah bagi
anda yang ingin mencobanya.
Silahkan ikuti langkah-langkah
dibawah ini:

1. Siapkan gambar atau logo yang
ingin anda pasang dalam format .gif
atau .png karena kualitasnya lebih
bagus

2. Resize gambarnya menjadi (20px x
20px) atau (25px x 25px). Usahakan
ukuran gambarnya jangan terlalu
besar agar loading blog tidak berat.

3. Jika sudah, upload gambarnya ke
image hosting yang anda gunakan.
Kalau saya sendiri menggunakan
Photobucket untuk menyimpan
gambar.

4. Setelah upload, copy alamat
gambarnya. Contoh http://
i37.photobucket.com/albums/e74/
mrphoto16/cool.png

5. Buka blogger. Masuk ke menu
Design -> Edit HTML

6. Cari kode seperti dibawah ini:

.post h3 {
margin:.5em 0;
padding:0px 0px 0px 10px;
font-size:140%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;

7. Setiap template mempunyai kode
yang berbeda-beda. Jadi yang perlu
anda perhatikan adalah tulisan post
h3.

8. Kalau sudah ketemu, tambahkan
kode background:url(URL gambar)
no-repeat; dan edit nilai padding
menjadi 0px 0px 05px 30px.
Sehingga hasilnya menjadi seperti ini
.post h3 {
background:url(URL gambar) no-
repeat;
margin:.5em 0;
padding: 0px 0px 05px 30px;
font-size:140%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;

Ganti URL gambar dengan alamat
gambar anda. Contoh http://
i37.photobucket.com/albums/e74/
mrphoto16/cool.png

9. Kalau sudah, klik Save Template.

10. Selesai . Silahkan lihat hasilnya

| | Teruskan 0 komentar |

Banyak blogger yang berusaha
mempersempit tempat peletakan
menu, untuk mempesederhanakan
blogger agar tampak tertata rapi
oleh pengunjung. Karena blog yang
semerawutan, dan tak karuan akan
jarang dikunjungi oleh banyak
pengunjung. Iya kan?

Oleh karena itu ada bolehnya anda
mencoba tips sederhana dari saya
berikut ini:

1. Hal yang pertama anda musti Sign
In dulu di Blogger.com

2. Pada dashbor anda pilih Tata letak
kemudian pilih Elemen halaman

3. Kemudian anda klik "Tambahkan
Gadget" pada halaman tersebut.

4. Tunggu hingga muncul Pop Up
Windows (itu loh, jendela yang akan
muncul sebagai jendela halaman
tunggal). Kemudian anda pilih "Edit
HTML/Java Script".

5. Pada kotak java script isikan kode
berikut:

<form><select name="menu"
onchange="window.open
(this.options
[this.selectedIndex].value,'_blank')"
size="1" name="menu"><option
value="0"> Tulisan disini akan tampil
duluan</option>
<option value="isi dengan addres url
yang ingin di tuju">tulisan di sini
yang akan muncul pertama</
option>
<option value="isi dengan addres url
kedua">tulisan di sini yang akan
muncul kedua</option>
<option value="isi dengan addres url
ketiga">tulisan di sini yang akan
muncul ketiga</option>
</select></form>

Mudah bukan? Selamat mencoba!.
NB: Untuk menambah kolom baru
dibawahnya silahkan masukkan
kode yang berisi address Url diatas
setelah </option> kemudian diakhiri
dengan </select></form> Perhatikan
contoh diatas!

Selamat mencoba......!

| | Teruskan 0 komentar |

Emoticon (emosi icon) mungkin
diperlukan oleh sebagian
pengunjung blog anda untuk
mengekspresikan diri dalam
berkomentar. Untuk memasang
emoticon pada komentar ada
beberapa langkah-langkah yang
perlu anda jalani.

1. Pertama anda harus Sign In dulu
Di Blogger

2. Kemudian anda pilih tata letak

3. Setelah itu anda pilih tab Edit
Html.

4. Kemudian cari (atau tekan CTRL +
F) kode:
<span style="color: rgb(204, 0,
0);"></span>

5. setelah anda temukan kode
tersebut, anda copy dan paste kode
dibawah ini tepat di atas kode
tersebut. kodenya adalah :
<script src="%27http://
www.hotlinkfiles.com/
files/2663243_4xnvn/yemoticon.js
%27" type="'text/javascript'/"><br /
><br />7.

6. Langkah selanjutnya yaitu anda
cari kode seperti dibawah ini.
<p class="'comment-footer'">
<b:if
cond="'data:post.embedCommentForm'">
<b:include data="'post'"
name="'comment-form'/">
<b:else>
<b:if
cond="'data:post.allowComments'">
<a href="http://www.blogger.com/
%27data:post.addCommentUrl%27"
onclick="'data:post.addCommentOnclick'"><data:p
data:postcommentmsg></a> </b:if>
</b:else>
</b:include></b:if></p>

7. Kalau anda sudah menemukan
kode seperti kode di atas tersebut.
anda copy dan paste semua kode
dibawah ini tepat di bawah kode
<p class="'comment-footer'"></p></
span>
Ini kodenya:

<b><img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/21.gif'/" />
:))
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/100.gif'/" />
:)]
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/71.gif'/" />
;))
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/5.gif'/" />
;;)
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/4.gif'/" />
:D
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/3.gif'/" />
;)
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/10.gif'/" />
:p
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/20.gif'/" />
:((
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/1.gif'/" />
:)
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/2.gif'/" />
:(
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/8.gif'/" />
:X
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/12.gif'/" />
=((
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/13.gif'/" />
:-o
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/7.gif'/" />
:-/
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/11.gif'/" />
:-*
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/22.gif'/" />
:
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/35.gif'/" />
8-}
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/102.gif'/" />
~x(
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/104.gif'/" />
:-t
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/66.gif'/" />
b-(
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/62.gif'/" />
:-L
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/14.gif'/" />
x(
<img border="'0'" src="'http://
us.i1.yimg.com/us.yimg.com/i/
mesg/emoticons7/24.gif'/" />
=))
</b>

8. Setelah semua prosedur anda
jalankan anda klik Simpan/Save
Selamat Mencoba !!

| | Teruskan 0 komentar |

Bagi yang belum tahu, navbar
adalah papan informasi blogger
yang terletak dibagian paling atas
halaman blog kita, mungkin
keberadaan navbar tersebut akan
sedikit mengganggu keindahan/
penampilan blog kita. Jika anda
berstateman demikian anda bisa
menghapusnya. Dengan cara:

1. Anda harus Sign In dulu di
blogger.com

2. Di Dashbor/Beranda/Home Page/
anda pilih Tata Letak.

3. Pada halaman tata letak anda pilih
Edit Html

4. Sebelum mengedit jangan lupa
ceklis dulu "Expand Template
Widget" yang berada diatas kolom
pengeditan.

5. Kemudian tekan CTRL+F (cari),
kemudian cari kode ]]></b:skin>
disana.

6. Setelah itu copy dan paste kode
dibawah ini tepat diatas kode ]]></
b:skin> tadi.
berikut kodenya:
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

7. Atau bisa dengan cara lain dengan
meletakkan kode di bawah ini tepat
di bawah kode
<body> :
<style type="'text/css'">
#navbar-iframe {display:none;}
</style>

8. Kemudian Save/Simpan Template.
Selesai, selamat mencoba!

| | Teruskan 0 komentar |

Kali ini
saya akan menulis sebuah artikel
tentang Link Exchange atau tukar-
menukar Link. Link Exchange itu
sendiri adalah sebuah tindakan
webmaster atau blogger untuk
meletakkan link partner yang akan
dijadikan sebagai link exchange.

Untuk Contoh seperti ini saya
hendak melakukan Link Exchange
dengan anda. Saya mensyaratkan
anda untuk meletakan Link saya
terlebih dahulu di blog anda
ataupun web anda. Maka untuk
timbal baliknya saya juga akan
meletakkan link anda di blog saya,
adil kan?

Apa Sebenarnya Fungsi dari Link
Exchange itu sendiri? Apakah
bermanfaat bagi blog anda?

Inilah Jawaban pertanyaan diatas,
Fungsi dari Link Exchange itu sendiri
adalah sebagai Berikut

1. Berfungsi untuk meningkatkan
alexa rank, google page rank dan
technorati rank. Semakin bagus Nilai
anda di ke-3 nilai itu, maka semakin
terkenal web/blog anda.

2. Memperbaiki Posisi Blog anda di
search Engine. Apakah anda ingin
memuncaki top number one di
search engine? Perbanyak lah link
exchange, terutama pada blog yang
meiliki Page Rank Tinggi.

3. Sumber Traffic. Apabila anda
berbisnis lewat blog anda, maka
anda harus bisa meningkatkan
traffic anda. nah disini Link Exchange
bisa membuat anda kebanjiran
traffic. Karena Semakin banyak
orang yang Link Ke anda, maka
dijamin, Google page rank anda akan
meningkat dan posisi blog anda
akan meningkat. Otomatis
pengunjung blog anda pun
meningkat dan yang paling penting!

Maka dari itu, Lakukan link exchange
sebanyak-banyaknya. Usahakan
anda bertukar Link dengan Blog atau
web yang memiliki Google Page Rank
tinggi!

Selamat Mencoba!

| | Teruskan 0 komentar |

Sudah mendaftar di Facebook?
Sudah sering menulis atau
memberikan update status di
Facebook? Sudah punya blog? Dan
Memakai platform blogspot? Nah
pada kesempatan kali ini saya akan
menulis artikel tentang cara
pemasangan badge/lencana/status
Facebook di blogspot. Badge kalau di
dalam Facebook yang menggunakan
bahasa Indonesia diartikan sebagai
lencana Facebook.

Dengan memasang badge Facebook
di blogspot, maka setiap kali kita
mengupdate status di Facebook
setiap kali itu juga status Facebook
tersebut akan ditampilkan di badge
tersebut. Cukup menarik bagi yang
sudah ketagihan dengan Facebook
dan sudah memiliki blog. Tujuannya
apasih? Mungkin tujuan yang paling
narsis adalah mempopulerkan diri
kita sendiri...hehe... :)

Badge/lencana Facebook tersebut
sebenarnya merupakan sebuah kode
script javascript, jadi intinya kita
hanya mengambil kode yang telah
disediakan oleh Facebook dan
langsung memasangnya ke blog kita.
OK, daripada muter-muter tidak
tentu arah lebih baik langsung saja
saya berikan tutorial cara
pemasangan status/badge/lencana
Facebook di blogspot.
Pengambilan kode javascript badge/
lencana/status di Facebook (saya
asumsikan Facebooknya
menggunakan bahasa Inggris):

* Login ke akun Facebook
* Pilih menu tab Profil
* Klik link "Create a Profile
Badge" (sebelah kiri paling bawah,
dibawah daftar teman/friends)
* Nah silahkan copy paste kode
javascript yang disediakan, dibawah
tulisan "Copy and paste the
following HTML into your webpage:"
Oia, kita juga bisa melakukan
pengeditan terhadap badge kita.
Maksudnya adalah kita diberikan
opsi apa saja yang ingin ditampilkan
di badge Facebook kita. Caranya
silahkan klik "Edit this badge". Ada
banyak sekali bagian atau opsi yang
bisa kita tampilkan ke dalam
lencana/badge Facebook kita,
silahkan klik "Add Item" untuk
melakukan penambahan item yang
ingin ditampilkan. Selain itu layout
badge juga bisa kita pilih antara
horisontal dan vertikal.

Jika sudah selesai melakukan
pengeditan badge Facebook, jangan
lupa klik "Save". Dan silahkan diambil
kode javascript badge Facebook
yang telah Anda buat.
Pemasangan Badge/Lencana/Status
Facebook di Blogspot:

* Sampai langkah ini berarti Anda
sudah mempunyai atau mengambil
kode javascript badge Facebook.
* Silahkan login ke akun blogger
Anda.
* Masuk menu tab Layout --> Page
Element
* Silahkan tambahkan element/
widget baru dengan tipe Javascript/
HTML
* Letakkan kode javascript badge
Facebook Anda
* Dan terakhir jangan lupa klik
"Save"

Selamatmencoba
semoga
bermanfaat...Cheer... :)

| | Teruskan 0 komentar |

Ada dua cara memasukkan foto :
Cara Pertama:
Upload foto Anda di postingan blog.
Caranya:

1, Setelah login, klik link blog Anda.
2, Klik menu “posting” atau
“Create”
3, Di toolbar posting ada tombol
bergambar panorama warna biru.
Klik
di situ, dan akan muncul pop-up
window untuk “upload images”
4, Klik browse ke file foto Anda yg
sudah tersimpan di komputer
5, Klik Upload Image warna biru
(tunggu beberapa saat sampai
proses
upload selesai)
6, Klik Done
7, Sekarang foto Anda sudah masuk
ke posting. Klik menu “Edit HTML”
di toolbar posting bagian atas
sebelah kanan.
8, Akan tampak sejumlah kode
HTML di situ. Copy/paste kode yg
berada
setelah tulisan [src =”] yaitu link yg
dimulai dg [http://] dan
berakhir dg [.jpg] atau [.jpeg]
9, Simpan link tsb. di notepad atau
ditulis di kertas.
10, Jangan lupa, klik publish.
11, Setelah itu, klik menu
“Dashboard”
12, Klik menu “Edit Profile”
13, Di sini ada menu “Photo URL”,
paste link foto Anda tadi di kotak
yg tersedia.
14, Klik “Save Profile” di bagian
paling bawah.
15, Selesai.CARA KEDUA

——————— Cara kedua adalah
dg meng-upload (memasukkan/
menyimpan) foto Anda di hosting
lain, dan baru kemudian link URL
foto tsb. di copy/paste ke profile
blogger/blogspot.

Yg paling mudah, simpan/upload
foto Anda di http://geocities.com
karena hosting ini milik yahoo.com.
Jadi, siapa saja yg memiliki email
yahoo dapat langsung log-in ke
geocities.com dg memakai id yahoo
Anda.

Misalkan file foto Anda adalah
jenggot.jpg dan email id Anda
risal165. Maka, nantinya setelah foto
itu diupload ke geocities, link url
Anda akan menjadi sebagai berikut:
http://geocities.com/risal165/
jenggot.jpg. Nah, copy/paste link
tsb. ke profile blogger.com di kolom
yg tersedia dan setelah itu SAVE
CHANGES dan REPUBLISH.

| | Teruskan 0 komentar |

Sebelumnya anda cari script/
htmlnya untuk kalender/ jam contoh
anda bisa kunjungi di
www.clocklink.com untuk jam dan
www.free-blog-content.com untuk
kalender kemudian COPY script
kalender yang anda sukai dan ikut
petunjuk berikut :


1. Login ke blogger
2. Klik rancangan/ Layout :
3. Pilih/ Klik Tambah Gadget :
4. Pilih HTML/ Java Script :
5. Masukan tag/ script kalender/jam
dll dengan cara copy + paste
6. Klik tombol save
7. lihat Blog/ View Blog
8. Selesai.
"Jika terdapat kekurangan/ manfaat
silahkan anda bisa kirim apa
kekurangan/manfaat dari materi
diatas dengan mengisi kotak
komenter, thanks ya

| | Teruskan 0 komentar |

Pada postingan ini saya akan
membahas tentang teknik lain untuk
menyebarkan artikel blog anda di
Facebook yaitu dengan memasang
tombol like Facebook pada
postingan blog anda .

Keuntungan memasang tombol like
ini adalah pembaca dapat dengan
mudah berbagi postingan yang
mereka sukai kepada teman
facebook mereka hanya dengan satu
klik. Dan sebagai pemilik blog, anda
juga mendapat keuntungan berupa
tambahan trafik dari pembaca yang
mengelink artikel anda di profil
Facebook mereka.

Nah bagi anda yang tertarik
memasang tombol like ini, silahkan
ikuti langkah- langkah dibawah ini:

1. Buka Blogger. Masuk ke menu
Design -> Edit HTML
2. Beri centang pada "Expand Widget
Templates"
3. Cari kode <data:post.body/>
4. Jika anda menemukan dua kode
<data:post.body/> maka pilih yang
pertama
5. Letakkan kode berikut ini dibawah <data:post.body/> jika anda ingin
memasang tombol like dibawah
posting atau letakkan diatas
<data:post.body/> jika anda ingin
memasang tombol like diatas
posting

<iframe allowTransparency='true'
expr:src='&quot;http://
www.facebook.com/plugins/
like.php?href=&quot; + data:post.url
+
&quot;&amp;layout= standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;'
frameborder='0' height='30'
scrolling='no' style='border:none;
overflow:hidden; '/>

6. Lalu Save template anda.

Hasilnya akan seperti ini


Kalau anda ingin membuat tombol
like dalam bentuk ini

maka ganti standard dengan
button_count

Anda juga dapat mengganti warna
background tombol menjadi gelap
dengan mengganti light menjadi
dark.

Selamat mencoba. Semoga
bermanfaat...

| | Teruskan 0 komentar |