Cara Membuat Menu Dropdown

Dalam konsep blog, setiap posting kita akan terarsip otomatis secara rapi setiap bulan. Setiap memasuki bulan baru, seperti Januari, maka arsip bulan Desember akan tampil di sidebar. Masalahnya, kalau kita sudah ngeblog setahun, maka arsip dari Januari sampai Desember akan berjejer di sidebar kita. Bagaimana kalau dua dan tiga tahun lagi? Langkah praktis mengatasi hal ini adalah dengan membuat pull-down menu seperti di bawah ini:



Jadi, berapa bulan/tahun kita blogging di blogger/blogspot, menu bulan-bulan tsb tidak akan memenuhi dan berjejer panjang di sidebar kita. Yg tampak hanya nama "Archives", baru setelah di klik, akan muncul nama bulan arsip-arsip kita.

Untuk membuat arsip pulldown ini ada dua yakni untuk blogger dengan template klasik, dan template baru. Untuk template klasik langkahnya yaitu :

1. Login ke blogger.com dg id Anda


2. Klik Template


3. Di bagian sidebar blog Anda bagian archives, ada kode html sbb:


&


<$BlogArchiveName$>






4. Nah, ganti kode di atas dg kode html di bawah ini:


- Archives - "><$BlogArchiveName$>



5. Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.


6. Selesai.


Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu :

1. login dulu, tentunya dengan id anda


2. klik LAYOUT


3. Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive


4. Klik Edit pada kotak Blog Archive tadi


5. Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek


6. Klik Save Changes


7. Selesai


Nah keterangan di atas tadi merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang bagai mana caranya membuat menu dropdown yang di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown milik saya pribadi yang berada di sebelah kanan atas yang berisi tulisan “ blog tutorial “. Untuk membuatnya silahkan anda copy kode HTML di bawah :

tulisan disini yang akan muncul duluantulisan di sini yang akan muncul

Sebagai contoh untuk menu Dropdown milik saya :

- Blog Tutorial -Membuat Blogsetting BlogMemilih Templatewarna & hurupPosting ArtikelRead more (1)Text areaBlogger EmoticonsYahoo!EmoticonsDownload Gratis

Hasilnya akan seperti ini :


Mudah bukan? Selamat mencoba !

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

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 :

<span style="color: rgb(114, 45, 50);"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </span>

Sebagai contoh :

<a href="http://kolom-tutorial.blogspot.com" target="_blank"><img src="http://i162.photobucket.com/albums/t253/rohman24/animasichicklet.gif" border="0" alt="Blog Tutorial" /></a>

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 :

<span style="color: rgb(114, 45, 50);">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</span>

Sebagai contoh :

<script language="JavaScript"> function clickIE() { if (document.all) { return false; } } function clickNS(e) { if (document.layers(document.getElementById&&!document.all)) { if (e.which==2e.which==3) { return false; } } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS; } else{ document.onmouseup=clickNS; document.oncontextmenu=clickIE; } document.oncontextmenu=new Function("return false") </script>

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.

1. --> 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.

1. 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;"

1. 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.

Membuat Read More untuk Template klasik

Update : Tutorial ini khusus bagi anda yang masih menggunakan template klasik, jika anda sudah menggunakan template baru (xml/beta), silahkan baca petunjuk membuat read more di sini!

Wah judul yang aneh, "membuat Read More" maksudnya apa? Begini sobat, sebenarnya saya kurang setuju dengan judul tersebut, tadinya saya ingin memberi judul "Membuat menu Selengkapnya", tapi berhubung kata "Read More" yang paling di kenal di jagad blog, ya saya pun ikut-ikutan (dasar tukang ngekor). Ya sudahlah kepanjangan ngobrolnya. Kita mulai pembahasannya. Bagi para sobat yang baru mulai membuat blog, mungkin belum mengetahui informasi ini dan mudah-mudahan dengan membaca artikel ini dapat menambah pengetahuan kita tentang yang namanya nge-blog.

Sobat mungkin melihat bahwa artikel-artikel saya terlihat hanya berupa judul-judul dengan satu atau dua buah paragrap saja, dan untuk melihat keseluruhan artikel harus meng klik link yang bertuliskan >> Selengkapnya...", ini di sebut pengkaburan atau pengkamuflasean postingan (ribet banget nyebutnya). Bagi sobat yang baru posting artikel hanya satu atau dua artikel saja mungkin menganggap tidak perlu menyingkat artikel sobat, namun jika nanti artikel sobat sudah banyak, maka mungkin saja ada terbersit ingin membuat menu ini.

Oke... kelamaan ngawurnya, mending langsung saja. Untuk membuat menu Read more kita harus menambahkan beberapa kode HTML ke dalam template blog kita. Tapi untuk postingan kali ini, saya khususkan untuk blogger yang memakai template klasik saja, untuk yang memakai template baru silahkan tunggu pada postingan yang akan datang.

