Pasang Label Bentuk Animasi di Blog

Agar menarik, coba arahkan mouse komputer anda pada tulian di dalam gambar di samping! bagus tidak? kemarin lusa ada yang minta di buatkan tutorial tentang bagaimana membuat widget label / kategori dalam bentuk animasi flash seperti gambar di samping. Widget tersebut biasa di gunakan oleh pengguna mesin wordpress, namun jika anda sebagai pengguna mesin blogger ingin memasang widget tersebut, anda bisa melakukannya.

Anda tertarik juga untuk memasang widget ini? berikut adalah langkah-langkahnya :

# Login ke blogger dengan ID anda.
# Klik Tata Letak.
# KLik tab Edit HTML.
# Klik tulisan Download Template Lengkap. silahkan backup dulu templatenya biar aman.
# Cari kode yang mirip dengan kode di bawah ini :

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

Copy lalu paste kode di bawah ini di bawah kode yang tadi ;

6.



<b:widget id='Label99' 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'> &lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt; &lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt; &lt;param name="bgcolor" value="#ffffff" /&gt; &lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt; <b:loop values='data:labels' var='label'> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a> </b:loop> &lt;/tags&gt;" /&gt; &lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt; &lt;/object&gt; </div> <b:include name='quickedit'/> </b:includable> </b:widget>

7.

Klik tombol SIMPA TEMPLATE
8.

Selesai.



Seharusnya dengan langkah di atas, anda sudah mempunyai sebuah label atau kategori dalam bentuk animasi flash. Akan tetapi agar lebih pas dengan template yang anda gunakan, ada beberapa yang bisa di ubah pada kode di atas, misal :



Untuk mengubah lebar widget :

width="250"

Nilai "250" adalah lebar widget sebesar 250 pixel. Nilai ini bisa anda ganti sesuai kebutuhan, misal : 300



Untuk mengubah tinggi widget :

height="200"

Nilai "200" adalah tingg widget sebesar 200 pixel. Nilai ini bisa anda ganti sesuai kebutuhan, misal : 250



Untuk mengubah warna background ":

&lt;param name="bgcolor" value="#ffffff" /&gt;

Tulisan "ffffff" adalah kode warna untuk putih, jika anda ingin mengubahnya, gantilah kode warna tersebut dengan kode warna yang anda inginkan. Contoh : kode warna untuk hitam adalah "000000"



Untuk mengubah warna tulisan ":

&lt;param name="flashvars" value="tcolor=0x000000&amp;

Tulisan "000000" adalah kode warna untuk hitam, jika anda ingin mengubahnya, gantilah kode warna tersebut dengan kode warna yang anda inginkan. Contoh : kode warna untuk putih adalah "ffffff"

Dan jika anda mengerti lebih banyak, anda bisa mengubah yang lain- lainnya pula.

Selamat mencoba!

Ingin mendapat artikel seperti ini langsung ke Email anda? Silahkan masukan
Selengkapnya...

Cara membuat Contact form / Kontak Kami

Sebelum anda memasang kontak form di blog, ada baiknya mempertimbangkan baik dan buruknya terlebih dahulu. Salah satu kebaikan atau kelebihan dari mamasang fasilitas kontak form yaitu mempermudah pengunjung untuk mengirimkan pesan ke anda. Lalu kekukarangan atau keburukannya yaitu karena sangat mudahnya orang mengirimkan pesan, maka anda harus bersiap-siap kebanjiran email di inbox anda dan tentunya anda harus meluangkan waktu untuk membalasnya, betul tidaaakk? dan sekaian saja Rafly mohon maaf kepada pengirim email yang belum sempat Rafly balas, karena banyak sekali email yang masuk sehingga belum sempat Rafly jawab semuanya.

Dimanakah kita bisa mendapatkan kontak form? di luar sana banyak sekali website yang menyediakan fasilitas ini, selain yang berbayar ada juga yang gratisan. Dan Rafly sebagai peramal masa depan sudah tahu isi kepala anda, pasti ingin tahu yang gratisan bukan? o’o….. kamu ketauan… suka gratisan… karna dirimu sama dengan aku . Web penyedia kotak form secara gratisan antara lain http://www.emailmeform.com, http://kontactr.com, http://www.zoho.com dan banyak lagi yang lainnya.

Kontak form yang Rafly pergunakan adalah kontak form dari http://www.emailmeform.com, dan agar seragam maka tutorial yang akan Rafly terangkan adalah tentunya dari web ini. Masih ingin lanjut? berikut adalah langkah-langkah membuat sebuah kontak form :

1. Silahkan kunjungi situs http://www.emailmeform.com.
2. Arahkan pandangan anda ke sebelah kanan atas monitor.
3. Klik pada tulisan Sign up for free.
4. Isilah form yang ada dengan data diri anda :



First Name : » isi dengan nama depan anda. Misal : muhammad.

Last Name : » isi dengan nama belakang anda. Misal : Rafly.

Username : » isi dengan username yang di inginkan. Misal : pepelagoon.

Password : » isi dengan kata kunci yang di inginkan. Misal : relepaduk.

Retype Password : » isi dengan kata kunci yang tadi di isikan. Misal : relepaduk.

Your Email : » isi dengan alamat email anda. Misal : pepelagoon@yahoo.com.


5.

Klik tombol Sign up.
6.

Setelah muncul tulisan terima kasih, silahkan cek email yang tadi di masukan oleh anda untuk memeriksa email verifikasi.
7.

Buka email kiriman dari EmailMeForm yang bertajuk Your new account information.
8.

klik link yang di berikan di email tersebut atau kalau tidak bisa, copy alamat URL tersebut lalu paste di address bar browser internet anda untuk melakukan verifikasi bahwa email yang tadi di masukan adalah benar-benar milik anda.
9.

Setelah proses verifikasi selesai, silahkan klik tulisan click here untuk menuju halaman akun kontrol panel anda.
10.

Alihkan perhatian anda ke sebelah kanan monitor. Klik tulisan Create new form.
11.

Ada beberapa form yang perlu di sisi :



Web form Name : » isi dengan nama yang anda inginkan, atau biarkan saja (di sana sudah tertera Contact Webmaster).

Recipients Emails : » isi dengan alamat email yang akan menerima pesan.

Spam Email address : » isi dengan alamat email yang di inginkan untuk menerima pesan spam (email sampah, email iseng doank, email iklan, dll) atau kosongkan saja bila tidak mau menerima pesan email spam.

Thank you page : » isi dengan alamat URL yang memuat tulisan terima kasih, contoh postingan yang ini. Atau jika bingung, tulis saja alamat blog anda.

Number of fields : » biarkan 4 saja.


12.

Klik tombol next yang ada di sebelah kanan.
13.

