You are on page 1of 61

Cara membuat recent post di blog

Untuk menambah atau memasang recent post yang biasa juga dikenal dengan postingan terbaru
jika di blog saya bisa dilihat di Artikel terbaru. Widget recent post telah tersedia di blogger
dengan dua pilihan, yaitu recent post dan recent post advanced.

Dalam contoh ini akan kita gunakan recent post advanced.

1. Login ke account blogger anda, pilih dashboard , tata letak , elemen halaman

2.Klik tambah gadget

3. Pilih Recent Posts advanced

4. Atur tampilan recent posts anda


a. Judul : Artikel terbaru
b.Ketinggian : 200 px (pixel)
c.Blog Url(Means the link of the blog whose posts are to be displayed), masukkan url blog
anda, misalnya : http://artikelkomputerku.blogspot.com
d. Number of posts to display , ketik jumlah postingan yang akan ditampilkan,
e. Display post thumbnails ? jika di centang maka akan menampilkan thumbnail (gambar kecil
yang diambil dari postingan)
f. Display post summaries ? untuk menampilkan ringkasan postingan
g. Summary length (Needed only if you opt to display summaries) lebar ringkasan (sesuaikan
dengan lebar blog/sidebar)
h. Display post date ? menampilkan tanggal postingan
i. Display the number of comments ? menampilkan jumlah komentar
j. Display the Read more link ? menampilkan read more
k. Display a Separator b/w the posts ? menampilkan garis pemisah antara postingan

Untuk bagian e sampai k , centang jika ingin diaktifkan

Untuk melihat preview tampilannya, klik Pembaruan

Klik Simpan untuk menampilkan di blog.

Cara membuat slideshow di blog


Ada banyak cara untuk membuat slide show, seperti menggunakan javascript, menggunakan
widget slideshow blogger, ataupun bisa dengan mengunakan layanan pihak ketiga. Dalam
postingan ini kita mencoba membuat gambar dalam bentuk slide show, bergerak acak (random),
dan berbagai efek-efek lainnya. Ada sebuah situs yang menyediakan layanan gratisan, yang bisa
anda manfaatkan untuk membuat slide show, kmudian kodenya bisa anda pasang di blog anda,
bisa dipasang di dalam postingan, di sidebar, header atau di footer blog anda. Slide show ini bisa
anda terapkan pada gambar kesayangan, foto pribadi, atau koleksi foto dan gambar lainnya.

Untuk membuat slideshow di blog, prosedur yang harus anda lakukan:

1. Buka situs slideshow


Jika belum terdaftar (belum punya akun) klik tombol sign up untuk daftar dan isi form
pendaftaran, jika sudah punya bisa langsung klik tombol Sign in
2.Setelah login , klik Create a slideshow atau klik icon Ctreate slideshow

3. Pada tampilan berikut, klik browse untuk memilih file gambar atau foto yang akan di upload

4. Pilih gambar yang ada


Klik Open
6. Lakukan langkah di atas hingga semua gambar ter-upload

7. Anda bisa mengatur style (efek / animasi slideshow)


8. Kemudian atur ukuran widget slideshow yang akan dibuat:
width : lebar widget , height ; tinggi widget dalam satuan pixel (atur sesuai kebutuhan)
Ada beberapa option lain yang bisa anda atur seperti skin, themes, music/video,background
Klik update setelah selesai melakukan pengaturan

Jika suatu saat anda ingin mengubah efek slideshow anda bisa login ke akun slideshow,
kemudian pilih edit slideshow.

9. pada halaman berikut pilih tombol save slideshow


10. Anda akan mendapatkan kode yang bisa dipasang di blog

11. Login ke dashboard blogger


Pilih tata letak , pilih elemen halaman
Pilih tambah gadget, pilih HTML/Javascript
Masukkan kode yang anda peroleh dari situs slideshow

Hasilnya bisa dilihat seperti pada blog Dummy atau contoh lain dengan efek yang beda pada
blog membuat slideshow di blog

Salah satu contohnya bisa dilihat di bawah ini


\ Cara membuat banner berjalan di blog (gambar berjalan)
Mungkin ada diantara teman-teman yang ingin membuat banner berjalan di blog,atau jika punya
gambar kesayangan mungkin bisa buat gambar berjalan di blog, bisa juga jika punya foto maka
membuat foto berjalan di blog. Anda bisa menempatkan banner, gambar, atau foto tersebut di
dalam postingan atau di disebar (gadget html/javascript). Prosedur atau cara buat banner berjalan
hampir sama dengan cara buat teks berjalan (marquee)

Ada beberapa tahap yang harus anda lakukan,


1. Upload gambar dari komputer ke situs layanan image hosting gratis seperti
tinypic,photobucket,dll (dalam contoh ini kita menggunakan tinpyc)
2. Buat kode banner di blog

Langkah detail untuk membuat :


1. Buka situs tinypic image hosting , login dengan email dan password tinypic anda kemudian
upload gambar dari komputer ke tinypic
(Jika belum punya account anda bisa daftar dengan klik tombol Sign up)

Klik Browse, pilih gambar di komputer , klik Upload Now

Anda akan mendapatkan link gambar yang sudah diupload (Gunakan link yang ada di : Direct
link for layouts)
Dalam contoh ini kita menggunakan 3 banner dengan link berikut:

http://i49.tinypic.com/2n7pmwx.jpg
http://i46.tinypic.com/214umau.jpg
http://i48.tinypic.com/208vejc.jpg
atau:
http://i46.tinypic.com/s2zbjr.jpg
http://i47.tinypic.com/2u4sheu.jpg
http://i48.tinypic.com/2502hjc.jpg

2. Login ke dasboard blogger, buat entri baru atau add gadget html/javascript
Masukkan kode berikut:

Contoh 1: Gambar 1 buah, bergerak dari kanan ke kiri,


Anda bisa mengatur tinggi dan lebar gambar , dalam contoh ini:
a. width="490" lebar gambar 490 sesuaikan dengan gambar anda
b. height="360" lebar gambar 360 sesuaikan dengan gambar anda

Kode:
<marquee behavior="scroll" direction="left" scrollamount="3" width="490" height="360"><img
src="http://i49.tinypic.com/2n7pmwx.jpg" />
</marquee>

Hasilnya bisa dilihat seperti di bawah ini:


Contoh 2, jika gambarnya lebih dari satu, bergerak dari kanan ke kiri

