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 :
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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.
4. Atur tampilan recent posts andaa. Judul : Artikel terbarub.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 postingang. Summary length (Needed only if you opt to display summaries) lebar ringkasan (sesuaikan dengan lebar blog/sidebar)
h. Display post date ? menampilkan tanggal postingani. Display the number of comments ? menampilkan jumlah komentarj. Display the Read more link ? menampilkan read morek. 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 slideshowJika belum terdaftar (belum punya akun) klik tombol sign up untuk daftar dan isi form pendaftaran, jika sudah punya bisa langsung klik tombol Sign in
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,backgroundKlik update setelah selesai melakukan pengaturan
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
2. Login ke dasboard blogger, buat entri baru atau add gadget html/javascriptMasukkan 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 andab. height="360" lebar gambar 360 sesuaikan dengan gambar anda
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 slideshowcontohnya 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)
<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 biruUntuk 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)
Contoh 2Kecepatannya 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()
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)
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
* 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)
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.
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
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).
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)
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
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 VideosPilih salah satu file video yang sudah anda upload ke youtubeCopy script yang ada dalam kotak teks embed
Setelah mendapatkan script embed video dari youtubeLogin 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 computerNah tulisan tersebut yang saya maksudkan.
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;
]]></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 andaPilih 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
5. Selanjutnya, Pada dashboard pilih Elemen halamanPada bagian Posting Blog ,klik Edit
6. Pada bagian Teks tautan laman entriAnda 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 baruAnda aktifkan Mode "Edit HTML"pada bagian teks yang akan dipenggal masukkan kode berikut:
Catatan:1.Teks sebelum script "more" akan ditampilkan, sedangkan teks setelah script "more" akan disembunyikan2. 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
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 dashboardpilih pengaturan ->; dasar
geser halaman ke bawah hingga menemukan setting globalpada bagian "pilih editor entri" klik option pada "editor yang diperbarui"Simpan setelan
ketik teks (postingan) , di bagian bawah teks yang akan dimunculkan, letakkan kursor mouse kemudian klik klik tombol readmore di toolbar editorjika 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 lambat2. 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 online2. Copy kode html yang tersedia
5. Masukkan kode yang anda perleh dari website layanan lagu online ke kotak teks html/javascriptKlik 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.
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 konversi2. Buka website tableizer3. masukkan (paste) tabel excel di web tersebut
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
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 variabelnyatagcloud", "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 warna3. so.addVariable("tcolor", "#ffffff"); dimana , #ffffff warna teks hitam. warna teks lain yang bisa anda gunakan:
0xffffff : warna putih0xFF0000FFF : warna merah0x00FF00: Warna Hijau0x0FFFF0: warna Kuning0x00FF0000 : warna biru0xFFF000 : warna biru muda0xFFFFFFF : Warna Hitam0x0FF0FF0 : 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/'>RoyTanck</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 andaKlik 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 followera. cari teman dengan invited email (mengundang teman menggunakan email)b. Find peoplec. browse teman (follower) dari teman andad. Folow undangan dari teman
saya akan mencoba dengan menggunakan Find People1. Klik Find people
2. masukkan keyword, miasalnya nama negara, nama sekolah, atau nama artis dan lain-lainKlik 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 tinypicSetelah 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.gifhttp://i37.tinypic.com/apb69k.jpghttp://i36.tinypic.com/n1bdcz.jpg(pilih salahsatu untuk ujicoba)
3. Selanjutnya masuk ke account blogger anda:Pilih dasboard -> Tata Letak -> Edit Html
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
Contoh template denim yang sudah saya ubah bisa dilihat disiniComputer dummy atauBlog kalongKomputer SEO
Contoh template minima yang sudah saya ubah bisa dilihat disinidummy-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 FeedsKlik 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 andabiasanya formatnya seperti ini:http://namadomain.blogspot.com/feeds/posts/defaultsContoh:http://artikelkomputerku.blogspot.com/feeds/posts/defaultatauhttp://mycomputerdummies.blogspot.com/feeds/posts/default
Klik Save
3. Jika sukses maka akan terlihat logo berwarna merah (pause) di depan nama feed
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.
2. Di Bagian dashboardKetik teks postingan yang akan ditampilkan, misalnya:Kenali dan Kunjungi Objek Wisata di Pandeglangdi 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.htmlKlik "Shrink It"
3. Jika sukses maka dibelakang tulisan pstingan akan muncul sebuah linkKlik "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)
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 pendaftaranEmail, nama, password,timezone,dstKlik Create account
2. Pada bagian :a. twitter login : isi dengan username yang telah anda buat di twitterb. masukkan passwordKlik add
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 TwitterKlik Join
2. isi form pendaftaran berikutFullname : nama anda (bisa pakai nama samaran)Username : nama ini akan anda pakai untuk loginPassword : usahakan beda dengan password email agar email anda tetap amanEmail : isi dgn email andaKode 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).
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 hootsuite4. Update postingan secara manual (optional)5. Update postingan secara otomatis dengan menggunakan rss feed6. 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 manual4. 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 postinganb. Following adalah situs twitter orang lain yang anda ikutic. Follewer adalah orang yang mengikuti situs twitter andad. Retweets adalah istilah membuat postingan (update) postingan di twittere. Follow adalah perintah atau tindakan untuk mengikuti twitter orang lain.