Ada beberapa field name yang bisa di ganti sesuai keinginan, misal : Your Name jadi Nama, Your Email Address jadi alamat Email, dst. Atau biarkan saja seperti itu.
14.

Klik tombol next yang ada di sebelah kanan.
15.

Klik tombol next lagi.
16.

Silahkan isi dengan keinginan anda ( hehehe… cape kalau nerangin yang ini) atau biarkan saja seperti itu.
17.

Klik tombol next lagi.
18.

Klik tombol next lagi.
19.

Akan di perlihatkan contoh tampilan kontak form yang tadi di buat oleh anda.
20.

Klik tombol Finish.
21.

Klik tulisan Get the HTML codes.
22.

Copy kode yang ada di text area, di bawah tulisan Copy and paste this HTML code into your page. Lalu paste pada notepad atau text editor lainnya.
23.

Selesai.





Untuk membuat sebuah halaman kontak kami, anda tinggal membuat sebuah postingan seperti biasa. Untuk memasukan kode yang tadi di dapat dari EmailMeForm, anda pindah dulu dari menu compose ke Edit HTML lalu paste di situ. publish dech. Beres.



Selamat berbingung ria bagi yang masih bingung.

Selengkapnya...

News Ticker Metro TV Versi Baru

Pengunjung blog akan terkesan bila blog anda enak untuk dipandang, apakah teman teman sudah melihat newsticker berjalan di bawah blog saya. Bagaimana ? tertarik untuk membuatnya.
Ok begini Caranya

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "buttom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id='trik_pojok'>
<iframe allowtransparency='true' frameborder='0' height='17' id='NewsWindow' marginheight='0' marginwidth='0' scrolling='no' src='http://www.metrotvnews.com/newsticker.asp' style='background-color: transparent;' width='1200'/>
</div>

Ok. jadi deh
Selengkapnya...

Trik Mudah membuat Read more

Lagi-lagi soal membuat fasilitas Read more.. atau Selengkapnya.. pada template baru (XML), topik ini rupanya yang paling banyak di baca dan di minati oleh para blogger baru. Hal ini terlihat dari banyaknya komentar yang masuk pada artikel tersebut, ada yang girang karena sudah merasa berhasil dan ada juga yang sedikit kecewa karena masih menemui kegagalan. Dengan masih adanya kegagalan-kegagalan tersebut, maka dapat di tarik kesimpulan bahwa metode yang saya sampaikan ternyata masih kurang untuk di pahami. Dari itu tentu harus di pikirkan cara yang tepat dalam penyampaian suatu panduan. Beberapa waktu yang lalu ada sebuah komentar yang masuk pada salah satu artikel saya (artikel yang mana saya lupa dan sedikit malas untuk membuka dokumen komentar) bahwa metoda penyampaian tersebut sangatlah mudah untuk di pahami, maka pada kesempatan kali ini saya akan mencoba metoda tersebut pada artikel membuat fungsi Read more.. atau Selengkapnya...

Saran saya, ketika anda melakukan Editting pada kode template, sebaiknya jangan memakai browser Internet Explorer terutama Internet Explorer 6, pakailah browser lain semisal FireFox ataupun Opera. Bagi yang belum mempunyai browser FireFox bisa mendownloadnya secara gratis di sini! dan untuk Opera bisa mendownloadnya di sini! Kenapa jangan memakai Internet Explorer? ini merupakan pengalaman pribadi saya ketika melakukan editting sering menemukan pesan error ketika memakai IE, dan apabila memakai browser lain pesan Error tersebut tidak muncul (proses edtting sukses), dan saya pernah membaca di blogger forum banyak yang melaporkan isu ini dan pihak blogger sendiri menyarankan untuk sementara memakai browser lain selain IE (maaf lupa catat alamat link nya).

Bagi yang belum sukses membuat fungsi read more..., coba ikuti langkah berikut ini :

Langkah #1

* Sign in di blogger dengan id anda.

* Klik Pengaturan

* Klik Format

* Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :

<span class="fullpost"> </span>

* Klik tombol Simpan Pengaturan


Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.



Langkah #2

* Klik menu Dasboard

* Klik menu Layout

* Klik menu Edit HTML

* Klik tulisan Download Template Selengkapnya.

* Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula

* Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :

# Tunggu beberapa saat ketika proses sedang berlangsung

# Silahkan anda cari kode berikut pada kode template milik anda :

<p><data:post.body/></p>

Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk menandai):

<br /><b:if cond="'data:blog.pageType"> <br /><style>.fullpost{display:inline;}</style> <br /><p><data:post.body/></p> <br /><b:else/> <br /><style>.fullpost{display:none;}</style> <br /><p><data:post.body/><br /><a href="'data:post.url'"><strong>Selengkapnya...</strong></a></p> <br /></b:if><br />

* Klik tombol Simpan Template

* Selesai.


Cara Posting Artikel

* Klik menu Posting

* Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :

<span class="fullpost">

Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :

</span>

* Klik tombol bertuliskan MEMPUBLIKASIKAN POSTING