Kode:
<marquee behavior="scroll" direction="left" scrollamount="3" width="490" height="360"><img
src="http://i49.tinypic.com/2n7pmwx.jpg"/> <span style="padding: 5px;"> <img
src="http://i46.tinypic.com/214umau.jpg"/> </span> <span style="padding: 5px;"> <img
src="http://i48.tinypic.com/208vejc.jpg"/></span></marquee>

Hasil:
Contoh 3: jika gambarnya bergerak secara vertikal , untuk mengubah bergerak dari atas ke
bawah , ganti direction="up" menjadi direction="down"

Kode:
<marquee behavior="scroll" direction="up" scrollamount="3" width="490" height="360"><img
src="http://i49.tinypic.com/2n7pmwx.jpg"/> <br> <img
src="http://i46.tinypic.com/214umau.jpg"/><br><img
src="http://i48.tinypic.com/208vejc.jpg"/><br>
</marquee>

Hasil
Silahkan dicoba...masukkan kode di atas ke dalam teks editor blogger atau ke gadget html,
sesuaikan lebar dan tinggi sesuai dengan gambar/banner anda.

Selain cara di atas, anda juga bisa menggunakan website penyedia layanan pembuatan slidshow
gratis, di situs tersebut banyak menyediakan skin, efek,animasi ,bahsannya bisa dilihat di
postingan saya tentang cara membuat slideshow
contohnya bisa dilihat di bawah ini

Cara membuat teks berjalan di blog (marquee)


Teks berjalan yang biasa juga disebut marquee, merupakan sebuah efek gerak pada teks.
Biasanya teks berjalan ini digunakan oleh pemilik blog untuk menampilkan sebuah pesan , link
atau banner untuk menarik perhatian pengunjung.

Secara umum cara buat teks berjalan bisa menggunakan kode dasar seperti di bawah ini

1. Buat teks berjalan dari kanan ke kiri (default)

Kode
<marquee> Membuat teks berjalan </marquee>

Hasil :

2. Membuat teks berjalan dari kiri ke kanan (direction)

Kode:
<marquee behavior="scroll" direction="right" height="50" width="auto">Teks berjalan dari kiri
ke kanan</marquee>
Hasil:

3. Membuat teks bergerak dengan mengatur kecepatannya (scrollamount)


Anda bisa mengubah angka 30 pada scrollamount="30"
Kode:
<marquee behavior="scroll" direction="left" scrollamount="5">Teks bergerak
lambat</marquee>
<marquee behavior="scroll" direction="left" height="100" scrollamount="30"
width="auto">Teks bergerak lebih cepat</marquee>
hasil:

4. Membuat teks bergerak bolak balik / memantul saat tiba di tepi kiri atau kanan

Kode:
<marquee behavior="alternate">Teks berjalan bolak balik</marquee>

Contoh hasil-nya:

5. Membuat teks berjalan dengan background biru


Untuk mengganti background (warna latar belakang-nya) bisa ganti kata "blue" pada kode
bgcolor="blue" , warna lain bisa dilihat disini tabel warna
Kode:
<marquee bgcolor="blue" height="50" width="auto">
Teks berjalan dengan background biru
</marquee>

Contoh tampilan:

6. Membuat teks bergerak dari bawah ke atas

Kode:
<marquee behavior="scroll" direction="up" height="200" width="auto">
Teks bergerak dari bawah ke atas
</marquee>

untuk mengubahnya menjadi bergerak dari atas ke bawah ganti kode direction="up" menjadi
direction="down"

Contoh:

7. Membuat teks bergerak dari bawah ke atas (di dalam kotak teks)

Kode:
<div style="border: 1px solid rgb(202, 61, 217); height: 180px; overflow: auto; padding: 5px;">
<b>
<marquee behavior="scroll" scrollamount="3" direction="up"></br>
<a href="http://artikelkomputerku.blogspot.com/">Artikel Komputer</a></br>
<a href="http://www.komputerseo.com/">Komputer SEO</a></br>
<a href="http://mycomputerdummies.blogspot.com/">My Computer Dummies</a></br>
<a href="http://dummy-ku.blogspot.com/">Dummy-ku</a></br>
</marquee>
</b>
</div>
Contohnya bisa dilihat di bawah ini:

Contoh 2
Kecepatannya diubah dengan scrollamount="2" , arahnya ke bawah direction="down"

8. Membuat teks bergerak dari bawah ke atas, memantul dan berhenti jika penunjuk mouse
berada di atas teks area.
Tambahkan kode: onmouseout="this.start()" onmouseover="this.stop()

Kode:
<marquee align="center" behavior="alternate" direction="up" height="300"
onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100">
Teks 1
Teks 2
Teks 3
</marquee>

Contohnya bisa dilihat di bawah ini :


Anda bisa memasukkan kode kode di atas pada teks editor blogspot,

Atau pada gadget html/javascript

Cara membuat kotak teks (text area) di dalam postingan blog


Terkadang di dalam postingan kita ingin buat kotak teks (text area), di dalam kotak teks bisa diisi
dengan teks, link, banner, dll. Ada banyak cara / script yang bisa anda gunakan untuk membuat
kotak teks (text box) tersebut. Kotak teks ini biasanya digunakan untuk membuat form untuk
tukaran link dengan blog lain.Sebagai contoh di bawah ini adalah beberapa macam cara
membuat kotak teks (text box) dengan script yang berbeda.

Contoh 1:
* Teks rata tengah = text-align: center; center bisa diganti dengan left, right,justify
* Background warna biru = background-color: rgb(0, 0, 240) angaka 0 dan 240 bisa anda ubah
sesuai keinginan (untuk mengubah warnanya)
Script: (dimasukkan di dalam postingan)

<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-
color: rgb(0, 0, 240); text-align: center;"><a
href="http://artikelkomputerku.blogspot.com">Artikel Komputer</a></p>

Hasilnya:

<a href="http://artikelkomputerku.blogspot.com">Artikel Komputer</a>

Contoh 2:
* Teks otomatis rata kiri
* Background warna hitam = background-color: black; black bisa diganti dengan warna lain
seperti white, red, blue, green, dsb, warna lainnya bisa dilihat disini daftar warna
* Link diisi hingga baris pertama penuh kemudian akan berpindah ke baris 2
*Tinggi kotak teks 100 px (pixel) = height: 100px; angka 100 bisa diubah sesuai kebutuhan

Script: (dimasukkan di dalam postingan)