Silahkan ikuti langkah-langkah berikut :

• Login ke blogger.com dengan id sobat

• Klik menu bertuliskan Template

• Klik menu Edit HTML

• jangan lupa Copy seluruh kode template milik sobat lalu paste pada notepad dan kemudian simpan, untuk membuat back up data. Ini dimaksudkan apabila terjadi kesalahan dalam template setelah kita otak-atik, kita masih punya cadangan data untuk mengembalikannya.

• Copy kode HTML di bawah, kemudian paste persis di atas kode :

div.fullpost {display:none;}

div.fullpost {display:inline;}

Untuk mempercepat pencarian kode , silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.

• langkah selanjutnya adalah, silahkan copy kode berikut lalu paste setelah kode <$BlogItemBody$> :




">Read more!

Lagi-lagi Untuk mempercepat pencarian kode <$BlogItemBody$>, silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis <$BlogItemBody$> trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.

• Klik tombol yang bertuliskan SAVE SETTINGS

• 
  

• 
  

• 
  
• Langkah selanjutnya adalah klik menu Setting

• Klik menu Formatting

• Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotak kosong tersebut dengan kode di bawah ini :

Sebenarnya langkah diatas tidak wajib dilakukan,akan tetapi ini di maksudkan agar ketika kita mau posting artikel, kode tersebut akan muncul secara otomatis tanpa harus di tulis dahulu, tentunya ini akan lebih mempermudah dan tidak harus selalu mengingat kode tersebut.

• kemudian jangan lupa klik tombol Save Settings

• Selesai

Cara Posting Artikel


Oke, sesudah beberapa tahap kita lalui, sekarang kita masuk ke tahap bagaimana cara memposting suatu artikel agar ada menu Readmore nya.

• Klik menu Posting

• klik menu Edit HTML, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni :

simpan artikel sobat yang ingin di tampilkan sebelum kode

, kemudian simpan sisa keseluruhan artikel setelah kode
dan sebelum kode

Agar lebih jelas, saya beri contoh, misal artikelnya begini :

Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.

dan tulisan yang ini adalah tulisan yang akan muncul ketika para pengunjung meng klik link yang bertuliskan Read more.

Hasilnya yang akan tampak pada blog kita adalah seperti ini :

Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.

Read more!

Bagaimana sobat, sudah jelaskan. bila belum jelas silahkan di tanyakan kembali pada komentar.

Sedikit clue, kata Read more! sebenarnya bisa kita ganti sesuai dengan keinginan kita, misalkan kita rubah menjadi Baca selengkapnya..., Selengkapnya.., Lanjutannya... atau apa saja yang penting kata tersebut bisa memberi tahu kepada para pengunjung bahwa artikel kita ada kelanjutannya.

Kode di atas sebenarnya ada alternatif lain, yakni memakai kode Span, jika berminat, ganti semua kode div menjadi Span. Hasilnya akan sama, cuma bagi para sobat yang suka posting pada menu compose, kode ini sering ada masalah di karenakan bertabrakan dengan perintah lain yang memakai kode Span.


Akhirul kata selamat mencoba !

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.

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

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

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

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

