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; backgroundcolor: 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/xshockwave-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/xshockwave-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 Alice Blue AntiqueWhite Aqua Aquamarine Azure Beige Bisque HEX Code #F0F8FF #FAEBD7 #00FFFF #7FFFD4 #F0FFFF #F5F5DC #FFE4C4 Color (Contoh warna)

Black BlanchedAlmond Blue BlueViolet Brown BurlyWood CadetBlue Chartreuse Chocolate Coral CornflowerBlue Cornsilk Crimson Cyan DarkBlue DarkCyan DarkGoldenRod DarkGray DarkGreen DarkKhaki DarkMagenta DarkOliveGreen Darkorange DarkOrchid DarkRed DarkSalmon DarkSeaGreen DarkSlateBlue DarkSlateGray DarkTurquoise DarkViolet DeepPink DeepSkyBlue DimGray DodgerBlue FireBrick FloralWhite ForestGreen Fuchsia Gainsboro GhostWhite Gold

#000000 #FFEBCD #0000FF #8A2BE2 #A52A2A #DEB887 #5F9EA0 #7FFF00 #D2691E #FF7F50 #6495ED #FFF8DC #DC143C #00FFFF #00008B #008B8B #B8860B #A9A9A9 #006400 #BDB76B #8B008B #556B2F #FF8C00 #9932CC #8B0000 #E9967A #8FBC8F #483D8B #2F4F4F #00CED1 #9400D3 #FF1493 #00BFFF #696969 #1E90FF #B22222 #FFFAF0 #228B22 #FF00FF #DCDCDC #F8F8FF #FFD700

GoldenRod Gray Green GreenYellow HoneyDew HotPink IndianRed Indigo Ivory Khaki Lavender LavenderBlush LawnGreen LemonChiffon LightBlue LightCoral LightCyan LightGoldenRodYellow LightGrey LightGreen LightPink LightSalmon LightSeaGreen LightSkyBlue LightSlateGray LightSteelBlue LightYellow Lime LimeGreen Linen Magenta Maroon MediumAquaMarine MediumBlue MediumOrchid MediumPurple MediumSeaGreen MediumSlateBlue MediumSpringGreen MediumTurquoise MediumVioletRed MidnightBlue

#DAA520 #808080 #008000 #ADFF2F #F0FFF0 #FF69B4 #CD5C5C #4B0082 #FFFFF0 #F0E68C #E6E6FA #FFF0F5 #7CFC00 #FFFACD #ADD8E6 #F08080 #E0FFFF #FAFAD2 #D3D3D3 #90EE90 #FFB6C1 #FFA07A #20B2AA #87CEFA #778899 #B0C4DE #FFFFE0 #00FF00 #32CD32 #FAF0E6 #FF00FF #800000 #66CDAA #0000CD #BA55D3 #9370D8 #3CB371 #7B68EE #00FA9A #48D1CC #C71585 #191970

MintCream MistyRose Moccasin NavajoWhite Navy OldLace Olive OliveDrab Orange OrangeRed Orchid PaleGoldenRod PaleGreen PaleTurquoise PaleVioletRed PapayaWhip PeachPuff Peru Pink Plum PowderBlue Purple Red RosyBrown RoyalBlue SaddleBrown Salmon SandyBrown SeaGreen SeaShell Sienna Silver SkyBlue SlateBlue SlateGray Snow SpringGreen SteelBlue Tan Teal Thistle Tomato

#F5FFFA #FFE4E1 #FFE4B5 #FFDEAD #000080 #FDF5E6 #808000 #6B8E23 #FFA500 #FF4500 #DA70D6 #EEE8AA #98FB98 #AFEEEE #D87093 #FFEFD5 #FFDAB9 #CD853F #FFC0CB #DDA0DD #B0E0E6 #800080 #FF0000 #BC8F8F #4169E1 #8B4513 #FA8072 #F4A460 #2E8B57 #FFF5EE #A0522D #C0C0C0 #87CEEB #6A5ACD #708090 #FFFAFA #00FF7F #4682B4 #D2B48C #008080 #D8BFD8 #FF6347

Turquoise Violet Wheat White WhiteSmoke Yellow YellowGreen

#40E0D0 #EE82EE #F5DEB3 #FFFFFF #F5F5F5 #FFFF00 #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-cumulusexample/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-wisatadi.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 temanteman 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.

Sign up to vote on this title
UsefulNot useful