<div style="border: 1px solid rgb(202, 61, 217); padding: 1px; overflow: auto; height: 100px;
background-color: black; "><br>
<a href="http://www.komputerseo.com/">Komputer SEO</a> <a
href="http://mycomputerdummies.blogspot.com/">Dummies</a><br>
</div>

Hasil:

Komputer SEO Dummies

Contoh 3:

* Teks otomatis rata kiri


* Background transparan
* Link diisi per baris 1 link
*Tinggi kotak teks 200 px (pixel) = height: 100px; angka 100 bisa diubah sesuai kebutuhan
Script: (dimasukkan di dalam postingan)

<div style="border: 1px solid rgb(202, 61, 217); padding: 1px; overflow: auto; height: 200px; ">
<br>
<a href="http://www.komputerseo.com/">Komputer SEO</a> <br><a
href="http://mycomputerdummies.blogspot.com/" target="_blank">Dummies</a>
<br>
</div>

Hasil:

Komputer SEO
Dummies

kode di atas dimasukkan saat membuat entri baru / edit entri dalam mode "Edit HTML"

Mudah-mudahan postingan ini bisa menjawab pertanyaan teman-teman yang sering menanyakan
cara membuat form tukaran link di dalam postingan. Pertanyaan seperti ini sudah sering saya
terima lewat email, namun baru sempat membuat postingannya. agar lebih memudahkan
menjawab pertanyaan teman-teman. Jika masih ada yang kurang jelas silahkan di tanyakan di
kotak komentar.

Cara membuat background pada judul postingan blog


Buat teman-teman yang mempunyai blog dan di blognya pada bagian judul postingan ingin
membuat background yang warnanya bebrbeda dengan background utama maka anda bisa
mengubah sedikit script pada template anda. Menurut beberapa sumber yang pernah saya baca
agar blog lebih seo friendly maka judul postingannya di buat lebih besar ukurannya dari ukuran
teks isi postingan, dan lebih kecil dari ukuran teks dan deskripsi header. Selain itu membuat
background pada judul postingan bisa memudahkan pengunjung melihat judulnya, dan katanya
lebih memudahkan search engine mendeteksi keyword yang ada di judul tersebut.

Contoh judul postingan yang di-ubah background-nya bisa dilihat seperti gambar di bawah ini.
Untuk mengubah /membuat background judul postingan lakukan prosedur berikut:

1. Di dashboard pilih Tata letak , Edit HTML