* Klik tulisan Lihat Blog(di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas


Mudah-mudahan dengan adanya postingan ini tidak ada lagi yang mengalami kegagalan dalam membuat menu Read more...

Bagi anda yang mengikuti tutorial ini dan mengalami kegagalan, jangan panik ketika blog anda menjadi amburadul (katanya begitu dalam komentar), upload kembali backup templatenya dan nanti akan kembali ke keadaan semula sebelum di edit.

Selamat mencoba !


Selengkapnya...

Tentang Diri Saya

1. Setiap Blogger wajib memuat peraturan ini
2. Setiap Bloger memulai dengan 10 fakta/kebiasan tentang dirinya
3. Blogger-blogger yang dibubuhi tanda perlu untuk menulis tentang diri mereka di blognya sendiri mengenai sepuluh fakta/kebiasaan mereka dan memuat peraturan ini. Pada akhir blog, kamu perlu memilih sepuluh orang untuk dibubuhi tanda dan daftar nama mereka
4. Jangan lupa meninggalkan komentar untuk mereka yg ditandai dan undang mereka untuk membaca blog kamu

Berikut Ini Adalah Data Diri Saya

1. Suka Makan.... saya orangnya suka makan tapi gak gendut lho!
2. Ingin Masuk SMKN 26.... dari kelas 1 SMP sampai dengan sekarang yang sudah kelas 3 SMP target saya belum pernah berubah, INGIN MASUK SMKN 26, MOHON DO'ANYA AGAR SAYA DITERIMA MASUK SMKN 26
3. Senang Manga Naruto.... wah, itu kartun favorit saya apa lagi saya paling suka sama Kakashi Hatake
4. Berharap Punya Laptop.... selama ini Rafly nge-Blog, Chatting, dan tugas komputer lainnya Rafly kerjakan di warnet
5. Mantan OSIS di SMPN 236.... waktu jadi osis sibuk banget
6. Hobi ya... main bola.... Rafly suka main bola walau hanya sebagai bek
7. Bike To School.... saya ke sekolah naik sepeda
8. Mirip Sindentosca, Pongky Jikustik, dan Guru PKn?.... Kata teman teman sih seperti itu
9. Friendster saya.... http://friendster.com/pepelagoon
10. Foto Saya....


Saya mengucapkan terima kasih pada Bang Zulfikar karena dikasih PR ini

Nah 10 orang yang beruntung dapat PR dari Rafly adalah

1. Catur
2. Erlangga
3. Dhimas
4. Irwin
5. Ardian
6. David
7. Gilang
8. Fachri
9. Anggit
10. Dian

Nah itu saja dari saya. SELESAI!!!!

Selengkapnya...

Cara Daftar Search Engine

Tak di sangkal bahwa tujuan utama dari membuat blog antara lain adalah agar tulisan-tulisan kita bisa di baca oleh orang lain atau pengunjung blog, semakin banyak yang berkunjung apalagi memberikan komentar pada apa yang kita posting tentunya akan membuat hati kita merasa senang dan bahagia. Akan tetapi tentunya tidak serta merta blog kita akan ramai di kunjungi, ini memerlukan usaha publikasi yang gencar dari pemilik blog apabila ingin banyak pengunjungnya.

Banyak cara yang bisa kita lakukan agar blog kita bisa dikenal dan di kunjungi, antara lain adalah dengan rajinnya kita blogwalking atau berkunjung ke blog milik orang lain, mendaftarkan ke berbagai agregator, dan yang paling efektif adalah melalui search engine atau mesin pencari.

Bagi blogger pemula mungkin berangggapan bahwa apabila kita membuat website atau blog akan secara otomatis terindeks atau berada pada list berbagai search engine, dan kenyataannya tidaklah demikian. Seperti halnya sebuah sekolah, agar nama kita terdaftar pada buku daftar siswa, tentunya kita harus melakukan pendaftaran terlebih dahulu ke sekolah tersebut. Sama halnya dengan mesin pencari, agar blog kita terindeks pada mesin pencari, maka kita harus terlebih dahulu mendaftarkan blog milik kita pada situs pemilik mesin pencari.

Mesin pencari tentu jumlahnya sangat banyak sekali, dan pada saat ini yang paling terkenal di dunia adalah Google, Yahoo, serta Msn. Apabila blog kita ingin terindeks pada mesin pencari mereka, maka kewajiban kita adalah mendaftarkan URL blog kita pada mesin pencari mereka. Bila ada yang belum tahu ke manakah harus mendaftarkan blognya, maka silahkan simak tulisan berikut :

# Daftar Google
Untuk mendaftar ke google, silahkan sobat kunjungi http://www.google.com/addurl/, nah apabila sudah berada pada halaman pendaftaran ada beberapa langkah yang harus di lakukan, yaitu mengisi form yang di sediakan :



* URL --> Isi dengan URL blog sobat.


* Comments --> Isi dengan keyword atau kata kunci yang berhubungan dengan blog sobat


* Isi kotak kosong dengan huruf Verifikasi yang tersedia


* Klik tombol Add URL


* Selesai.



Setelah sobat melakukan pendaftaran ke Google, maka tidak serta merta blog sobat terindeks pada mesin pencari nya, akan tetapi memerlukan 3 sampai 4 minggu baru blog sobat bisa terindeks. Jika sudah 3 sampai 4 minggu, maka cobalah ketik alamat blog sobat pada mesin pencari google, apakah sudah terindeks atau belum? jika belum, coba tunggu beberapa minggu lagi, dan tuliskan kembali alamat blog sobat, Jika ternyata masih belum juga, coba deh daftarin lagi blog nya ke google seperti langkah di atas. Atau mungkin sobat tidak sabar ingin cepat terindeks, sebenarnya bisa saja ini terjadi, hanya dalam 3 atau 4 hari saja blog sobat sudah bisa terindeks di google. Ingin tahu caranya? simak saja postingan berikutnya ya, mungkin satu dua hari ke depan artikelnya selesai saya buat.



* Daftar Yahoo!



Untuk mendaftar ke yahoo! silahkan sobat kunjungi https://siteexplorer.search.yahoo.com/submit. Akan tetapi untuk mendaftar ke yahoo, sobat harus terlebih dahulu mempunyai account yahoo, karena di perlukan log in terlebih dahulu ke account yahoo. Bagi yang belum punya account yahoo (email di yahoo) silahkan bikin dulu, bagi yang sudah punya, sobat tinggal login dengan username serta password sobat. Apabila sudah login, nanti sudah tersedia kolom untuk di isi, silahkan isi kolom tersebut dengan URL sobat, kemudian klik tombol Add URL, selesai. Jika ingin memasukan alamat feed sekalian, sobat bisa memasukannya. Ingat, alamat feed di blogger hanya tinggal menambahkan atom.xml di belakang uRL blog sobat, contoh : untuk blog saya ini mempunyai alamat feed sebagai berikut :

http://pepelagoon.blogspot.com/atom.xml

atau memakai www pun sama saja :

http://www.pepelagoon.blogspot.com/atom.xml



* Daftar ke Msn



Untuk daftar ke Msn, silahkan sobat kunjungi http://search.msn.com/docs/submit.aspx?FORM=WSDD2 silahkan sobat isi huruf verifikasi dan URL sobat pada kotak yang tersedia, kemudian klik tombol Submit URL, selesai.

Jika ingin lebih cepat terkenal coba lakukan ping ke bebagai agregator, silahkan klik link di bawah :

Ping-O-Matic

Sobat tinggal mengisi form yang di sediakan.

Sudahkan blog sobat terindeks di google? coba masukan alamat blog sobat pada mesin pencari google yang tersedia di bawah postingan ini !


Selengkapnya...

Cara Buat Nonton TV Langsung Di Blog

Nonton TV di blog emang bisa? ya bisalah kalo ga bisa namanya bukan blogger, sekarang kita belajar gimana membuat sebuah TV digital tampil di blog kita dengan berbagai channel, tapi channelnya hanya channel Indonesia dan bukan channel TV kabel, but ga apa apalah yang penting kita bisa terhibur atas kehadiran personila baru di blog kita
Nah, tak usah berlama-lama contoh TV-nya seperti ini


Ok. Anda berminat? jika ya silahkan copy kode dibawah ini

<iframe name='tvchannelindoweb' frameborder='0' scrolling='no' marginwidth='0' marginheight='0' width='450' height='360' src='http://www.indoweb.tv/embed.php' border='0'></iframe><br />

ya sudah begitu saja, mudah bukan?
Selengkapnya...

Cara Buat NewsTicker MetroTV

Cara buatnya mudah kok gak perlu ribet-ribet yang penting tau dasar nge-blog deh,
dijamin pasti langsung muncul news tickernya
Nih seperti ini contohnya


Kalo anda berminat tinggal copy aja kode di bawah ini

<iframe frameborder="0" marginheight="0" marginwidth="0" height="17" src="http://www.metrotvnews.com/newsticker.asp" id="NewsWindow" scrolling="no" style="background-color: transparent;" width="937" allowtransparency="true"></iframe>

Kalau mau ganti tingginya cari tulisan "height" terus liat angka disebelahnya ganti angkanya sesuai dengan keinginan, sedangkan ganti lebar cari tulisan "width" terus liat angka disebelahnya ganti dah dengan keinginan kita.

Selesai


Selengkapnya...

Tutorial Pasang Widget Alexa di Blog

cara pemasangan widget alexa di blog. Ini tentunya di tujukan bagi anda yang masih bingung tentang ndapatkan data yang akurat tentang banyaknya kunjungan yaitu dengan memasang alexa widget pada blog atau web yang di miliki. Dengan memasang alexa widget di blog, maka mesin alexa akan mengetahui secara akurat berapa pengunjung serta Page view (halaman yang di lihat) pada web atau blog anda.


Oleh alasan tadi, maka Rafly menyarankan kepada anda yang ingin mendapatkan ranking alexa yang bagus untuk memasang alexa widget pada setiap blog atau web yang di miliknya. Sudah Clear dong semua kenapa perlu memasang alexa widget di blog atau web. Nah, jika anda berminat memasang alexa toolbar di blog anda namun masih bingung tentang bagaimana cara memasangnya, berikut adalah panduan langkah-langkahnya :



Langkah #1

1. Klik di sini untuk menuju situs alexa.com
2. Masukan alamat blog anda pada kolom yang terdia. Contoh : pepelagoon.blogspot.com (tanpa http://), lalu klik tombol “Build Widget”.


3. Alexa Button
Ada 3 ukuran widget yang bisa anda pilih, copy kode yang ada di sampingnya lalu paste pada notpad atau text editor lainnya. Simpan kode tersebut di komputer anda untuk nanti di masukan ke blog.



Langkah #2

1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Elemen Halaman.
4. Klik Tambah Gadget.
5. Klik tanda Plus (+) di samping tulisan HTML/JavaScript.

html javascript
6.

Paste kode yang tadi ada di notepad kedalam kolom yang muncul.
7.

Klik tombol Simpan.
8.

Pindahkan elemen yang baru anda buat tadi ke tempat yang anda inginkan, jika mau tentunya.
9.

Jangan lupa klik tombol Simpan yang ada di sebelah atas.
10.

Selesai.



Mudah-mudahan dengan di pasangnya widget alexa di blog anda, alexa rank blog anda akan cepat bagus (semakin kecil semakin baik rangkingnya).

Sedikit tambahan, alexa rank terbilang cepat dalam melakukan update sehingga hasilnya akan terlihat dalam beberapa hari saja. Satu yang paling utama dalam menaikan ranking alexa adalah dengan mencoba meningkatkan trafik atau jumlah kunjungan ke blog anda.

Selamat mencoba!

Selengkapnya...

Pasang Skrip Alert Di Blog

Mungkin anda pernah mengunjungi satu blog yang ketika di buka tidak langsung terlihat isi blognya, namun ada pesan yang mirip dengan gambar di samping. Lain orang tentu lain keinginan, jika Rafly sendiri sedikit kurang menyukai untuk memasang script ini karena mengurangi kenyamanan para pengunjung di sebabkan setiap buka halaman baru pesan ini akan selalu muncul dan harus selalu di klik oleh pengunjung blog.

Jika anda ingin memasang script ini, di sarankan agar tidak memasang terlalu banyak. Pernah Rafly mengunjungi suatu blog dengan alert yang banyak sehingga terasa kurang nyaman.

Untuk memasang fasilitas alert di blog tidak lah sulit, karena script yang di pasang tidaklah banyak. Contoh script yang di pasang seperti ini :

<SCRIPT language='JavaScript'>alert("Selamat Datang Di BLog Rafly");</SCRIPT>

Ingat Tulisan -Selamat Datang Di Blog Rafly- diganti sesuai keinginan.
Kalau ingin lebih dari satu tinggal di dobel aja!

Nih Rafly Kasih Tau Cara Taruhnya
1. Login ke blogger.
2. Klik Tata Letak.
3. Klik tab Edit HTML
4. Klik tulisan Download Template Selengkapnya.
5. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
6. Cari Kode DI Bawah Ini Di EDIT HTML

</head>

7. Klik tombol SIMPAN TEMPLATE.
8. Selesai. Silahkan buka blog anda untuk melihat hasilnya.


Selengkapnya...

Fitur-Fitur Blogger Semakin Lengkap

Informasi ini mungkin tidak terlalu up to date, namun tidak ada salahnya jika kang rohman tulis. Infonya yaitu tentang fitur-fitur blogger yang semakin lengkap. Setelah sekian lama bertengger di dalam draftblogger, kini kontrol panel blogger sudah berganti dengan kontrol panel yang baru (yang belum melihat sok login ke blogger!). Yang paling mencolok dan menjadi perhatian saya tertuju kepada elemen halaman, dulu…. jika ingin menambahkan halaman maka kita klik tulisan Tambahkan sebuah Elemen halaman, sekarang sudah di ganti dengan Tambah Gadget. Ini dia yang utama, melalui tambah gadget ini anda bisa mendapatkan berbagai fitur baru dari blogger, diantaranya adalah :

Dasar :

* Daftar Blog.
* Tampilan Slide.
* Link Berlangganan.
* Polling.
* Daftar.
* Daftar Link.
* Ganbar.
* Teks.
* HTML/JavaScript.
* Feed.
* Label.
* Newsreel.
* Baris Video.
* Logo.
* profil.
* Arsip Blog.
* Header Halaman.



Unggulan :

* Blogger Play.
* Digg.
* You Tube.
* Nasa Photo of the Day
* National geographic Photo of the day.
* Qoute of the Day.
* Countdown.



Paling Populer :

1. Search YouTube.
2. Weather forecast.
3. this day in History.
4. World Clock.
5. Astronomy Picture of the Day.
6. Collapse.
7. Wic Wac Woe.
8. Aircraft Lander.
9. NBA TV.
10. Van Gogh Painting of the Day.
11. Pablo Picasso Art of the Day.
12. The Art of Gustav Klimt.
13. useless Knowledge.
14. Daily jokes.
15. Google Music search.
16. Salvador Dali Fine Art of the Day
17. Watch ABC, CBS, CW, FOX, NBC shows online.
18. This Disturbing World Wide Weird.
19. Jokes from South Africa.
20. Dodgebal.
21. teleMessage SMS sender.
22. Billboard News.
23. play-20230-Crash_Down.
24. Vintage Art of the Day.
25. Sampai »» 45399 fitur baru (capek ngetiknya).





Saking banyaknya fitur yang di tambahkan, sampai kang rohman terlalu capek untuk mengetiknya. Bayangkan saja, 45399 fitur baru harus kang rohman tulis (kram kaliie yee nih jari kalau di tulis semua).

Nah sekarang fitur apa yang mau di tambahkan ke blog anda, monggo pilih saja sendiri. Pokoknya blogger makin Muannntappp..tap..tap.


Selengkapnya...

Pasang Jam di Sidebar

Agar blog anda tampak cantik dan menarik untuk di lihat, maka anda bisa memasang beberapa aksesori blog, salah satunya adalah dengan cara memasang jam. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. Untuk melihat contoh blog yang memasang jam blog silahkan lihat di sini. Dan bagi anda yang ingin blognya di pasang jam blog juga, silahkan ikuti langkah-langkah berikut :


1.Silahkan klik link berikut --> http://www.clocklink.com

2.Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?
Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll

3.Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi

4.Klik tombol yang bertuliskan Accept

5.Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00

6.Set ukuran jam yang anda sukai di samping tulisan size

7.Copy kode HTML yang di berikan pada notepad

8.Paste kode HTML yang di copy tadi pada tempat yang anda inginkan

9.SelesaiKarena kode jam blog ini adalah merupakan suatu kode HTML. Selamat mencoba.


Selesai!!!!!!!!!!!!!!!!!!!
Selengkapnya...

Upload Gambar dan Foto Profile

Agar posting artikel pada blog lebih menarik untuk dilihat, maka sebaiknya kita menyisipkan gambar di antara poting-an kita tersebut, di samping untuk lebih memperjelas apa yang kita sampaikan. Misalkan kita sedang menerangkan sesuatu, maka dengan adanya gambar akan lebih memperjelas maksud dari topik yang sedang kita jelaskan kepada para pembaca artikel kita. Bagi anda-anda yang masih bingung bagaimana caranya untuk memasukan gambar atau istilah resminya yaitu upload gambar, maka akan saya ulas langkah-langkahnya :



1. Login seperti biasa dengan id anda


2. Klik Posts


3. Klik New Post (bila sebelumnya anda telah mempunyai posting-an)


4. Klik toolbar yang bergambar seperti ini


5. Beri tanda tik/cek pada radio button pada pilihan Choose a layout, bila anda menginginkan posisi gambar bisa di tempatkan di mana saja, pilih pada radio button None, bila posisi gambar di sebelah kiri pilih left, bila ingin di tengah pilih Center, bila ingin di kanan pilih Right.
Beri tanda tik/cek pada Image size, bila ingin gambar yang di upload hasilnya kecil pilih Small, bila ingin sedang pilih Medium, bila ingin besar pilih Large

6. Beri tanda ceklis di samping tulisan Use this layout every time bila anda menginginkan setiap upload gambar settingnya seperti semula


7. Tekan tombol Browse, lalu masukan gambar dari komputer anda yang ingin di upload.


8. Klik Add another image bila gambar yang ingin di upload lebih dari satu gambar


9. Klik tombol UPLOAD IMAGE, tunggu beberapa saat sampai proses upload selesai


10. Klik Tombol Done untuk mengakhiri proses upload



Setelah proses upload anda selesai, untuk melihat gambar tadi, klik tombol Compose. Nah disini anda bisa melihat gambar yang anda upload tadi sekaligus dapat mengatur kembali ukuran dari gambar ini, caranya yaitu klik gambar tersebut sampai gambar anak panah mouse anda berubah menjadi gambar panah empat penjuru. Arahkan mouse pada garis samping gambar sampai gambar mouse berubah menjadi panah dua arah, tekan tombol mouse lalu tahan dan gerakan kearah kiri atau kanan untuk merubah lebar gambar, bila susah sesuai dengan yang anda inginkan lepas tombol yang anda tahan tadi. Untuk mengatur tinggi gambar, arahkan mouse pada tepi bawah atau atas gambar sampai gambar mouse berubah menjadi anak gambar panah dua arah, tekan mouse lalu tahan kemudian gerakan mouse keatas atau kebawah untuk mengatur tinggi gambar, lepaskan mouse bila ukuran gambar sudah sesuai dengan yang anda inginkan.

Nah sekarang bagaimana cara memasukan foto untuk mengisi Profile kita?, caranya sama seperti langkah-langkah di atas, cuma ada sedikit perbedaan yaitu kamu harus menghapus beberapa kode tersebut. Jika foto kamu sudah selesai di upload (langkahnya sama seperti di atas). Tekanlah menu Edit HTML untuk melihat kode HTML dari Foto anda tadi, copy / paste kode HTML tersebut kedalam program notepad (agar lebih mudah) atau bisa juga ditulis di kertas. Kemudian klik publish. Untuk memasukan foto kedalam Profile kita, silahkan ikuti langkah berikut:

1. Setelah upload gambar, klik menu Dasboard


2. Klik menu Edit Profile


3. Di dalam form - form isian profile ada tulisan Photo URL, nah disini paste kode HTML yang telah anda copy tadi ke dalam notepad tapi jangan semuanya, yaitu yang di paste adalah kode setelah tulisan [src="] yaitu link yang di mulai dengan [http://] dan berakhir dengan [.jpg] atau [.jpeg]


4. Klik Save Profile, maka foto anda yang cantik dan ganteng sudah terpampang di blognya dan bisa dilihat oleh seluruh dunia


5. Selesai


Sebenarnya ada cara lain untuk mengisi foto Profile kita, yaitu dengan cara meng-upload (memasukkan) foto kita pada hosting lain, dan baru kemudian link URL foto yang kita dapat dari hosting tersebut di copy/paste ke profile yang ada di blogger/blogspot. Saya ambil contoh, biasanya saya menyimpan foto-foto saya di http://photobucket.com. jika anda mau silahkan daftarkan diri anda (gratis ko), apabila sudah selesai daftar dan bisa login, silahkan upload photo anda. Setelah proses upload foto selesai, maka secara otomatis foto tersebut akan di beri PHOTO URL, copy alamat link URL foto tersebut lalu paste di Profile Blogger.com pada kolom Photo URL setelah itu tinggal SAVE CHANGES dan REPUBLISH. Selesai, selamat mencoba.
Selengkapnya...

Membuat Efek Marquee

Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.


Marquee ini bisa di buat dengan menggunakan tag ....

Atribut yang sering di gunakan adalah :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Agar lebih jelas akan saya sertakan contohnya :

Contoh marquee dari gerakan :



marquee dari kanan ke kiri



hasilnya :

marquee dari kanan ke kiri
ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .

Contoh marquee dari perilaku gerakan :



marquee menurut perilaku



marquee menurut perilaku

Contoh marquee dengan variasi hurup dan warna latar belakang :

&ltFONT >

hasilnya :

marquee dengan variasi hurup

Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.

Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :



silahkan tunjuk ke sini



hasilnya :

silahkan tunjuk ke sini

Contoh marquee yang di dalam nya terdapat link :



Rubrik Elektronik


Electronic Rubric


Kolom iklan




hasilnya : Rubrik Elektronik

Electronic Rubric

Kolom iklan



Mungkin itu saja beberapa contoh yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.

Selamat ber eksperimen

Ingin pintar dalam bahasa HTML, silahkan download ebook nya di sini
Ingin pintar membuat website sendiri, silahkan klik di sini

Selengkapnya...

User Online Status

Berbicara masalah blog tools, kayanya saya jarang sekali membahasnya. Dari sekian banyak artikel yang telah saya posting, tercatat baru dua artikel yang membahas tentang blog tools. Untuk itu dalam postingan kali ini akan di bahas salah satu blog tools yang banyak di gunakan oleh para blogger yakni tool untuk mengetahui berapa banyak pengguna/user yang sedang online pada blog milik kita.

Disamping berfungsi sebagai blog tools, tool ini berfungsi juga sebagai aksesori blog yaitu untuk menghiasi halaman blog milik kita agar tampak lebih cantik dan menarik untuk dilihat oleh para pengunjung. Oleh karena alasan tadi banyak penyedia tool ini yang menawarkan tampilan-tampilan yang unik serta menarik di samping fungsi utamanya yakni melacak user yang sedang online di blog kita.


Ok, biar ga bosan baca intermezo yang terlalu panjang dan garing, langsung saja pada topik bahasan utama.Untuk mendapat tool user online status, salah satunya kita bisa mendapatkan dari www.Geovisite.com, untuk langkah-langkahnya silahkan ikuti langkah berikut :

1. Klik di sini untuk menuju www.geovisite.com



2. Klik tulisan Register yang berada di bawah gambar Geo counter Flash



3. Tulis alamat email sobat pada kotak kosong di samping tulisan Email



4. Tulis address blog milik sobat disamping tulisan URL. Contoh : http://rubrik-elektronik.blogspot.com



5. Tulis kata untuk login di samping tulisan Login (4/12). Contoh : amen24



6. Tulis password yang di inginkan disamping tulisan password (4/8). Contoh : kinoy



7. Pilih waktu yang sesuai dengan daerah sobat disamping tulisan Location. contoh :untuk daerah jakarta adalah Asia/Jakarta (GMT+7)



8. Pilih kategori yang sesuai dengan blog sobat di samping tulisan Category. Contoh : Internet



9. Pilih bahasa yang sesuai dengan blog sobat di samping tulisan Language of your site. Contoh : English (soalnya kalo indonesia ga ada, belum di akui bo)



10. Pilih judul blog sobat disamping tulisan Title. Contoh : Rubrik Elektronik



11. Tulis deskripsi dari blog milik sobat pada kotak di samping tulisan Descriptioan. Contoh : All about Electronic, tips, maintenance, until how to service the equipment of electronic



12. Klik tombol yang berlogo disket



13. Copy salah satu kode HTML yang dinginkan, antara lain : GEOGLOBE, GEOCOUNTER, GEOMAP lalu paste pada program notepad



14. Silahkan close window browser sobat



15. langkah selanjutnya adalah memasukan kode HTML tersebut pada kode HTML milik sobat, nah untuk langkah ini sudah saya bahas, silahkan klik di sini untuk membacanya



16. Selesai.

Agar sobat bisa menentukan pilihan mana yang harus di pilih apakah GEOGLOBE, GEOCOUNTER, atau GEOMAP ? Silahkan klik di sini untuk melihat secara nyata gambar dari ketiga pilihan tadi, tunggu beberapa saat,loadingnya lumayan sedikit lama. Kenapa tidak saya cantumkan di sini,alasannya yaitu agar halaman blog ini tidak terlalu berat untuk di akses makanya sengaja saya pisahkan.

Sebagai tambahan, situs penyedia yang lainnya sobat bisa kunjungi di :

• http://www.neoworx.net


• http://www.webfooted.net


• http://www.fastonlineusers.com


• http://www.histats.com

Selamat menikmati tool baru...
Selengkapnya...

Membuat Text Area

Apa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.

Untuk membuat text area, silahkan anda Copy kode di bawah ini :

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.

Text Area dengan memakai HighLight

Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>


Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area.

Elemen tombol highlight All :

1. --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.



2. --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.



3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.

Element text area :

1. --> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.

2. -->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"



3. HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.

Contoh text area yang memakai tombol highlight diatas, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode dan selamat mencoba.


Selengkapnya...

Cara Memposting Artikel

Bagi anda yang mengalami sedikit kendala tentang tata cara memposting suatu artikel kedalam blog, maka kali ini akan di bahas tentang tata cara posting di blogger.com. Di dalam menu posting ada beberapa toolbar yang bisa anda gunakan.Jika anda sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung.

Toolbar yang ada ketika posting :

--> Untuk merubah jenis hurup yang di gunakan

--> Untuk merubah ukuran hurup (heading)

--> Untuk Menebalkan hurup

--> Untuk memiringkan hurup

--> Untuk merubah warna hurup

--> Untuk membuat link

--> Untuk membuat artikel menjadi rata kiri

--> Untuk membuat tulisan menjadi di tengah

--> Untuk membuat artikel menjadi rata kanan

--> Untuk membuat artikel menjadi rata kiri dan rata kanan

--> Untuk membuat sub bahasan oleh angka

--> Untuk membuat sub bahasan oleh bullet

--> Untuk mengecek spelling

--> Untuk memasukan gambar(upload gambar)

--> Untuk membuat artikel dalam kode HTML

--> Untuk membuat artikel dalam mode Compose (biasa)

--> Untuk me review (melihat) artikel

Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan.

Langkah-langkah dalam memposting suatu artikel:

1. Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.



2. Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).



3. Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.



4. Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.



5. Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.

Selengkapnya...

Mengatur Huruf dan Warna

Untuk para blogger baru, sobat akan menikmati fasilitas baru dari blogger.com, yaitu sobat bisa mengatur jenis font (hurup) serta warna font dengan sangat mudah. Di bawah adalah langkah untuk mengatur Fonts And Colors (khusus untuk blogger baru dengan template baru, sedangkan untuk blogger yang memakai template klasik, menu ini tidak disediakan). Klik menu "Fonts and Colors", maka akan muncul beberapa pengaturan : (ini khusus untuk template "minima")

1. Page Background color --> pengaturan warna background blog. Silahkan klik warna yang ada di sebelah kanan yang di sukai



2. Text Color --> pengaturan warna hurup dari posting-an



3. Link Color --> pengaturan warna hurup yang di link



4. Blog Title Color --> pengaturan warna hurup judul Blog



5. Blog Description Color --> pengaturan warna hurup deskripsi blog



6. Post Title Color --> pengaturan warna hurup judul posting-an



7. Border Color --> pengaturan warna kotak yang mengelilingi judul blog, serta garis pemisah



8. Sidebar Title Color --> pengaturan warna hurup judul yang anda di sidebar (kolom samping)



9. Sidebar Title Color --> pengaturan warna hurup yang ada di sidebar(kolom samping)



10. Visited link Color --> pengaturan warna hurup link ketika pengunjung mengarahkannya ke tulisan yang mengandung link



11. Text Font --> pengaturan jenis hurup,berlaku untuk hurup hasil dari posting-an ataupun hurup yang ada di sidebar



12. Sidebar Title Font --> pengaturan jenis hurup untuk judul yang ada di sidebar serta tanggal postingan



13. Blog Title Font --> pengaturan jenis hurup Judul blog



14. Blog Description Font --> Pengaturan jenis hurup dekripsi blog



15. Post Footer Font --> pengaturan jenis hurup footer (contoh : posted by )



16. Klik “ SAVE CHANGES” untuk mengakhiri pengaturan. Selesai

Untuk template-template selain template "minima", pada dasarnya sama aja, hanya saja ada sedikit perbedaan, tapi itu tidak sulit. Untuk mengetahui tulisan mana yang sedang di rubah oleh anda, anda cukup melihat mana yang berubah tulisannya pada preview yang terletak sebelah bawah. Selengkapnya...

Memilih Template

Bagi sobat yang sudah melakukan beberapa setting-an seperti posting terdahulu, langkah selanjutnya yang perlu sobat lakukan adalah memilih template.

Sekilas tentang template

Template adalah desain-desain halaman web ataupun blog beserta seluruh komponennya (misal : gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Seperti yang sobat lihat sekarang, seperti banner diatas, background warna putih, kolom-kolom di samping kanan, serta semua yang sobat lihat sekarang adalah salah satu bentuk dari desain template.

Memilih template yang cantik sangatlah perlu, karena dengan tampilan template yang menarik untuk di lihat maka akan membuat para pengunjung dari blog kita menjadi betah untuk berlama-lama berada di blog kita selain tentunya isi dari blog kita juga sangat menunjang.

Hmmm.. kayanya cukup deh pembahasan tentang apa itu template, keburu bosan kalau lama-lama….Sekarang langsung aja ke topik utama, yaitu langkah-langkah pemilihan template di blogger.com :

• Silahkan sobat login terlebih dahulu seperti biasa dengan memakai user name milik anda ( jangan milik saya….emang nya sampeyan mau jadi hacker ya

• Klik "Layout" (bila sobat menggunakan blogger baru) atau klik "Template" (bila sobat menggunakan template classic).

• Klik "Pick New Template", silahkan sobat pilih template yang sobat suka. Sebelum memutuskan dalam memilih "template" ini, sebaiknya anda lihat terlebih dahulu satu persatu contoh layout yang di sediakan dengan cara meng klik tulisan "preview template". Jika di rasa sudah menemukan yang paling sobat sukai, silahkan klik tulisan "Save template" yang ada di sebelah kanan atas, selesai. :

Mungkin sobat pernah mengunjungi beberapa blog di internet yang menggunakan blogger.com (blogspot), akan tetapi template yang di gunakan tidak ada dalam pilihan ketika memilih template. Ini ada kemungkinan bahwa template yang di gunakan adalah template buatan bukan dari blogger sendiri.

Di internet banyak sekali situs-situs yang memberikan template secara gratis untuk di pakai di Blogger (blogspot), Jika ingin melihat-lihat berbagai template buatan bukan dari blogger.com silahkan klik di sini. Tapi perlu di ketahui, karena blogger beta (baru) terbilang masih sangat baru sehingga penyedia template gratis kebanyakan menyediakan template untuk di pakai di template classic. Apakah kita bisa merubah dari template baru ke template klasik? Jawabannya bisa. Ini bisa anda lakukan dengan cara :

Klik menu "template", trus klik "Edit HTML". Kemudian lihat ke bawah layar akan ada tulisan "Revert to Classic Template" silahkan klik tulisan ini kalau mau pindah dari template baru ke template klasik. Tapi ada satu hal yang harus sobat ketahui, jika sobat berpindah dari template baru ke template klasik, sobat akan kehilangan fasilitas kemudahan dari blogger berupa hilangnya menu "Fonts and Color" serta "Page Elements", sehingga apabila sobat belum mengerti soal cara mengotak-atik kode HTML, niscaya akan mengalami kerepotan pada waktu mengedit sesuatu (menambah atau mengurangi suatu element). Jadi pikir-pikir dahulu sebelum sobat memutuskan untuk merubah dari template baru ke template klasik. Jangan tergoda dengan template yang cantik dari penyedia blog template gratis, apabila sobat belum bisa mengotak-atik kode HTML nya.


Selengkapnya...

Cara Setting Blog

Bagi para sobat yang baru membuat blog, ada beberapa settingan / pengaturan yang harus di lakukan agar blog kita bisa di kenali mesin pencari semisal Google,yahoo, Msn serta teman-temannya yang lain. Bila belum tahu apa yang harus di setting, silahkan ikuti langkah-langkahnya :

1. Silahkan sobat Login ke blogger.com dengan user name dan password milik sobat


2. Klik judul blog yang mau di setting ( jika sobat sudah mempunyai beberapa blog)

3. Klik Pengaturan, trus klik Daasar. Beberapa form yang harus di isi pada menu Dasar :


* Judul ⇒ isi dengan judul blog sobat. Contoh : Blogspot Tutorial

* Uraian ⇒ isi dengan deskripsi blog sobat. Contoh : disini kita akan berbagi pengalaman dan pengetahuan seputar Blog

* Tambahkan blog Anda ke daftar kami? ⇒ pilih ya agar setiap posting kita selalu masuk di daftar Blogger.com.

* Biarkan mesin pencari menemukan blog Anda? ⇒ pilih ya

* Tampilkan Editing Cepat di Blog Anda? ⇒ pilih Ya

* Tampilkan Link Posting Email? ⇒ Sebaiknya pilih ya, tapi pilih tidak juga tidak apa-apa

* Konten Dewasa? ⇒ Pilih tidak. Kalau pilih ya berarti blog anda di anggap blog untuk dewasa (semacam blog porno)

* Tampilkan Mode Compose untuk semua blog Anda? ⇒ pilih Ya

* Aktifkan transliterasi? ⇒ pilih Tidak, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih ya jika sebaliknya)

* Klik tombol Simpan Pengaturan . Selesai

4. Klik Publikasi untuk mengatur menu Publikasi :

* Alamat Blog*Spot ⇒ isi dengan nama blog sobat. Contoh : kolom-tutorial. Biasanya alamat yang tercantum adalah langsung alamat blog anda, jadi jangan di ubah aja.

* Klik tombolSimpan pengaturan. Selesai


5. Klik Format untuk mengatur menu format :

* Tampilkan ⇒ pilih angka posting yang ingin anda tampilkan. Missal : Tampilkan : 6 posting, berarti posting yang akan tampil di halaman blog sobat adalah sebanyak enam posting. Pilih posting (jangan hari) pada menu pulldown.

* Format Header Tanggal ⇒ pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.

* Format tanggal Index Arsip ⇒ pilih model untuk peng-arsip-an yang anda sukai.

* Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai.

* Zona Waktu ⇒ Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.

* Bahasa ⇒ Pilih bahasa yang di inginkan.

* Tampilkan Field judul ⇒ Pilih ya
atau tidakpun tidak apa-apa

* Tampilkan kolom link ⇒ pilih ya, tapi seandainya pilih tidak juga tidak apa-apa.

* Aktifkan perataan float ⇒ pilih ya, tapi seandainya mau pilih tidak juga tidak apa-apa

* Klik tombol Simpan Pengaturan. Selesai

6. Klik Komentar Untuk mengatur menu komentar :

* Komentar ⇒ pilih tampilkan, ini agar artikel anda dapat di komentari oleh pengunjung

* Siapa yang Bisa Berkomentar ? ⇒ Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.

* Default Komentar untuk Posting ⇒ pilih Posting baru memiliki komentar.

* Link balik ⇒ Pilih tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.

* Default Link Balik untuk Posting ⇒ pilih Posting baru Memiliki Link Balik.

* Format Timestamp Komentar ⇒ pilih format jam yg singkat. Contoh: 8.00 PM.

* Tampilkan komentar dalam sebuah window popup? ⇒ pilih Ya. Supaya ketika di klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komntar.

* Aktifkan moderasi komentar? ⇒ pilih Tidak (sebaiknya).

* Tampilkan verifikasi kata untuk komentar? ⇒ pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.

* Tampilkan gambar profil dalam komentar? ⇒ pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.

* Email Pemberitahuan Komentar ⇒ isi dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.

* Klik tombol Simpan Pengaturan. Selesai

7. Klik Arsipkan Untuk mengatur menu Arsipkan :

* Frekuensi Arsip ⇒ pilih Bulanan.

* Aktifkan Halaman Posting? ⇒ pilih ya.

* Klik tombol Simpan Pengaturan . Selesai.

8. Klik Fedd Situs untuk mengatur menu feed situs :

* Izinkan Feed Blog ⇒ pilih Penuh.

* Posting URL Pengubahan Arah Feed ⇒ di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.

* Footer Feed Posting ⇒ Silahkan di isi dengan kode iklan yang anda punya, misal kode iklan dari Google adsense dsb, namun jika tidak punya, silahkan kosongkan saja.

* Klik tombol Simpan Perubahan. Selesai.

Satu pekerjaan sudah selesai, tinggal menyongsong pekerjaan lainnya..
Selengkapnya...

Panduan membuat Blog di Blogspot

Mungkin ada diantara anda-anda yang belum tahu tentang blog dan bertanya-tanya tentang blog, maka saya akan mengulas sedikit tentang blog menurut versi saya sendiri.

1. Apa itu Blog ?

Blog ( singkatan dari Web log) adalah situs yang sifatnya lebih pribadi, yaitu lebih berat kepada penggambaran dari si pembuat blog itu sendiri.

Blog dibuat oleh para desainer penyedia blog agar bekerja secara otomatis dan mudah untuk dioperasikan , jadi bagi kita-kita yang masih bingung dengan bahasa pemrograman untuk membuat sebuah website tidak jadi persoalan. Apabila anda sudah bisa membuat sebuah account email di internet, maka dalam membuat blog pun saya yakin anda bisa.

2. Cara membuat blog

Seperti halnya e-mail, dalam membuat blog pun kita harus mempunyai sebuah account terlebih dahulu, oleh karena itu silahkan daftarkan diri anda terlebih dahulu di free blog provider (penyedia hosting/domain blog gratis). Free blog provider sangatlah banyak terdapat di internet dan beberapa yang populer saat ini adalah http://www.blogger.com, http://www.wordpress.com serta http://blogsome.com.

Dalam kesempatan kali ini saya akan mengulas tentang cara pembuatan blog di http://www.blogger.com, Silahkan anda klik gambar dibawah untuk mendaftar.


ciptakan blog sekarang juga



Setelah anda berada pada situs blogger.com, anda akan melihat gambar seperti gambar di atas. Silahkan lakukan langkah-langkah berikut ini :

1. Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA "


2. Isilah Alamat Email dengan alamat email anda (tentunya yang valid)


3. Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email


4. Tuliskan password yang anda inginkan pada form Masukkan sebuah password


5. Isikan kembali password anda tadi pada form Keyik ulang sandi (password)


6. Isi Nama Tampilan dengan nama yang ingin anda tampilkan


7. Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.


8. Klik gambar anak panah yang bertuliskan "LANJUTKAN"


9. Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog


10. Tulis nama situs anda pada form Alamat Blog (URL)


11. Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".


12. Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"


13. Setelah keluar tulisan "Blog Anda telah di iptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".



3. Isi ( Content ) blog :

Bagi para pemula, biasanya mereka bingung setelah daftar membuat blog apa yang harus di isi( diposting ) dalam sebuah blog. Isi ( content ) dari sebuah blog tentu saja terserah kepadasi pemilik blog itu sendiri, apakah mau di isi puisi, perjalan hidup, teknik, ataupun apa saja. Nah di sini saya menyarankan, isilah blog anda tersebut dengan minat ataupun hoby serta keahlian anda sendiri, karena tentu saja di luar sana banyak sekali orang yang tentunya sama minat dan hoby nya dengan anda, sehingga mereka akan tertarik untuk membaca tulisan-tulisan anda.
Selengkapnya...