Mengatur Hurup 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. 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.

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 "Tata Letak" (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. T

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 Dasar. 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..

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.

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.

(bersambung)

We never stop! More Free Twitter Backgrounds.

Our Twitter Marathon is going on and this week we present you new Free Twitter Backgrounds. All of them you can find in the category Twitter Backgrounds at Templates.com. Here you will see the examples of these themes, screenshots of twitter accounts based on them and the instructions for installation. Now it will not cause you any difficulties to upgrade your twitter account.

What we present you today? Japanese, Mechanic and Cartoon Twitter Backgrounds. Created in different styles and color schemes, they are all marked with high-grade execution and catchy layout. Choose the one that corresponds the theme of your profile and make it powerful!

New twitter themes are forthcoming! The information about them we will post in our twitter account Templates_com. Follow us on twitter and be the first to get all that fresh stuff.

You can download for free these twitter backgrounds after registration at Templates. com. The registration is free too. So, hurry up and don’t miss them.

Let’s look at the new twitter themes:

***

Japanese Twitter Background

Read the rest of this entry »

EverGreen Free Website Template.

Time for the new feebuy has come and we are proud to present you EverGreen Free Website Template.

If you are concerned about environmental protection, you will certainly like to dedicate your project to this topic. In this case our Green Planet – Free Website Template will come in great use for you. Its clean green style will underline the main idea of your project and bring it in the focus of everybody’s attention.

All contemporary web design standards are complied in this free website template: it is XHTML 1.0 Strict Validated and its resolution is 1024 x 768. This one and larger resolutions are statistically in great demand among users. This template consists of 6 pages: Home, About us, Articles (with Article page), Contact us, Site Map.

It you need PSD Files of this template, register at Templates.com and download free website template with all the source files available (including the PSD graphic sources). The registration is free too.

Let’s take a look at this Green Planet – Free Website Template:

***

This template is available for free only for your personal use, but not for the commercial purposes. By way of gratuity we ask you to keep the footer link. Thanks.

This product is specially for you. Download this free website template and create your stunning project!

Red-Hot Free Twitter Backgrounds.

Is it really cool to get things that you want badly? Definitely, YES!
This week you get five red-hot Twitter Backgrounds, free as usual. Creative, Luminous, Cyber, Joyful and Bright Twitter Backgrounds were launched this week and all of them you can find in this post.

All changes of your twitter page will succeed if you perform them using our free twitter backgrounds. Always creative, always fresh and stunning they are done specially for your needs. It is easy to become noticeable in the Twitter World if you use our free themes.

About all new promos and freebies you can read in our twitter account Templates_com. Follow us on twitter and keep the track of the latest events.

Register at Templates. com and download these free twitter backgrounds. The registration is completely free. Don’t miss the opportunity to renovate your twitter page!

Take a look at new free twitter backgrounds:

***

Creative Twitter Background.

Read the rest of this entry »

Mad Twitter Friday. Find Your Freebies Here!

Today we celebrate Mad Twitter Friday. What does it mean? More free Twitter Backgrounds and more creative ideas for your twitter page!

Android, Zoo, Grunge, Motor and Explosive twitter backgrounds were launched this week and now they are available for you. Browse all of them in this new post and choose the one that meets your purposes.

It will take you several minutes to renovate your twitter page with our themes. Download the theme, install it, change the colors of the layout according to the instruction and get fresh and stylish look of your account. Register at Templates. com and download these free twitter backgrounds. The registration is free too.

Keep up with the latest events. Follow us on Twitter Templates_com and find here the latest freebies.

Free Twitter Backgrounds. Check them out:

***

Android Twitter Background.

Read the rest of this entry »

Catch it! Free Website Template.

Hey, guys! Today we have something fresh and cool for you. Here it is – Architecture Free Website Template for your business needs.

Dreaming about creative renovation of your online web presence? It can be easily done with the help of Architecture Free Website Template. This template is professionally crafted for the projects that deal with architecture. It is done in expressive and official style – that is exactly what you need for your online business presence.

The presented here template consists of 6 pages: Home, About us, Articles (with Article page), Contact us, Site Map. This template corresponds all contemporary web design standards: it is XHTML 1.0 Strict Validated and its resolution is 1024 x 768. This one and larger resolutions are statistically in great demand among users.

If you need to customize this template, register at Templates.com and download free website template with all of the source files available (including the PSD graphic sources).

Let’s have a look at Architecture Free Website Template. Great, isn’t it?

***

This template is available for free only for your personal use, but not for the commercial purposes. By way of gratuity we ask you to keep the footer link. Thanks.

Be ready to catch it! Download this free website template right now!

Looking for Excellence and Functionality? Get it with Flash CMS Templates!

Flash templates have gained new power. Today we speak about the new product of the prime quality – Flash CMS Templates. Now this product is available at Templates.com. So, you can easily check out everything you have heard about these templates. Be sure, Flash CMS Templates from Templates.com will prove their value and your expectations.

What will help you to present your project in the vibrant and vivid way? Of course, the excellent graphics, amazing action effects and pleasant sound accompaniment of Flash CMS Templates.

What are the advantages of the site based on Flash CMS Templates?

- easy maintenance, without any special software;
- SEO-friendliness, because deep linking is available due to Flash CMS;
- easy uploading and managing images, galleries;
- unlimited number of pages, modules and widgets integration.

Now, let’s have a look at several bright examples of Flash CMS Templates:

***

Prestige World Class Models. Flash CMS Template.

Read the rest of this entry »

Freebies Get up Speed. Free Motor Website Template.

Hey, folks! What can be more pleasant than a new freebie? Because it is really great to make you happy, we have released the new Free Motor Website Template especially for you.

If you prefer speed limit on the roads and in your life, you will certainly enjoy what we have prepared for your – Free Motor Website Template. This bold and expressive template is created in the grunge style. Based on it, your online project will become impressive and will stick to the memory immediately. Once seen, never forgotten!

All contemporary web design standards are complied in this free website template: it is XHTML 1.0 Strict Validated and its resolution is 1024 x 768. This one and larger resolutions are statistically in great demand among users. This template consists of 6 pages: Home, About us, Articles (with Article page), Contact us, Site Map.

To get PSD Files of this template, you have to register at Templates.com. The registration is completely free. Download this free website template with all the source files available (including the PSD graphic sources).

Check it out! Free Motor Website Template.

***

This template is available for free only for your personal use, but not for the commercial purposes. By way of gratuity we ask you to keep the footer link. Thanks.

Put on speed and succeed! Choose the best – download Free Motor Website Template.

***

Halloween Free Website Template.

We are all waiting for this mysterious holiday impatiently. To make the waiting more pleasant and interesting we present you the new cool freebie – Halloween Free Website Template.

If you are looking for the creepy and stunning stuff to dress your project up before the forthcoming holiday, Halloween Free Website Template will become of a great use for you. The charming Halloween troll, the flying host and the full moon from this theme will create the desired awesome tone for your project.

This template corresponds all contemporary web design standards: it is XHTML 1.0 Strict Validated and its resolution is 1024 x 768. This one and larger resolutions are statistically in great demand among users. The presented here template consists of 6 pages: Home, About us, Articles (with Article page), Contact us, Site Map.

You can get PSD Files of this template after free registration at Templates.com. Download this free website template with all the source files available (including the PSD graphic sources).

Enjoy this Halloween Free Website Template:

***

***

This template is available for free only for your personal use, but not for the commercial purposes. By way of gratuity we ask you to keep the footer link. Thanks.

Get ready for October 31! Download this free website template just now!

***

Snatch it! Free Music Website Template.

What is the key to the top-notch online project? The main point to start with is creative and original template. For you to succeed we have released this stylish Free Music Website Template.

It is really easy to bring your ideas into reality! Catchy layout, bright accents and the whole tone of this template will make your project noticeable. If your online presence deals with the art of music, make it impressive and full of harmony with Free Music Website Template.

The presented here template consists of 6 pages: Home, About us, Articles (with Article page), Contact us, Site Map. This template corresponds all contemporary web design standards: it is XHTML 1.0 Strict Validated and its resolution is 1024 x 768. This one and larger resolutions are statistically in great demand among users.

If you need to customize this template, register at Templates.com and download free website template with all of the source files available (including the PSD graphic sources).

Have a look at this Free Music Website Template:

***

***

This template is available for free only for your personal use, but not for the commercial purposes. By way of gratuity we ask you to keep the footer link. Thanks.

Snatch it! Download this free website template just now!

Special Offer! Free IT Website Template.

The design of your online project can be a key to its success. If it is really professional and catchy, your web presence will certainly become top-notch. We are glad to present you this Free IT Website Template that can be the first step of your success in the world of Wide Web.

You are welcome to try it just now. This Free IT Website Template is the right thing you need to update your IT online project and reinforce it. Its design is simple and at the same time attractive, the high level of execution is doubtless. This absolutely free item is made to meet your expectations.

All contemporary web design standards are complied in this free website template: it is XHTML 1.0 Strict Validated and its resolution is 1024 x 768. This one and larger resolutions are statistically in great demand among users. This template consists of 6 pages: Home, About us, Services, Support, Contact us, Site Map.

To get PSD Files of this template, you have to register at Templates.com. The registration is completely free. Download this free website template with all the source files available (including the PSD graphic sources).

Here it is. Free IT Website Template.

***

***

This template is available for free only for your personal use, but not for the commercial purposes. By way of gratuity we ask you to keep the footer link. Thanks.

Don’t miss this special offer! Download this free website template just now.

***

Photographer portfolio flash template

The Photographer portfolio flash template gives you that balance of a sleek design mixed with the awesome digital library of images you have that would make an excellent start for an Online portfolio. The template includes everything you would need to customize the theme to your specific needs. You get full .fla source file (including pictures and sound), PSD, fonts, and more.

This reminds me of those high class jewelry commercials, you know the ones. The ads where a diamond last forever and it promises to be your best friend. Very classy indeed.

Check out the Photographer portfolio flash template demo for yourself and see if you like it as much as I do. Think of it as high class template design.

Flash Template Design blog

Do you need a high-quality web template for your web hosting company? If so, look no further than Flash Template Design, where they are offering an amazing HTML web design for your web hosting business! A flash website looks incredible and will gain you extra business because your clientelle will be impressed with your website design.

This template features a customized template, complete with server images, tabbed links, and a layout that will assure your web hosting company is professional and reliable.

Want to download and purchase this amazing theme?? It’s only $38! Click on the image above to purchase!

Web Template Design 020

Web Template Design 020
design by gunhum

Details
SKU	SKU41334
File Type	psd, html, css, font
Provider	Gunhum
Price:	$38.00 (€23.94)
Quantity Price *Note:
Options
Quantity	1 [ downloadable ]

php-fusion MotorBikes French Web2.0 Theme Template

Review and Download

Read More...

Simple Magazine News Website Template

Review and Download

Read More...