Cari kode : post-title {

Di bagian bawah post-title { , masukkan kode

line-height: 2.1em;
border: 4px solid #000099;
background-color: #000099;

atau
line-height: 2.1em;
border: 4px solid yellow;
background-color: yellow;
catatan: #000099 adalah kode hexadesimal untuk warna biru (bisa gunakan warna lain)
Selain menggunakan kode warna hexadesimal anda juga bisa menggunakan warna seperti:
yellow , red, pink, blue,green, black, dll.
Untuk warna lainnya bisa dilihat disini tabel warna

Tampilan scriptnya seperti di bawah ini

post-title {
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
line-height: 2.1em;
border: 4px solid yellow;
background-color: yellow;

atau:

post-title {
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
line-height: 2.1em;
border: 4px solid #000099;
background-color: #000099;

Contohnya bisa dilihat di blog ini atau di blog berikut : blog komputer

Cara mengatur perataan teks (justify) dalam postingan (rata kiri dan kanan)
Jika diantara teman-teman ada yang menggunakan template standar/bawaan Blogger, tekadang
teks yang terdapat di bagian postingan hanya rata kiri. kita dapat mengatur-teks yang terdapat di
dalam postingan tersebut agar menjadi lebih rapi, yaitu dengan mengatur rata kiri dan kanan
(justify).

Contoh tampilan awal blog ini, postingan rata kiri.


Untuk mengatur rata teks, anda perlu menambahkan script ke dalam blog anda, script ini saya
peroleh dari situs belajar script html.

Prosedur yang perlu anda lakukan:


Login ke dashboard , pilih Tata letak , Edit HTML

cari kode #main-wrapper {


di bagian bawahnya tambahkan kode text-align: justify;

Tampilan scriptnya seperti di bawah ini: (mungkin susunan scriptnya berbeda dengan sript
template anda, karena saya menggunakan template denim)

#main-wrapper {
margin-$startSide: 14px;
width: 500px;
float: $startSide;
text-align: justify;
background-color: $mainBgColor;

Atau lihat gambar di bawah ini:


Hasilnya bisa dilihat di blog ini, teks pada postingan yang awalnya rata kiri, setelah memasukkan
script text-align: justify; maka berubah menjadi rata kiri dan kanan.

Tampilan Template baru blog Artikel Komputerku


Di akhir tahun 2009 ini, blog gratisan Artikel Komputerku berubah wajah /tampilan dari awalnya
menggunakan template bloggerize adsense, kini menggunakan template bawaan blogger, script
body menggunakan template denim, sedangkan di bagian background menggunakan background
son of moto, ditambah dengan pengaktifan 4 slot header sedangkan gambar jpeg saya hilangkan
untuk meringankan loading/membuaka halaman. Di bagian footer saya ubah menjadi 3 kolom.
dan di sidebar rencana akan dibuat menjadi dua kolom.

Ada beberapa hal yang mendasari saya untuk mengubah template:


1. Template yang lama sudah mengalami beberapa error akibat eberapa kali bongkar pasang
script yang diperoleh dari internet, jadi untuk menghindari error yang lebih banyak maka lebih
baik menggunakan fresh template blogger.

2. Belajar mengoptimasi blog menggunakan template standart (bawaan) blogger

Sekalipun tampilannya sangat sederhana, tetapi sebagai blogger pemula adalah suatu proses
pembelajaran jika menggunakan template bawaan blogger kemudian di kostumasi sesuai selera
dan kemampuan sendiri.

Eh.....template lama blog Artikel Komputerku (sebagai kenangan)

Cara menghilangkan garis bawah link di blogspot


Mungkin ada teman-teman yang menggunakan template blog yang di download dari Internet,saat
anda memasang template tersebut di blog anda ternyata disetiap link akan otomatis ada garis
bawah link-nya, contohnya seperti link pada template denim yang saya gunakan di blog saya.
pada link adsense PTC Lokal ada garis bawah-nya.

Untuk memudahkan menghilangkan garis bawah link tersebut, anda perlu menambahkan script
css, ke template anda. script ini saya dapatkan ketika googling dan ketemu di blog teman
menghilangkan garis bawah link

1. Login ke dashboard , tata letak , edit html

cari kode berikut:


<b:skin><![CDATA[
Letakkan script berikut sebelum script <b:skin><![CDATA[

<style type='text/css'>
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
</style>

Scriptnya akan tampak seperti di bawah ini

<style type='text/css'>
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
</style>
<b:skin><![CDATA[

Silahkan di coba mudah-mudahan bisa berjalan di blog anda. Jika cara di atas tidak berhasil
maka anada bisa melakukannya secara manual, cari semua text yang berisi:

text-decoration: underline

ganti dengan:

text-decoration:none

Cara menambah (pasang) video youtube di blog blogspot


Mungkin ada diantara teman yang masih pemula kesulitan menambah (memasang) video
youtube ke dalam postingan di blogspot (blogger). Anda bisa memanfaatkan youtube sebagai
tempat menyimpan video anda. Mengapa memilih youtube??, karena di youtube selain anda
menempatkan file video kesayangan anda maka secara tidak langsung anda mempromosikan
video dan blog anda di youtube, yang bisa menjadi salah satu sumber trafik (pengunjung) ke blog
anda.

Video youtube yang anda pasang /tambah ke blog anda juga bisa membuat postingan semakin
menarik dan bisa membuat postingan lebih informatif.

Ada beberapa tahap cara memasang video di youtube:


1. Anda harus punya link/script embed file video di youtube, script ini bisa diperoleh dengan
cara:
a. mengunjungi langsung situs youtube kemudaian mengambil script embed-nya,
b. bisa juga dengan meng-upload video di youtube kemudian mengambil kode /scriptnya
Dalam contoh ini kita akan menggunakan file video youtube yang sudah saya upload di situs
youtube

Masuk ke direktori My Videos


Pilih salah satu file video yang sudah anda upload ke youtube
Copy script yang ada dalam kotak teks embed

Contoh scriptnya bisa dilihat di bawah ini:

<object width="425" height="344"><param name="movie"


value="http://www.youtube.com/v/VYWu3IaVVtg&hl=en&fs=1"></param><param
name="allowFullScreen" value="true"></param><param name="allowscriptaccess"
value="always"></param><embed
src="http://www.youtube.com/v/VYWu3IaVVtg&hl=en&fs=1" type="application/x-
shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425"
height="344"></embed></object>

Agar videonya bisa simetris letaknya, atau berada di tengah-tengah bisa tambahkan script
<center> ------ </center> menjadi seperti di bawah ini

<center><object width="425" height="344"><param name="movie"


value="http://www.youtube.com/v/VYWu3IaVVtg&hl=en&fs=1"></param><param
name="allowFullScreen" value="true"></param><param name="allowscriptaccess"
value="always"></param><embed
src="http://www.youtube.com/v/VYWu3IaVVtg&hl=en&fs=1" type="application/x-
shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425"
height="344"></embed></object></center>

Setelah mendapatkan script embed video dari youtube


Login ke akun blogger anda, buat postingan baru (new entri)
Masukkan script embed video youtube ke dalam kotak teks
Hasil video youtube yang terpasang di dalam postingan blog akan tampak seperti di bawah ini
(anda harus bersabar menunggu loading file video youtube-nya), cepat atau lama munculnya
video tergantung koneksi internet anda)

Selain video yang sudah anda download sendiri ke youtube, anda juga bisa mengambil script
embed video orang lain yang ada di youtube,
Anda cukup membuka sebuah video yang ada di youtube, kemudian mengambil script embed
videonya, dan memasukkannya ke blog anda.
Contoh script embed videonya bisa dilihat seperti di bawah ini:

Memasang widget google translator logo bendera di blog


Buat teman-teman yang mungkin ingin menambah atau memasang widget google
translator ke blog ada dua pilihan, yaitu google traslate strandar dan google
translate yang terdiri dari logo bendera.

Contoh widget google transtalor logo bendera bisa dilihat seperti di bawah ini:

Selain di atas bisa juga menggunakan


tampilan berikut:

Info selengkapnya tentang script google translator di atas bisa dilhat disini Free
widget google translator

Cara buat teks judul blog berjalan di title bar browser


Mungkin ada diantara teman-teman yang ingin menghias blognya, dengan membuat teks judul
blog berjalan saat dibuka di browser internet. Untuk membuat judul tersebut berjalan anda perlu
menambahkan script ke template anda.

Jadi bigung membuat kata-kata yang cocok buat menjelaskannya. Untuk lebih jelasnya bisa
dilihat disini blog dummy

Di bagian atas browser (title bar browser) ada tulisan berikut:


Welcome to my blog !!! ... , Articles about computer
Nah tulisan tersebut yang saya maksudkan.
Buat teman-teman yang tertarik

1. Login ke dasboard

Pilih Tata Letak -> Edit Html

2. Cari kode berikut

]]></b:skin>
</head>

3. Setelah kode ]]></b:skin>, masukkan kode berikut:

<SCRIPT language='JavaScript'>
var txt="Welcome to my blog !!! ... , Articles about computer | ";
var speed=150;var refresh=null;function move() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresh=setTimeout("move()",speed);}move();
</SCRIPT>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>

4. hasilnya akan tampak seperti di bawah ini

]]></b:skin>
<SCRIPT language='JavaScript'>
var txt="Welcome to my blog !!! ... , Articles about computer | ";
var speed=150;var refresh=null;function move() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresh=setTimeout("move()",speed);}move();
</SCRIPT>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
</head>

catatan:
Angka 150 pada var speed=150 bisa anda ubah sesuai kebutuhan, semakin kecil nilainya maka
semakin cepat pergerakan teksnya.
Tulisan Welcome to my blog !!! ... , Articles about computer | , bisa anda ganti sesuai tema blog
anda....

Selamat mencoba.....
Saya tidak menyarankan anda memakai cara ini karena menurut saya secara pribadi jika
tulisannya bergerak bisa membuat kepala pusing...dan susah membaca teksnya.

Cara buat read more di blogspot versi 3 (readmore versi blogger help)
Secara tidak sengaja saat membuat postingan, saya mengklik tanda tanya yang ada di posting
blog dan membuka halaman tentang readmore blogger. Buat teman-teman yang mungkin
berminat menggunakan cara membuat readmore ini, bisa ikuti prosedur berikut:

1. Login ke dashboar anda


Pilih Tata Letak -> Edit Html

2. Cari kode berikut

<data:post.body/>

3. Coba anda lihat di bagian bawah kode tersebut, apakah sudah ada kode berikut
(Biasanya jika menggunakan template bawaan blogger, sudah ada kode di bawah ini, jika belum
ada masukkan kode berikut di bawah kode yang terdapat pada langkah 2

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

4. Hasilnya mirip seperti di bawah ini

<data:post.body/>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
5. Selanjutnya, Pada dashboard pilih Elemen halaman
Pada bagian Posting Blog ,klik Edit

6. Pada bagian Teks tautan laman entri


Anda bisa mengganti Tulisan " baca selengkapnya " menjadi "readmore" atau kata yang ingin
anda tampilkan sebagai pengganti read more

Simpan perubahan di atas, dengan menekan


tombol Simpan

7. Selanjutnya Di dasboard pilih Posting -> Entri baru


Anda aktifkan Mode "Edit HTML"
pada bagian teks yang akan dipenggal masukkan kode berikut:

<!-- more -->

Catatan:
1.Teks sebelum script "more" akan ditampilkan, sedangkan teks setelah script "more" akan
disembunyikan
2. Penulisan script more perhatikan tanda - dan more ada spasi.
Catatan:
Agar anda tidak berulang menuliskan script <!-- more --> pada setiap membuat entri (postingan
baru) maka anda bisa memasukkan script <!-- more --> tersebut ke template entry

Pada Dashboard pihh Tata letak -> Format

Di bagian template entri masukkan script <!--


more -->
Jika anda membuat entri baru (lihat langkah 7, maka secara otomatis script tersebut akan muncul
di entri baru anda.

Contoh blog saya yang memakai script ini bisa dilihat disini blog dummy

Update nov 2009

Saat ini untuk membuat readmore di blogger (blogspot) sudah tidak perlu menggunakan script
lagi, anda cukup menggunakan/mengaktifkan new editor blogger, dan menggunakan toolbar read
more, paduannya bisa dilihat disini membuat readmore di blogger (blogspot)
Membuat readmore di editor baru blogger
Membuat readmore di editor baru blogger lebih mudah jika dibanding menggunakan editor lama.
Di editor baru (new editor ), anda tidak perlu membuat script cukup menggunakan tombol
readmore yan tersedia di toolbar editor blogspot. Anda perlu mengatur editor agar yang aktif
adalah new editor.

Prosedur yang harus anda lakukan:


1. login ke dashboard
pilih pengaturan ->; dasar

geser halaman ke bawah hingga menemukan setting global


pada bagian "pilih editor entri" klik option pada "editor yang diperbarui"
Simpan setelan

2. mulai membuat postingan baru,


pilih entri baru
ketik teks (postingan) , di bagian bawah teks yang akan dimunculkan, letakkan kursor mouse
kemudian klik klik tombol readmore di toolbar editor
jika berhasil akan muncul pemisah berupa garis putus-putus.

Cara menambah lagu di blog


Awalnya saya tidak tertarik membuat postingan ini,karena menurut saya tidak
efektif jika tambah /pasang lagu di blog dan jauh lebih baik memutar winamp di
komputer sambil buat blog daripada memutar lagu secara online. tetapi karena ada
beberapa teman yang menanyakan cara menambah atau memasang lagu ke blog,
akhirnya saya buat juga postingan cara tambah lagu di blog ini.

Tetapi sebagai pertimbangan buat teman-teman sebelum menambah lagu ke blog:


1. Blog akan menjadi lebih berat, sehingga waktu loading atau membuka halaman
lebih lambat
2. Robot google tidak suka dengan blog yang berat loadingnya, jadi jika tujuan anda
untuk optimasi seo maka jangan tambah atau pasang lagu di blog anda.

Buat yang tertarik pasang lagu di blog bisa lakukan prosedur berikut:
1. Buka situs layanan mp3 online
2. Copy kode html yang tersedia
3. Logn ke account blogger anda
Pilih Dashboard -> tata letak -> elemen halaman
Pilih Tambah Gadget

4. Pilih html/java script


5. Masukkan kode yang anda perleh dari website layanan lagu online ke kotak teks
html/javascript
Klik Simpan

6. Buka blog anda, jika sukses maka akan muncul widget mp3 player di blog anda.
Untuk memulai lagu anda bisa tekan tombol play seperti di winamp. Untuk
menyembunyikan playlist tekan tombol PL.
Contoh hasilnya bisa dilihat disini : blog dummy

Mengubah (konversi) tabel excel ke html script


Mungkin ada diantara teman-teman yang sering membuat tabel saat akan
membuat website/blog. Anda bisa memanfaatkan tool berikut untuk membantu
anda mengubah tabel excel tersebut ke dalam bentuk html script. Jadi anda cuma
meng-copy tabel tersebut selajutnya paste di website converter kemudian anda
mendapatkan script htmlnya yang bisa anda sisipkan di halaman web anda.

Untuk memulai konversi:


1. Buka excel anda, copy tabel yang akan di konversi
2. Buka website tableizer
3. masukkan (paste) tabel excel di web tersebut
4. klik tombol tableize it

5. Copy script html ke web /blog anda

Tabel warna dan kode warna (hexadecimal code)


Berikut ini adalah tabel daftar nama warna (color name) dan nilai hexadesimal (or a hex value)

Color Name HEX Code Color (Contoh warna)


Alice Blue #F0F8FF
AntiqueWhite #FAEBD7
Aqua #00FFFF
Aquamarine #7FFFD4
Azure #F0FFFF
Beige #F5F5DC
Bisque #FFE4C4
Black #000000
BlanchedAlmond #FFEBCD
Blue #0000FF
BlueViolet #8A2BE2
Brown #A52A2A
BurlyWood #DEB887
CadetBlue #5F9EA0
Chartreuse #7FFF00
Chocolate #D2691E
Coral #FF7F50
CornflowerBlue #6495ED
Cornsilk #FFF8DC
Crimson #DC143C
Cyan #00FFFF
DarkBlue #00008B
DarkCyan #008B8B
DarkGoldenRod #B8860B
DarkGray #A9A9A9
DarkGreen #006400
DarkKhaki #BDB76B
DarkMagenta #8B008B
DarkOliveGreen #556B2F
Darkorange #FF8C00
DarkOrchid #9932CC
DarkRed #8B0000
DarkSalmon #E9967A
DarkSeaGreen #8FBC8F
DarkSlateBlue #483D8B
DarkSlateGray #2F4F4F
DarkTurquoise #00CED1
DarkViolet #9400D3
DeepPink #FF1493
DeepSkyBlue #00BFFF
DimGray #696969
DodgerBlue #1E90FF
FireBrick #B22222
FloralWhite #FFFAF0
ForestGreen #228B22
Fuchsia #FF00FF
Gainsboro #DCDCDC
GhostWhite #F8F8FF
Gold #FFD700
GoldenRod #DAA520
Gray #808080
Green #008000
GreenYellow #ADFF2F
HoneyDew #F0FFF0
HotPink #FF69B4
IndianRed #CD5C5C
Indigo #4B0082
Ivory #FFFFF0
Khaki #F0E68C
Lavender #E6E6FA
LavenderBlush #FFF0F5
LawnGreen #7CFC00
LemonChiffon #FFFACD
LightBlue #ADD8E6
LightCoral #F08080
LightCyan #E0FFFF
LightGoldenRodYellow #FAFAD2
LightGrey #D3D3D3
LightGreen #90EE90
LightPink #FFB6C1
LightSalmon #FFA07A
LightSeaGreen #20B2AA
LightSkyBlue #87CEFA
LightSlateGray #778899
LightSteelBlue #B0C4DE
LightYellow #FFFFE0
Lime #00FF00
LimeGreen #32CD32
Linen #FAF0E6
Magenta #FF00FF
Maroon #800000
MediumAquaMarine #66CDAA
MediumBlue #0000CD
MediumOrchid #BA55D3
MediumPurple #9370D8
MediumSeaGreen #3CB371
MediumSlateBlue #7B68EE
MediumSpringGreen #00FA9A
MediumTurquoise #48D1CC
MediumVioletRed #C71585
MidnightBlue #191970
MintCream #F5FFFA
MistyRose #FFE4E1
Moccasin #FFE4B5
NavajoWhite #FFDEAD
Navy #000080
OldLace #FDF5E6
Olive #808000
OliveDrab #6B8E23
Orange #FFA500
OrangeRed #FF4500
Orchid #DA70D6
PaleGoldenRod #EEE8AA
PaleGreen #98FB98
PaleTurquoise #AFEEEE
PaleVioletRed #D87093
PapayaWhip #FFEFD5
PeachPuff #FFDAB9
Peru #CD853F
Pink #FFC0CB
Plum #DDA0DD
PowderBlue #B0E0E6
Purple #800080
Red #FF0000
RosyBrown #BC8F8F
RoyalBlue #4169E1
SaddleBrown #8B4513
Salmon #FA8072
SandyBrown #F4A460
SeaGreen #2E8B57
SeaShell #FFF5EE
Sienna #A0522D
Silver #C0C0C0
SkyBlue #87CEEB
SlateBlue #6A5ACD
SlateGray #708090
Snow #FFFAFA
SpringGreen #00FF7F
SteelBlue #4682B4
Tan #D2B48C
Teal #008080
Thistle #D8BFD8
Tomato #FF6347
Turquoise #40E0D0
Violet #EE82EE
Wheat #F5DEB3
White #FFFFFF
WhiteSmoke #F5F5F5
Yellow #FFFF00
YellowGreen #9ACD32

Sumber: Tabel warna

cara buat tag cloud (tag berputar)


Mungkin ada diantara teman yang masih pemula yang senang menghias blog dengan membuat
atau menambah tag (label) yang berputar ketika pointer mouse diarahkan ke tag atau label
tersebut. Biasanya tag cloud ditempatkan di sidebar blog. Anda bisa menambahkan script ke
template anda untuk bisa menampilkan tag (label) cloud tersebut di sidebar.
Contohnya bisa dilihat di bawah ini

Untuk buat (tambah) tag cloud ke sidebar blog


anda,bisa lakukan prosedur berikut
1. Login ke dashboard
Pilih Tata Letak -> Edit Html

2. Cari kode berikut


<b:section class='sidebar' id='sidebar' preferred='yes'>

Setelah kode di atas masukkan kode berikut

<b:widget id='Label100' locked='false' title='Labels' type='Label'>


<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js'
type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy
Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-
example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a
expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

3. Simpan template

Jika sukses maka hasilnya akan terlihat seperti berikut tag cloud

Catatan,
Jika di blog anda memasang tag cloud dan tag daftar/text, biasanya tag cloudnya belum
muncul.Jika tag cloudnya belum muncul coba di setting manual widget label yang ada di sidebar
blog anda. Pilih option Cloud
Jika ingin mengubah warnanya anda bisa coba ganti beberapa variabelnya
tagcloud", "240", "300", "7", "#ffffff" ->
a. 240 adalah lebar widget , 300 tinggi widget (angka 240 dan 300 bisa anda ganti sesuai lebar
widget anda agar lebih rapi),
b. #ffffff adalah warna background, warna backgroundnya bisa anda ganti dengan warna lain ,
bisa dilihat disini daftar warna
3. so.addVariable("tcolor", "#ffffff"); dimana , #ffffff warna teks hitam. warna teks lain yang
bisa anda gunakan:

0xffffff : warna putih


0xFF0000FFF : warna merah
0x00FF00: Warna Hijau
0x0FFFF0: warna Kuning
0x00FF0000 : warna biru
0xFFF000 : warna biru muda
0xFFFFFFF : Warna Hitam
0x0FF0FF0 : warna pink

Contoh di bawah ini adalah script tag berputar background berwarna biru, dan teks berwarna
putih:

<b:widget id='Label100' locked='false' title='Labels' type='Label'>


<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js'
type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy
Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-
example/tagcloud.swf", "tagcloud", "280", "300", "7", "#007FFF");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xffffff");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a
expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Contoh tag berputar warna biru bisa dilihat disini tag berputar

Cara follow (mengikuti) twitter orang lain


Ini bagian keenam dari cara promosi blog di twitter

Ada banyak cara untuk mencari teman (mengikuti twitter) orang lain, beberapa
contohnya:

A. Sebelum anda login di twitter

1. Misalkan anda twittwalking , anda melihat sebuah twitter orang lain yang
menarik, maka cukup klik salah satu logo yang ada di following (sidebar)
lihat gambar di bawah
2. akan muncul kotak login, isi dengan user dan password twitter anda
Klik Sign in

3. Secara default, orang yang anda follow akan muncul di list follow anda jika
mereka sudah menyetujui.

B. Cara lain saat anda sudah login (aktif di account twitter)


Ada beberapa cara mencari follower
a. cari teman dengan invited email (mengundang teman menggunakan email)
b. Find people
c. browse teman (follower) dari teman anda
d. Folow undangan dari teman

saya akan mencoba dengan menggunakan Find People


1. Klik Find people

2. masukkan keyword, miasalnya nama negara, nama sekolah, atau nama artis dan
lain-lain
Klik search

3. Dalam hasil pencarian, klik "Follow"


Anda harus menunggu mereka aprove permohonan follow anda.

Mengubah gambar background blog dengan gambar sendiri


Buat teman-teman yang masih pemula, mungkin ada yang belum tahu cara mengganti
background blog. Sebenarnya anda bisa mengubah background blog anda dengan menambah
sedikit script CSS ke template blog anda.
Sebagai Catatan:
Saya menguji coba template ini pada template bawaan blogger yaitu: "Denim"
Mungkin jika menggunakan template lain tidak berfungsi optimal, karena biasanya setiap
template mempunyai struktur dan syntax script yang berbeda.

Jika tertarik mengganti template blog:


1. Anda harus mengupload gambar yang akan anda gunakan di situs hosting file (image) seperti
photobucket. Jika belum punya account disana anda bisa daftar di photobucket.com atau tinypic
Setelah upload gambar anda akan mendapakan url gambar tersebut.
(Catatan: gambar yang anda upload sebaiknya ukuran filenya kecil, usahakan lebih kecil dari 10
kbyte) agar cepat loadingnya, saya sarankan anda upload gambarnya ke tinypic)

2. Atau jika anda ingin mencoba gambar background yang saya punya bisa pakai url berikut:
http://i725.photobucket.com/albums/ww252/papao74/bg_blogku.gif
http://i37.tinypic.com/apb69k.jpg
http://i36.tinypic.com/n1bdcz.jpg
(pilih salahsatu untuk ujicoba)

3. Selanjutnya masuk ke account blogger anda:


Pilih dasboard -> Tata Letak -> Edit Html

4. cari kode berikut:

body {
background: $bgColor;

5. Masukkan kode berikut di bawahnya:

background: #642D8B url('url gambar anda' ) fixed repeat top left;

Hasilnya seperti di bawah ini

body {
background: $bgColor;
background: #642D8B url('url gambar anda') fixed repeat top left;
6. Agar background di samping header berubah, maka anda harus mengubah kode berikut:

#header-wrapper {
margin:0;
padding: 0;
background-color: $headerCornersColor;
text-align: $startSide;

Ubah menjadi:

#header-wrapper {
margin:0;
padding: 0;
background: #642D8B url('url gambar anda') fixed repeat top left;
background-color: $headerCornersColor;
text-align: $startSide;

catatan;
url gambar anda diganti dengan url gambar yang telah anda upload, atau diganti dengan url
gambar yang saya pakai:
http://i725.photobucket.com/albums/ww252/papao74/bg_blogku.gif

6. Simpan template

Update 2 januari 2010


Sejak 29 Desember, saya mengganti template menggunakan template denim + sun of moto
(masih template bawaan /standar blogger), seperti yang saya gunakan di blog ini, jika ingin
mencobanya bisa lakukan modifikasi script pada template anda:

a. Script untuk mengganti gambar background body

body {
background: $bgColor;
background: #692 url('http://i48.tinypic.com/2ccrmgi.jpg') top center repeat-y;
margin: 0;
padding: 0px;

b. Script untuk mengganti gambar background header

#header-wrapper {
margin:0;
padding: 0;
background: #692 url('http://i48.tinypic.com/2ccrmgi.jpg')
c. Script untuk mengubah lebar content (menjadi 900 pixel)

#content-wrapper {
width: 900px;

d. Script untuk mengubah lebar main (postingan)

#main-wrapper {
margin-$startSide: 14px;
width: 500px;

e. Script untuk mengubah lebar sidebar

#sidebar-wrapper {
margin-$endSide: 10px;
width: 360px;

Contoh template denim yang sudah saya ubah bisa dilihat disini
Computer dummy atau
Blog kalong
Komputer SEO

Contoh template minima yang sudah saya ubah bisa dilihat disini
dummy-ku

Cara update posting twitter secara otomatis menggunakan feed hootsuite


Ini bagian kelima dari cara promosi blog di twitter

Buat teman-teman yang sering menggunakan twitter (kadang salah tulis twiter
untuk keyword seo).Kelebihan dari cara update twitter secara otomatis ini adalah
anda tidak perlu repot lagi mengaupdate postingan, karena setiap ada update pada
postingan blog anda secara otomatis hootsuite akan mendirect dan mengupdate
twitter. Anda hanya perlu melakukan konfigurasi feed blog anda di hootsuite

Untuk update postingan (posting) twitter secara otomatis lakukan prosedur berikut:

1. Login ke hootsuite
2. Pada bagian dashboard, pilih tabulasi RSS Atom Feeds
Klik tombol Add new Feed
catatan:
(hootsuite versi gratis hanya mengizinkan 5 buah feed, artinya hanya 5 buah blog
anda yang bisa anda update otomatis di twitter, selebihnya harus diupdate secara
manual, atau jika ingin unlimited feed bisa gunakan layanan berbayarnya)

2. masukkan url feed blog anda


biasanya formatnya seperti ini:
http://namadomain.blogspot.com/feeds/posts/defaults
Contoh:
http://artikelkomputerku.blogspot.com/feeds/posts/default
atau
http://mycomputerdummies.blogspot.com/feeds/posts/default

Klik Save
3. Jika sukses maka akan terlihat logo
berwarna merah (pause) di depan nama feed

Contoh hasilnya bisa dilihat disini : Twitter

Silahkan lihat kelanjutannya di bagian ke enam (cara follow /mengikuti tweeter


orang lain)

Cara update postingan (posting) di twitter secara manual


Ini adalah bagian keempat, silahkan lihat bagian pertamanya disini cara promosi
blog di twitter
update postingan (posting)secara manual di twitter kalo diingriskan mungkin begini
"manually tweets twitter" jadi ingat burung tweety di Kenali dan Kunjungi Objek
Wisata di Pandeglang

Update secara manual terkadang diperlukan, dalam kasus tertentu, seperti jika saat
mendaftar postingan di blog anda anda sudah lebih dari 25 postingan. Biasanya rss
feed hanya merekam 25 postingan terbaru. Misalkan postingan di blog anda ada 30
buah saat mendaftar di twitter, maka jika memanfaat update otomatis hootsuite,
maka twitter hanya bisa menampilkan 25 postingan terakhir, kelebihannya
sebanyak 5 buah postingan harus anda update (posting) di twitter secara manual.

1. Login ke hootsuite

2. Di Bagian dashboard
Ketik teks postingan yang akan ditampilkan, misalnya:
Kenali dan Kunjungi Objek Wisata di Pandeglang
di bagian bawahnya masukkan url link halaman yang akan dihubungkan dengan
postingan (tweets), misalnya:
http://artikelkomputerku.blogspot.com/2009/08/kenali-dan-kunjungi-objek-wisata-
di.html
Klik "Shrink It"

3. Jika sukses maka dibelakang tulisan


pstingan akan muncul sebuah link
Klik "Submit Tweet"

4. Jika sukses maka akan muncul postingan di halaman twitter anda,

Contohnya bisa dilihat disini : Twitter

Silahkan lihat kelanjutannya di bagian ke lima (cara update secara otomatis)

Cara daftar di hootsuite


Ini adalah bagian ketiga dari cara promosi blog di twitter, silahkan mulai dari bagian
awal

Untuk memanfaatkan fasilitas dari hootsuite anda harus daftar, biaya


pendaftarannya gratis, dan anda tidak dibebani biaya penggunaan (semauanya
gratis)

Untuk mendaftar ke hootsuite

1. Buka halaman hootsuite, bisa klik disini hootsuite atau di old hootsuite (saya
menggunakan old hootsuite)
Isi form pendaftaran
Email, nama, password,timezone,dst
Klik Create account
2. Pada bagian :
a. twitter login : isi dengan username yang telah anda buat di twitter
b. masukkan password
Klik add

2. Jika sukses akan muncul link twitter anda seperti gambar di bawah
Klik Finish
3. Akan muncul halaman aktivasi.
Cek email untuk mengambil kode aktivasi yang terkirim di email anda

Contoh isi Email konfirmasi

5. Di halaman hootsuite, klik tombol Confirm


6. Jika sukses anda akan punya account di
hootsuite,

Silahkan lihat kelanjutannya di bagian keempat (cara update twitter)

Cara daftar (buat account) di twitter


Ini adalah bagian kedua tentang cara promosi blog di twitter, silahkan lihat bagian
pertamanya disini : Cara promosi blog di twitter

Sebagaimana yang diketahui twitter merupakan situs jejaring sosial dan


microblogging. dapat digunakan sebagai sarana promosi blog. Untuk
menggunakannya anda harus mendaftar dan membuat account.

Prosedurnya:

1. Daftar ke twitter, bisa klik disini Twitter


Klik Join
2. isi form pendaftaran berikut
Fullname : nama anda (bisa pakai nama samaran)
Username : nama ini akan anda pakai untuk login
Password : usahakan beda dengan password email agar email anda tetap aman
Email : isi dgn email anda
Kode capctha contoh: (eler retool)
Klik Create my account

Jika sukses maka akan muncul pesan


agar anda melakukan konfirmasi. Email konfirmasi dari twitter akan terkirim
otomatis ke email anda.
Buka email anda, klik link konfirmasi dari tweeter untuk mengaktifkan account
twitter.

Sampai disini anda sudah punya halaman /web twitter, namun anda tidak bisa
mengupdate atau membuat postingan di twitter,karena sampai saat ini tweeter
belum menyediakan fasilitas update postingan di web-nya, jadi anda harus
menggunakan layanan pihak ketiga seperti hootsuite (gratis).

Cara promosi blog di twitter (microblogging)


Mungkin ada diantara teman-teman yang sering menggunakan twitter untuk
membuat postingan atau mempromosikan tulisan (layaknya sebuah blog). Twitter
merupakan salah satu situs yang memadukan antara jejaring sosial dan blog.
Postingan yang ditampilkan akan meyesuaikan dengan urutan waktu postingannya,
jadi postingan yang dibuat pada tanggal yg lebih baru otomatis akan berada pada
posisi teratas dari tampilan web twitter. Namun karena jumlah karakter yang
ditampilkan dibatasi jadi twitter hanya mampu menampilkan penggalan postingan
jika postingan terlalu panjang.

Ada beberapa cara untuk mengupdate twitter anda:


1. Dengan menggunakan hp (saya sampai sekarang belum tahu cara ini, dan juga
malas mencari tahu cara menggunakan hp untuk update twitter karena tombol hp
yang kecil dan susah untuk mengetik postingan di hp).
2. Dengan menggunakan situs gratisan yang bisa anda lakukan secara online,
salahsatu situs yang menyediakan layanan update tweeter secara gratis adalah
hootsuite.

Dalam bahasan kali ini saya akan mencoba memberikan gambaran kepada teman-
teman yang masih awam tentang cara mengupdate twitter menggunakan situs
hootsuite, dan kegiatan apa saja yang bisa anda lakukan di twitter :

1. Daftar ke twitter untuk membuat account,


2. Daftar ke hootsuite untuk membuat account,
3. Konfigurasi hootsuite dan twitter (untuk melakukan koneksi dan sinkronisasi
antara twitter dan hootsuite
4. Update postingan secara manual (optional)
5. Update postingan secara otomatis dengan menggunakan rss feed
6. Hapus tweets (postingan)
7. Follow (mengikuti)twitter orang lain

Karena ada beberapa tahap, jika saya jaikan satu postingan maka waktu loadingnya
akan lama karena gambarnya ada puluhan, jadi saya membagi menjadi beberapa
bagian agar lebih mudah membuka halamannya, yaitu:
1. Cara daftar ke twitter,
2. Cara daftar ke hootsuite,
3. Cara Update postingan twitter secara manual
4. cara Update postingan twitter secara otomatis dengan menggunakan hootsuite
(rss feed)
5. cara follow (mengikuti)twitter orang lain

Catatan:
Ada beberapa istilah yang digunakan dalam twitter, yaitu:
a. Tweets kalo dalam blogger (blogspot) dinamakan postingan
b. Following adalah situs twitter orang lain yang anda ikuti
c. Follewer adalah orang yang mengikuti situs twitter anda
d. Retweets adalah istilah membuat postingan (update) postingan di twitter
e. Follow adalah perintah atau tindakan untuk mengikuti twitter orang lain.

You might also like