Tutorial Blogger

Membuat Teks Berjalan (Marquee)

irfanrp@gmail.com — Wed, 23 Feb 2011 21:20:45 PST

Apa itu Marquee?

Marquee adalah teks berjalan dalam bahasa html. Kalo kita lihat marquee menurut semantik sepertinya ga ada hubungan dengan teks berjalan, tapi kalo diperhatikan lagi… mmmmh memang ga ada hubungannya ^_^ (sepertinya). Tapi kalo kita mau perhatikan lebih dalem, Marquee mempunyai arti “Tenda Besar,” atau “tempat berteduh seperti atap dimuka pintu masuk sebuah gedung” Mmmmh… apa hubungannya dengan marquee sebagai teks berjalan…? Setidaknya menurut saya memang ada, melalui “tenda” tersebut orang lalu lalang berjalan.

Berikut ini contoh-contoh sebagian kecil penggunaan marquee pada teks. Sengaja marquee-marquee di bawah ini saya beri title mulai marquee 1.0 sampai 3.0.3, tidak ada keistimewaan dari penamaan tersebut, hanya untuk memudahkan saya dalam memberi penjelasan. Plus tambahan saya sertakan kode html yang diperlukan, Anda tinggal mengganti teks yang ada dalam kode tersebut “Teks Anda”.

Marquee 1.0

Teks Anda
Marquee 1.0 ini merupakan marquee standar agar teks Anda bisa berjalan secara default (dari kanan ke kiri).

Tag Html
<marquee>Teks Anda</marquee>

Marquee 1.0.1

Teks Anda
Marquee 1.0.1 adalah pengembangan dari 1.0, keistimewaannya jika Anda arahkan mouse pada teks tersebut maka dia akan istirahat dan berhenti ~~dari perjalanannya yang panjang~~.

Tag Html
<marquee onmouseover="this.stop()" onmouseout="this.start()">Teks Anda</marquee>

Marquee 1.0.2

Teks Anda
Marquee 1.0.2 jika Anda menggunakan teks Arabic yang dimulai dari kanan ke kiri, maka Anda membutuhkan Marque ini yang berjalan sebaliknya; dari kiri ke kanan, contoh dengan teks arabic:
مرقو ادلح تيكس برجالان

Tag Html
<marquee direction="right">Teks Anda</marquee>

Marquee 2.0

Teks Anda
Marquee 2.0 Marquee ini tidak memiliki kemampuan magic seperti ~~David Coperfield~~ marquee sebelumnya yang bisa menembus ruang, Marquee 2.0 ini kerjaannya bolak-balik dari ruang kotak yang kasat mata.

Tag Html
<marquee behavior="alternate">Teks Anda</marquee>

Marquee 2.0.1
Teks Anda
Marque 2.0.1 Pengembangan dari marquee sebelumnya, dengan pancingan scrollamount dia menjadi sangat agresif
Teks Anda

Tag Html
<marquee behavior="alternate" scrollamount="18">Teks Anda</marquee>

Marquee 2.0.2
Teks Anda
Marquee 2.0.2 Masih pengembangan dari Marquee 2.0 dengan sentuhan on-mouse-over stop dan on-mouse-out start, seperti marquee 1.0.1 jika Anda arahkan mouse pada teks maka dia akan berhenti.

Tag Html
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Teks Anda</marquee>

Marquee 3.0

Marquee adalah teks berjalan lho #1

Marquee adalah teks berjalan lho #2

Marquee adalah teks berjalan lho #3

Marquee adalah teks berjalan lho #4

Marquee adalah teks berjalan lho #5

Marquee adalah teks berjalan lho #6

Marquee adalah teks berjalan lho #7

Marquee 3.0 Dia adalah marquee climbing, marquee pendaki ini suka sekali ketinggian, sehingga kita lihat arah teksnya pun ke atas (up) . Jika Anda memiliki teks yang banyak, maka marquee ini merupakan pilihan yg tepat dan sangat cocok ~~sebagai teman pendamping hidup Anda~~.

Tag Html
<marquee direction="up">Teks Anda</marquee>

Marquee 3.0.1

Marquee adalah teks berjalan lho #1

Marquee adalah teks berjalan lho #2

Marquee adalah teks berjalan lho #3

Marquee adalah teks berjalan lho #4

Marquee adalah teks berjalan lho #5

Marquee adalah teks berjalan lho #6

Marquee adalah teks berjalan lho #7

Marquee 3.0.1 Pengembangan dari marquee sebelumnya yang tidak mempunyai batas ruang, marquee ini kita batasi ruang kasatnya sehingga memliki height 100 saja. Demikian dengan kemampuan scrollamountnya kita perlambat. Dan kita kasih on mouse stop/start juga.

Tag Html
<marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100">Teks Anda</marquee>

Marquee 3.0.2

Marquee adalah teks berjalan lho #1

Marquee adalah teks berjalan lho #2

Marquee adalah teks berjalan lho #3

Marquee adalah teks berjalan lho #4

Marquee adalah teks berjalan lho #5

Marquee adalah teks berjalan lho #6

Marquee adalah teks berjalan lho #7

Marquee 3.0.2 Masih pengembangan dari marquee sebelumnya, hanya saja teks berada di tengah ruang kasat.
Tag Html

<marquee direction="up" width="100%" scrollamount="2" height="100" align="center">Teks Anda</marquee>

Marquee 3.0.3

Marquee adalah teks berjalan lho #7

Marquee adalah teks berjalan lho #6

Marquee adalah teks berjalan lho #5

Marquee adalah teks berjalan lho #4

Marquee adalah teks berjalan lho #3

Marquee adalah teks berjalan lho #2

Marquee adalah teks berjalan lho #1

Marquee 3.0.3 Pengembangan juga dengan arah berlawanan dari marquee sebelumnya, marquee ini senang sekali berjalan menurun. Sehinggan teks yang kita lihat berjalan dari atas ke bawah. Kemampuan scrollamountnya tidak kita batasi sehingga terlihat agresif dengan ruang kasat yang kecil. Silahkan Anda perlambat sendiri.

Tag Html
<marquee direction="down" width="100%" height="100">Teks Anda</marquee>

Demikian tips sederhana ini, silahkan Anda coba….! Jika ingin manambahkan marquee yang lain silahkan tulis komentar.
Keep Blogging ^_^

Cara Membuat Dropdown Menu

irfanrp@gmail.com — Fri, 14 Jan 2011 08:21:25 PST

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:

&<BloggerArchives>

<a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a>

</BloggerArchives>

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

<select name="archivemenu"
onchange="document.location.href=this.options[this.selectedIndex].value;">

<option selected>- Archives -</option>

<BloggerArchives>

<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>

</BloggerArchives>

</select>

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 :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>tulisan disini yang akan muncul duluan</OPTION>

<option value="isi dengan addres yang ingin di tuju">tulisan di sini yang akan muncul</option> </select></form>

Sebagai contoh untuk menu Dropdown milik saya :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option>- Blog Tutorial -</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/bikin-blog.html">Membuat Blog</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-setting-blog.html">setting Blog</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/memilih-template.html">Memilih Template</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/mengatur-hurup-dan-warna.html">warna & hurup</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-memposting-artikel.html">Posting Artikel</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-read-more-1.html">Read more (1)</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html">Text area</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/blogger-emoticons.html">Blogger Emoticons</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/yahoo-messenger-emoticons.html">Yahoo!Emoticons</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/download-gratis.html">Download Gratis</option>

</select></form> Hasilnya akan seperti ini :

Mudah bukan? Selamat mencoba !

sumber: http://kolom-tutorial.blogspot.com/2007/04/membuat-menu-dropdown.html

Cara Buat Text Area di Blogger

irfanrp@gmail.com — Fri, 14 Jan 2011 08:20:37 PST

Ini merupakan sebuah text yang biasanya untuk menyimpan 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>

Sebagai contoh :

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>

Sebagai contoh :

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. WIDTH:300px-->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.

sumber: http://konsep-blog.blogspot.com/2009/01/cara-buat-text-area.html

Cara Memposting Artikel

irfanrp@gmail.com — Sat, 18 Dec 2010 23:51:59 PST

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:

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.
Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).
Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.
Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.
Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.

sumber: http://kolom-tutorial.blogspot.com/2007/04/cara-memposting-artikel.html

Cara Mengganti Template di blogspot

irfanrp@gmail.com — Sat, 18 Dec 2010 23:49:42 PST

Sekilas tentang template blog, Template website atau blog 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 anda lihat saat ini, bahwa terlihat tatanan gambar serta tulisan di layar monitor anda, itulah yang dinamakan template.

Di blogger atau blogspot, anda dapat dapat mengganti template blog anda secara leluasa sesuai dengan selera dan keinginan masing-masing. Jika anda telah mahir membuat template sendiri, anda dapat menggunakan template tersebut untuk blog anda. Namun, jika anda masih awam dalam membuat template, blogger atau blogspot sendiri telah menyediakan beberapa template yang bisa anda pilih sesuai dengan keinginan. Selain itu, anda dapat pula mengunduh atau mendownload template blogger gratis dari penyedia template blogger, salah satu contoh website yang menyediakan template blogger tersebut adalah beralamat di http://blogtemplate4u.com, disana terdapat ratusan template blogger yang bisa anda gunakan secara gratis. namun, jika anda menggunakan template gratis, syarat yang harus ditaati adalah tidak boleh menghapus atau menghilangkan credit link dari pembuat template tersebut. Dengan tidak membuang link credit pembuat template, itu adalah sebagai apresiasi atas kerja keras mereka dalam menyediakan template secara gratis.

Langsung ke topik utama, Cara mengganti template di blogspot atau blogger ada dua cara, yaitu mengganti template dengan template yang disediakan blogspot, atau mengganti template dengan template yang didapat dari penyedia template. kita. Berikut ulasannya :

Mengganti Template dengan Template yang disediakan blogger

Berikut cara-cara untuk mengganti template dengan template yang telah disediakan blogger:

Silahkan login ke blogger dengan ID anda.
Klik Rancangan.
Klik menu Perancang Template. Selanjutnya akan muncul jendela perancang template blogger.
Klik pada pilihan template yang tersedia (saat tartikel ini ditulis template yang terdia berjumlah 6 template). Selain itu, anda dapat pula memilih background atau gambar latar belakang dari template tersebut. Jika sudah cocok dengan salah satu template, klik APPLY TO BLOG.
Selesai.

Mengganti Template dengan template dari penyedia template

Berikut cara-cara untuk mengganti template dengan template dari penyedia template :

Download terlebih dahulu template yang anda sukai pada website penyedia template blog gratis. Salah satu contoh anda bisa download di blogger templates.
File template yang didownload, biasanya masih dalam bentuk terkompresi (zip atau rar), oleh karenanya anda perlu mengekstrak atau menguraikan file tersebut dengan software ekstraktor seperti WinZip atau WinRar, Namun jika anda tidak memiliki software tersebut, anda bisa mengekstraknya secara online di Wobzip.
Yang nanti di upload atau di unggah ke blogger hanyalah file yang berekstensi .xml.
Silahkan login ke blogger dengan ID anda.
Klik Rancangan.
Klik menu Edit HTML.
Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
Klik tombol Browse.., pilih file template yang tadi didownload dan telah diekstrak ( file ekstensi .xml saja ). Kemudian klik tombol Unggah.
Apabila ada muncul peringatan tentang widget, klik pada tombol PERTAHANKAN WIDGET.
Selesai.

Kini tampilan blog anda lebih terasa fresh dibanding sebelumnya

Selamat mencoba!

Cara Setting Blog Di blogger

irfanrp@gmail.com — Sat, 18 Dec 2010 23:48:35 PST

Hal pertama yang penting anda lakukan agar blog anda di blogger mempunyai performa yang baik adalah melakukan beberapa Setting atau pengaturan. Sebagai bahan inspirasi bagaimana cara melakukan setting blog di blogger, berikut Kolom Tutorial tuliskan cara pengaturan blog di blogger (pastikan anda (pastikan anda memilih bahasa indonesia agar sesuai dengan tutorial dibawah) :

* Silahkan login ke blogger dengan ID anda.

* Klik Pengaturan.

* Akan terlihat tab-tab menu berisi hal-hal yang harus anda atur :

Dasar

Beberapa pengaturan dalam menu Dasar:

Alat Blog : Impor blog → ini adalah faslitas untuk mengimpor data dari komputer anda ( ini biasanya dilakukan ketika transfer blog) tidak usah di klik, biarkan saja. Ekspor blog > ini adalah fasilitas untuk mengekspor data blog dari server blogger ke komputer anda. Fasilitas ini disebut juga sebagai fasilitas Backup blog. Disarankan agar anda membuat backup data ke komputer anda, minimal satu minggu sekali. Data backup tersebut sewaktu-waktu bisa bermanfaat ketika anda ingin mentransfer ke blog lain di blogger, atau bisa juga untuk migrasi ke mesin blog yang lain seperti Wordpress. Hapus blog > Fasilitas untuk menghapus blog anda. Jika anda tidak berniat untuk menghapus blog, maka jangan sekali-sekali klik link ini.
Judul : isi dengan judul blog yang anda inginkan. Contoh : My personal blog
Uraian : isi dengan deskripsi blog yang ingin ditampilkan, sebaiknya ini diisi jangan dikosongkan. Contoh : catatan kecil hidupku yang unik.
Tambahkan blog Anda ke daftar kami? : disarankan untuk memilih opsi Ya.
Biarkan mesin pencari menemukan blog Anda? : Pilih Ya, agar blog anda dapat di index oleh mesin pencari seperti Google, Yahoo atau Bing.
Tampilkan Editing Cepat di Blog Anda? : Boleh pilih Ya atau Tidak.
Tampilkan Link Posting Email? : Ini berupa icon email, jika anda menginginkan agar pengunjung blog dengan mudah mengirimkan email ke teman mereka tentang blog anda, maka Pilih Ya. Namun jika tidak, silahkan pilih Tidak.
Konten Dewasa? : Jika blog anda nantinya akan berisi hal-hal yang besifat dewasa seperti menampilkan artikel, gambar, atau video wanita seksi, dll maka pilih Ya. Namun, jika blog anda berisi hal-hal yang aman diakses oleh anak kecil, pilih Tidak. Sebagai catatan, jika anda memilih opsi Ya, maka nantinya ketika diakses blog anda akan ada peringatan bahwa berisi konten dewasa.
Pilih editor entri : Ini adalah pilihan untuk post editor. Editor yang diperbarui → ini adalah post editor terbaru yang dimiliki oleh blogger, banyak fasilitas baru yang terintegrasi dalam post editor ini seperti tombol More untuk memotong artikel di blog anda. Editor lama → ini adalah post editor lama yang dimiliki blogger namun masih bisa anda gunakan, ada beberapa toolbar terdapat dalam post editor lama, namun tidak disediakan lagi di post editor baru, jadi silahkan pilih mana yang anda mau. Sembunyikan mode penyusunan → pilihan ini khusus bagi anda yang sudah mahir dengan kode HTML, jika anda tidak menguasai tentang HTML, jangan gunakan post editor ini.
Aktifkan transliterasi? : Pilih Aktifkan jika post editor anda ingin mendukung ke translasi Hindi, Kannada, Malayalam, Tamil, atau Telugu. Pilih Nonaktifkan jika post editor anda tidak ingin ada translasi bahasa tersebut.
Akhiri pengaturan menu Basic dengan klik tombol SIMPAN SETELAN.

Publikasikan

Ini adalah fasilitas untuk mengubah nama domain anda di blogger dengan nama domain milik anda sendiri. Misal : http://namabloganda.blogspot.com menjadi http://namabloganda.com.

Untuk sementara waktu jangan lakukan apa-apa pada menu publikasikan ini. Tutorial tentang custom domain di blogger bisa anda baca pada artikel Cara Custom Domain di Blogger.

Format

Beberapa pengaturan dalam menu Format :

Tampilkan sebanyak mungkin : tulis jumlah post yang ingin tampil di halaman depan blog anda. Contoh : 5. Untuk pilihan dropdown disarankan untuk memilih opsi posting, jangan hari.
Format Header Tanggal : Pilih format tampilan tanggal yang anda sukai.
Format Tanggal Index Arsip : pilih format tampilan arsip yang anda inginkan.
Format Timestamp : Pilih format tampilan jam yang anda sukai. Jam disini adalah catatan waktu ketika artikel anda di publikasikan di blog.
Zona Waktu : Sesuikan dengan zona waktu dimana tempat anda berada.
Bahasa : Pilih bahasa yang dipakai untuk blog anda.
Konversi ganti baris : ini adalah fasilitas line break secara otomatis ketika anda klik enter ketika membuat sebuah posting. Fasilitas ini di pakai apabila anda kedepannya tidak akan memposting tentang kode-kode semisal HTML dan lain sebagainya. Pilih Tidak, jika anda berniat nantinya akan memasukkan kode-kode HTML kedalam posting posting anda, misal jika konten blog anda berisi tutorial bahasa HTML, PHP dan lain sebagainya.
Tampilkan Field Judul : Pilih Ya ataupun Tidak juga tidak ada masalah.
Tampilkan kolom Link : Pilih Tidak atau Ya juga tidak ada masalah.
Aktifkan perataan float : Pilih Ya, ini adalah agar gambar bisa diatur posisinya dalam postingan. Namun jika pilihan ini mengganggu tampilan blog anda nantinya, pilih saja Tidak.
Templat Entri : ini adalah fasilitas agar isi dari Templat Entri ini akan selalu muncul pada saat membuat posting. Biasanya fasilitas ini sering di gunakan untuk signature blog, yaitu tulisan atau kode signature disimpan dalam Templat Entri, sehingga ketika anda membuat posting, kode signature tersebut akan secara otomatis muncul tanpa harus menuliskannya secara berulang-ulang.
Akhiri Pengaturan menu Format dengan klik tombol SIMPAN SETELAN

Komentar

Beberapa pengaturan dalam menu Komentar :

Komentar: Pilih Tampilkan, jika anda menginginkan agar postingan ada bisa di komentari oleh pengunjung. Pilih Sembunyikan, jika artikel yang anda posting tidak ingin di komentari oleh pengunjung.
Siapa yang Bisa Berkomentar ? : Siapa pun - termasuk Pengguna Anonim → untuk pilihan ini, maka siapa saja dapat berkomentar, termasuk Pengguna Anonim atau tanpa identitas jelas. Pengguna Terdaftar - termasuk OpenID → hanya user yang teregistrasi saja yang bisa berkomentar terhadap artikel anda, yang termasuk Pengguna Terdaftar adalah mereka yang mempunya akun di Google, Live Journal, Wordpress, Type pad, AIM, serta OpenID. Pengguna dengan Google Account → Yang bisa berkomentar hanyalah mereka yang mempunyai akun google. Hanya anggota blog ini → Hanya anggota dari blog anda saja yang bisa berkomentar, ini biasanya dipakai jika blog anda adalah untuk komunitas tertentu, misal komunitas pendidikan.
Penempatan Formulir Komentar : Halaman penuh → halaman blog anda akan di timpa oleh kotak komentar ketika ada pengunjung klik link komentar. Jendela munculan → Kotak komentar akan muncul dalam jendela baru apabila ada pengunjung yang klik link komentar. Disemat di bawah entri → kotak komentar akan langsung ditampilkan langsung dibawah artikel posting anda, sehingga pengunjung dapat langsung memeberikan komentar tanpa harus klik link komentar. Format kotak komentar yang paling banyak disukai oleh blogger adalah Disemat di bawah entri.
Default Komentar untuk Entri : pilih Entri baru memiliki komentar jika artikel post anda ingin ada kotak komentarnya, namun sewaktu-waktu anda bisa saja mematikan fungsi ini ketika melakukan posting. Pilih Entri baru tidak memiliki komentar jika artikel post anda tidak ingin mempunyai kotak komentar, namun sewaktu-waktu anda bisa saja memunculkan fungsi ini ketika melakukan posting.
Tautbalik : Pilih Tampilkan jika anda ingin menampilkan link ke website yang membuat link ke artikel yang anda buat. Pilih Sembunyikan jika anda tidak ingin menampilkan link ke website yang membuat link ke artikel yang anda buat.
Bawaan Tautbalik untuk Posting : pilih Entri baru memiliki Tautbalik jika setiap artikel yang di posting memiliki Backlinks. Pilih Entri baru tidak memiliki Tautbalik jika setiap artikel yang di posting tidak ingin memiliki Backlinks.
Format Timestamp Komentar : pilih format tampilan tanggal komentar yang anda sukai.
Pesan Formulir Komentar : Tulis pesan yang ingin muncul diatas kotak komentar. Misal : Silahkan anda berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam.
Moderasi komentar : Pilih Selalu jika setiap komentar yang masuk ingin di moderasi terlebih dahulu oleh anda. Pilih Hanya pada entri yang lebih lawas dari jika komentar ingin di moderasi terlebih dahulu terhadapat posting yang umurnya telah anda tentukan. Pilih Tidak pernah, jika komentar yang masuk tidak ingin di moderasi terlebih dahulu dan akan langsung muncul diblog anda. Jangan lupa untuk memasukkan alamat email anda, apabila ketika ada orang yang berkomentar anda akan mengetahuinya melalui email. Atau kosongkan saja apabila anda tidak ingin menerima email pemberitahuan tentang komentar.
Tampilkan verifikasi kata untuk komentar? : Pilih Ya jika ingin menampilkan huruf verifikasi ketika ada yang berkomentar, pilihan ini adalah untuk mencegah terhadap script robot spam yang bisa membombardir blog anda dengan komentar, walaupun begitu pilihan ini mempunyai kekurangan yaitu pengunjung blog anda biasanya malas untuk berkomentar karena merasa ribet ketika berkomentar. Pilih Ya jika tidak ingin menampilkan huruf verifikasi, pilihan ini sedikit rentan terhadap script robot spam, namun biasanya pengunjung akan lebih suka berkomentar karena mudah dilakukan.
Tampilkan gambar profil dalam komentar? : Pilih Ya jika dalam kometar ingin ditampilkan gambar profile yang berkomentar. Pilih Tidak jika tidak ingin menampilkan gambar profile pemberi komentar.
Email Pemberitahuan Komentar : Masukkan alamat email yang ingin dikirim notifikasi apabila ada yang berkomentar. Jumlah maksimal email yang dapat menerima adalah 10 email.
Akhiri pengaturan menu Komentar dengan klik tombol SIMPAN SETELAN.

Arsipkan

Beberapa pengaturan dalam menu Arsipkan :

Frekuensi Arsip : pilih arsip yang ingin di tampilkan apakah Arsip tidak ada, Harian,Mingguan, atau Tiap Bulan. Disarankan untuk memilih Tiap Bulan.
Aktifkan Halaman Posting? : Silahkan pilih Ya atau Tidak.
Akhiri pengaturan menu Arsipkan dengan klik tombol SIMPAN SETELAN.

Feed Situs

Beberapa pengaturan dalam menu Feed Situs :

Izinkan Feed Blog : Silahkan pilih Tak satupun, Singkat, atau Penuh. Disarankan untuk memilih opsi Penuh.
Posting URL Pengubahan Arah Feed : isi dengan alamat feed milik anda, ini adalah jika anda telah melakukan burner feed seperti misalnya dengan feedburner. Namun jika belum punya, silahkan dikosongkan saja terlebih dahulu. Untuk pembahasan feed burner akan di posting pada posting selanjutnya.
Post Feed Footer : Isi dengan kode yang ingin tampil pada footer post feed. Jika belum mengerti dikosongkan saja terlebih dahulu.
Akhiri Pengaturan menu Feed Situs dengan klik tombol SIMPAN SETELAN.

Email & Seluler

Untuk memposting sebuah artikel kedalam blog anda, tidak hanya melalui post editor yang ada di blogger. Namun, anda pun bisa posting artikel melalui email ataupun perangkat seluler anda.

Beberapa pengaturan dalam menu Email & Seluler :

Alamat BlogSend : tulis alamat email yang ingin dikirim notifikasi apabila anda mempublikasikan sebuah artikel. Maksimal jumlah yang bisa di kirim adalah sampai 10 buah email, format penulisan email di pisahkan dengan tanda koma ( , ).

Alamat Pengeposan via Email : buatlah alamat email blogger untuk mengirimkan posting dari email atau perangkat seluler dengan cara menuliskan pada kotak yang tersedia. Misalkan alamat email anda adalah contohsaja@gmail.com maka anda bisa membuat email blogger menjadi contohsaja.post@blogger.com atau contohsaja.blog@blogger.com atau apa saja menurut anda yang bagus. Tapi ingat, rahasiakan alamat email ini agar orang lain tidak bisa posting ke blog anda

Untuk mengaktifkan fitur ini, anda harus memilih opsi Publikasikan segera email, artinya apabila anda mengirimkan email ke alamat diatas, isinya akan langsung diposting ke blog. Jika opsi yang dipilih adalah Simpan email sebagai entri konsep, maka email yang dikirimkan tidak akan langsung di publikasikan, melainkan akan masuk ke post konsep.

Namun, apabila anda tidak ingin mempublikasikan melalui email, pilih opsi Dinonaktifkan. Fungsi ini banyak juga dipilih dengan alasan keamanan.

Jangan lupa akhiri pengaturan menu Email & Seluler dengan klik tombol SIMPAN SETELAN.

OpenID

Disini tidak ada yang harus di atur, melainkan pemberitahuan bahwa alamat blog anda bisa digunakan sebagai alamat OpenID. Apa itu OpenID? Mungkin lain kali akan dibahas.

Izin

Pada menu ini anda dapat menambahkan penulis dengan cara di undang ke email yang anda anggap layak untuk ikut serta menjadi penulis di blog anda.

Pada Siapa yang bisa melihat blog ini? Anda dapat memilih siapa saja yang dapat mengakses blog anda. Opsi Siapapun berarti blog anda terbuka untuk umum atau bisa dibuka oleh siapa saja. Hanya Orang-orang yang saya pilih yaitu hanya orang-orang yang di undang oleh anda yang dapat mengakses blog anda dengan cara login terlebih dahulu. Hanya penulis blog berarti hanya penulis saja yang bisa mengakses isi halaman blog anda, Opsi Hanya penulis blog terkadang di gunakan juga pada saat mengganti template, agar blog anda tidak terlihat semrawut ketika mengganti template.

Untuk pembahasan Cara Pengaturan Blog Di blogger sepertinya sudah cukup, apa opini anda tentang ini?

sumber: http://kolom-tutorial.blogspot.com/2007/04/cara-setting-blog.html

Panduan membuat Blog di Blogspot

irfanrp@gmail.com — Sat, 18 Dec 2010 23:44:35 PST

1. Apa itu Blog ?

Blog merupakan sigkatan dari “Web log” adalah salah satu aplikasi web berupa tulisan-tulisan yang umum disebut sebagai posting pada halaman web. Tulisan-tulisan tersebut seringkali diurut dari yang terbaru dan diikuti oleh yang lama.

Awalnya, blog dibuat adalah sebagai catatan pribadi yang disimpan secara online, namun kini isi dari sebuah blog sangat bervariatif ada yang berisi tutorial ( contoh blog ini ), curhat, bisnis dan lain sebagainya. Secara umum, blog tidak ada bedanya dengan situs yang ada di internet.

Flatform blog atau seringkali disebut juga dengan mesin blog dibuat sedemikian rupa oleh para designer blog agar mudah untuk digunakan. Dulu, untuk membuat aplikasi web diperlukan pengetahuan tentang pemrograman HTML, PHP, CSS dan lain sebagainya, dengan blog semuanya menjadi mudah semudah menyebut angka 1 2 3.

2. Cara membuat blog di blogspot

Salah satu penyedia blog gratis yang cukup populer saat ini adalah blogspot atau blogger, dimana ketika mendaptar adalah melalui situs blogger.com namun nama domain yang akan anda dapatkan adalah sub domain dari blogspot, contoh : contohsaja.blogspot.com

Kenapa harus membuat blog di blogger.com bukan pada situs penyedia blog lainnya? Sebenarnya tidak ada keharusan untuk membuat blog di blogger, namun ada banyak kelebihan yang dimiliki blogger di banding dengan penyedia blog lain. Beberapa contoh kelebihan blogspot di banding yang lain yaitu mudah dalam pengoperasian sehingga cocok untuk pemula, lebih leluasa dalam mengganti serta mengedit template sehingga tampilan blog anda akan lebih fresh karena hasil kreasi sendiri, custom domain atau anda dapat mengubah nama blog anda dengan nama domain sendiri misalkan contohsaja.blogspot.com di ubah menjadi contohsaja.com,sedangkan hosting tetap menggunakan blogspot dan masih tetap gratis.

Perlu ditekankan dari awal bahwa internet itu sifatnya sangat dinamis, sehingga mungkin saja dalam beberapa waktu kedepan panduan membuat blog di blogspot ini akan sedikit berbeda dengan apa yang anda lihat di blogger.com

Untuk mengurangi hal yang tidak perlu di tulis, berikut cara membuat blogger di blogger.com

Membuat Email

Salah satu syarat yang harus dipenuhi dalam membuat blog adalah anda memiliki alamat email yang masih aktif atau di gunakan. Jika anda belum mempunyai alamat email, silahkan daftar terlebih dahulu di gmail karena blogger adalah salah satu layanan dari Google maka ketika mendaftar ke blogger sebaiknya gunakan email gmail. Jika anda belum paham bagaimana cara membuat email, silahkan gunakan mesin pencari google untuk mencari panduannya.

Daftar Blog di blogger

Silahkan kunjungi situs http://www.blogger.com
Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan atas, ubah bahasa ke Indonesia agar lebih mudah difahami. Silahkan langsung login dengan menggunakan username serta password gmail anda ( akun email anda bisa untuk login ke blogger).
Klik tombol bertuliskan CIPTAKAN BLOG ANDA.
Isilah nama judul blog serta alamat blog yang di inginkan. Ingat! dalam membuat alamat blog harus benar-benar serius karena itu permanen tidak dapat digantikan lagi (kecuali nanti ganti dengan custom domain). Jika alamat yang diinginkan ternyata tidak bisa digunakan, masukkan kembali alamat lain yang masih tersedia. Jika alamat blog yang diinginkan masih tersedia, silahkan klik anak panah bertuliskan LANJUTKAN.
Silahkan pilih template yang anda sukai ( template ini nanti bisa diubah lagi kapan saja anda mau), kemudian klik LANJUTKAN.
Akan ada tulisan “Blog Anda Sudah Jadi!”. Silahkan lanjutkan dengan klik tombol MULAI BLOGGING.
Setelah masuk post editor, silahkan isi apa saja ( disarankan untuk langsung mengisi posting, biasanya jika tidak langsung posting akan terjaring robot anti spam milik blogger, dan blog anda akan di lock). Contoh : hello world. Klik Tombol PRATINJAU untuk melihat tampilan yang nanti akan muncul di blog, klik tombol TERBITKAN ENTRI jika posting anda mau dipublikasikan ke publik.
Klik “Lihat Entri” untuk melihat blog anda.
Selesai.

Untuk tahap awal, blog anda sudah jadi dan bisa diakses dimana saja. Untuk pembahasan lebih dalam tentang bagaimana blogging dengan blogger, akan di bahas pada posting berikutnya.

sumber: http://kolom-tutorial.blogspot.com/2007/04/bikin-blog.html

How to add Facebook connect to Bloggers

irfanrp@gmail.com — Fri, 21 May 2010 19:11:42 PDT

All of you know that seems impossible to add Facebook connect to Blogger especially when you can’t upload file or even creating full HTML customized pages. or to implant Facebook connect to your website, you need to upload or create a cross-domain communication channel file called “xd_receiver.htm” under your domain, and I said Blogger don’t let you to do that . So how can we add it ?

To add Facebook connect into your blogs, you need to put a few snippets of code in your template and create an application on Facebook. Those operations will take a couple of minutes then you are ready to write your own codes. (Visit Facebook Developer for more information).

Create an application

we start with the creation of a new application :

Go to http://www.facebook.com/developers/createapp.php to create a new application.
Enter a name for your application in the Application Name field (The same name of your Blog). And agree Facebook terms then “save changes”.
Take note of the API Key, you'll need this shortly.
Click the Connect tab. Set Connect URL to “Your_Blog.blogspot.com”. now “save changes”

Adding a few snippets of code to your template

Now go to your Blog Dashboard> Layout > Edit HTML :

Look for this tag in the top of your template code source :

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' >

and add the code : “ xmlns:fb='http://www.facebook.com/2008/fbml' ”

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>
Put the following code just before tag :

<script src='http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php' type='text/javascript'/>
Put the following code just before tag :

<script type='text/javascript'>
FB.init(";YOUR_API_KEY_HERE";, ";";);
script>
Save changes. now you are ready to add Facebook connect to your blog.

Add Facebook connect

Login-Button :

<fb:login-button autologoutlink="True" length="short" background="white" size="large">fb:login-button>

Profile Picture :

<fb:profile-pic uid="loggedinuser" facebook-logo="true" linked="false">fb:profile-pic>

User Name :

<fb:name uid="loggedinuser" useyou="false"/>fb:name>

Live Stream Box :

<fb:live-stream event_app_id="YOUR_APPLICATION_ID" width="400" height="500">

KOde Warna Html

irfanrp@gmail.com — Mon, 10 May 2010 12:46:53 PDT

biru kode:0000ff

hitam kode:000000

brown kode:a52a2a

crap blue kode:5f9ea0

coklat kode:d2691e

corn flow kode:6495ed

crimson kode:dc143c

cyan kode:00ffff

violet kode:00008b

something kode:b8860b

dark gray kode:a9a9a9

khaki kode:bdb76b

orange order kode:ff8c00

scorned kode:8b0000

fish paste kode:e9967a

sea weed kode:8fbc8f

slate blue kode:483d8b

violet kode:9400d3

pink kode:ff1493

skyblue kode:00bfff

bricks kode:b22222

trees n shit kode:228b22

grany house kode:dcdcdc

going for gold kode:ffd700

orange peel kode:daa520

green kode:008000

flamingos kode:ff69b4

indigo kode:4b0008

grass kode:7cfc00

marooned kode:800000

blue two kode:0000cd

purple kode:9370d8

minty kode:00fa94

midnight kode:191970

merah kode:ff4500

sand kode:ff4a460

silver kode:c0c0c0

kuning kode:ffff00

putih kode:ffffff

sumber: http://camex.wen.ru/Sampel/Warna.html

Merubah Warna Link Setelah Di Klik

irfanrp@gmail.com — Mon, 10 May 2010 12:47:37 PDT

Jika pada postingan yang lalu membahas tentang bagaimana cara menghilangkan garis bawah pada sebuah tulisan yang berbentuk link, maka pada kesempatan ini saya ingin mengulas tentang cara mengubah warna link. kenapa merubah warna link di perlukan? alasannya begini, pernah saya mengunjungi beberapa blog yang mempunyai latar belakang bergambar, masalahnya yaitu warna latar belakang dengan warna link hampir sama, sehingga penglihatan kita menjadi kabur dan tidak bisa membaca tulisan link.
Sebenarnya kejadian tersebut tidak perlu terjadi, karena warna link dapat kita ubah sendiri.

Bagi sobat yang memakai template baru, tentunya hal ini bukan masalah besar, karena fasilitas untuk merubah warna dan huruf sudah di sediakan. Lain halnya bagi sobat yang memakai template klasik, untuk merubah warna link, sobat harus sedikit berkeringat karena harus merubah kode-kode yang ada pada kode template sobat.

Kode-kode yang manakah yang harus ubah?

Untuk mengubah warna link, setiap template tentunya berbeda-beda, Akan tetapi untuk gambaran saja saya ambil contoh di dalam template ada kode seperti ini :

a:link {
color:#3333FF;
text-decoration:underline;
}

a:hover {
color:#000066;
text-decoration:underline;
}

a:visited {
color:#663366;
text-decoration:underline;
}

Agar menjadi faham, akan saya uraikan :

1. Warna Link Asli

a:link {
color:#3333FF;
text-decoration:underline;
}

kode ini mempunyai arti –> sebuah link akan berwarna biru dan bergaris bawah.

2. Warna Link Setelah Di Sorot

a:hover {
color:#000066;
text-decoration:underline;
}

Sebuah link apabila di sorot oleh mouse akan berubah warna menjadi biru tua dan bergaris bawah.

3. Warna Link Setelah Di Klik

a:visited {
color:#663366;
text-decoration:underline;
}

Sebuah link apabila pernah di klik oleh komputer yang sama akan berwarna ungu dan bergaris bawah.

apabila pada template blog anda tidak ada kode-kode tersebut silahkan tambahkan sendiri pada tempalate anda.

Pertanyaan selanjutnya manakah kode diatas yang menentukan warna link? jawabnya adalah kode :

color:#3333FF;

Tulisan yang saya cetak merah adalah penentu warna atau di sebut juga dengan kode warna heksa, kode tersebutlah yang menentukan warna sebuah link. Bagaimana cara merubahnya? caranya tentu saja kita harus mengganti kode warna tersebut dengan kode warna yang kita inginkan. untuk mencari tau kode heksa dari warna Klik Disini

Memasang Kotak Komentar Facebook Di Blog

irfanrp@gmail.com — Mon, 10 May 2010 12:37:31 PDT

Facebook Connect merupakan salah satu alternatif untuk mempermudah pembaca meninggalkan komentar atau mengunjungi blog kita. Untuk membahas cara pemasangan Facebook Connect yang terintegrasi pada blog dengan fasilitas dari website disqus, dan sekarang mari kita memulai pembahasannya Seperti berikut :

1. Daftar Disqus

2. Pada bagian home klik Add Website. isi Website URL,Website Name dan Short name

3. Setelah itu silakan pilih platform blog Anda

4. Di halaman selanjutnya adalah petunjuk penginstalan

Sampi tahap ini Anda sudah dapat melihat kotak komentar baru seperti kotak komentar wordpress yang berisikan name, email, dan url tetapi masih belum tersedia facebook connect.

5. Masuk halaman admin > setting, akan ada pilihan feature termasuk Facebook Connect. Centang kotak facebook connect dan Anda akan diminta "Enter Facebook API Key"

6. API Key didapat setelah Anda membuat sebuah aplikasi Facebook disini, beri nama pilih agree dan save

7. Di halaman edditapp anda akan mendapatkan API Key. Copy, paste pada halaman setting disqus (langkah no.5) dan save

paste di halaman admin > setting disqus

8. Kembali ke edditapp klik pada link connect (sebelah kanan), silakan isi connect url dengan alamat blog, base domain dengan alamat blog tanpa http:// dan klik save changes

Selesai dan silakan lihat kembali halaman blog Anda.

Selamat mencoba...

sumber: http://adhityangeblog9.blogspot.com/2010/04/memasang-kotak-komentar-connect.html

Memasang Iklan Fix Di Halaman

irfanrp@gmail.com — Sat, 30 Jan 2010 02:52:19 PST

Memasang iklan fix di halaman. maksudnya memasang iklan yang terlihat melayang (yang tidak menempel) pada blog seperti iklan-iklan yang nampak pada situs-situs berita berbahasa indonesia pada umumnya. sedikit ingin berbagi tip dan trik yang telah praktekan.

Ide ini bermula ketika berkunjung diblog salah satu sahabat yaitu Akhatam dan menemukan trik yang berjudul Membuat Banner Iklan Fix Dengan Halaman. contoh tampilannya seperti ini :

Ketika mencoba dan ternyata berhasil 100%. terima kasih dan jempol untuk Sob Akhatam.

Tapi pada tutorial ini, ingin membagikan trik yang sama akan tetapi dengan code yang sederhana dan mudah dirubah. berikut triknya :

# Langkah Pertama :
- Login keBlogger.
- Masuk ke "Tata Letak" kemudian "Edit HTML".
- Cari code ]]></b:skin> kemudian copy paste code berikut diatasnya :

.iklan_bawah {background:#fff;position:fixed;bottom:0px;align:bottom; width: 1000px;}

- Simpan template.

# Langkah Kedua :
- Masuk ke "Elemen Laman".
- Tambah gadget dan pilih "HTML/JavaScript".
- Copy pastekan code berikut kedalamnya :

<div class="iklan_bawah">

TARUH CODE IKLAN KAMU DISINI

</div>

* Ganti align:bottom; dengan align:top dan bottom:0px dengan top:0px jika ingin memasang iklan dibagian atas.
* Ganti lebar dan sesuai dengan lebar blog kamu.

Happy Blogging.

Sumber: http://www.hapiamesir.org

Cara Membuat Spoiler

irfanrp@gmail.com — Fri, 08 Jan 2010 06:07:34 PST

Tutorial blogger cara membuat spoiler akan saya jelaskan caranya sangat lah mudah untuk membuat spoiler.

cara membuat spoiler

Simple saja caranya,

cukup ketikkan :
[spoiler=e71 biru n pink]blablabla[/spoiler]

Keterangan : Tentu saja kata 'blablabla' diganti sesuai dengan kata atau foto yang mau dimasukkan ke dalam spoiler. Dan kata 'e71 biru n pink' adalah kata yang akan muncul pada kata 'spoiler for e71 biru n pink' (untuk lebih jelasnya lihat di gambar berikut ini)

KB Akhirnya Membayar

irfanrp@gmail.com — Tue, 05 Jan 2010 00:12:28 PST

Sudah Lama Sekali Mamas Ipenk sudah nggak Posting, ini terjadi karena mamas ipenk sedang asyik mengurus blog Duniaunik.tk, dan posting kali ini membuktikan bahwa KB Akhirnya membayar saya, yang dulunya kurang percaya akhirnya terbukti. Berikut buktinya

Pada Tanggal 3 Januari 2010 jumlah pembayaran Rp.50000, walaupun hanya Rp.50000 saya sudah merasa bersyukur dan menjadi semangat dalam ngeblog. untuk yang belum mengetahui caranya klik Rupiah dari Kumpulblogger, dan ada juga rupiah dari kliksaya yang sampai sekarang belum mencapai batas minimum pembayaran jadi belum bisa di trasfer untuk cara rupuah dari kliksaya.

Sekian dari saya

Wasalam

Cara Blog Dapat Diakses Lewat Hand Phone

irfanrp@gmail.com — Wed, 30 Dec 2009 10:09:34 PST

Tutorial Blog kali ini diambil dari salah satu sahabat teman tanyagratisan.blogspot.com membahas tentang Cara Blog Dapat Diakses Lewat Hand Phone

Berikut Cara Blog Dapat Diakses Lewat Hand Phone:

Daftarkan diri anda dengan mengklik :MoFUSE for Blog (free)* Setelah anda mendaftarkan diri anda, ikuti langkah langkahnya untuk membuat blog anda versi mobile
Yang perlu anda ingat adalah RSS feed blog anda (rss feed blog saya adalah : http://latihanbae.blogspot.com/feeds/posts/default ) karena RSS itu yang akan di minta berarti yang ada masukan RSS sobat dengan cara ganti http://latihanbae.blogspot.com dengan nama blog sobat, masukan pada kolom dikolom Mobilize your blog no kemudian klik Mobilize.
Ikuti terus langkah langkahnya sampai selesai. kini anda memiliki blog yang bisa diakses melalui handphone (dengan nama :namaBlogAnda.mofuse.mobi )
Cobalah akses blog anda tersebut lewat handphone.
Selamat mencoba

Cara Membuat Nomor Halaman Blog

irfanrp@gmail.com — Tue, 29 Dec 2009 06:50:33 PST

Cara Membuat Nomor Halaman Blog, Tutorial blogger saya post tentang ini karena saya juga membutuhkanya untuk blog www.mamasipenk.co.cc cara ini juga saya ambil dari master abu-farhan.com. langsung saja yah Cara Membuat Nomor Halaman Blog.

Cara Membuat Nomor Halaman Blog:

Langkah 1: Terapkan Style

Login ke Blogger Dashboard dan navigasi ke Layout> Edit Html
klik kotak centang yang mengatakan 'Expand Template Widget'
Cari dengan cara Ctrl+f agar lebih mudah
]]></b:skin>
Letakan Kode dibawah ini diatas kode ]]></b:skin>

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}

Langkah 2: Aplly Javascript

Cari ini:
</body>
Letakan Kode dibawah ini diatas kode </body>

Ubah berdasarkan pengaturan blog Anda:

var postperpage = 7;
var numshowpage = 4;

Postperpage: Berapa banyak Post setiap Halaman untuk blog Anda
numshowpage: bagaimana Banyak nomor akan ditampilkan dalam halaman Anda Navigasi

Langkah 3: Customize Label (jika Anda sudah menggunakan Navi Halaman sebelumnya tidak menggunakan langkah ini)

Cari
'data:label.url'
Ganti dengan
'data:label.url + "?&max-results=7"'

Terakhir Simpan

Selamat Mencoba

Domain Dot Com Gratis (part3)

irfanrp@gmail.com — Sun, 27 Dec 2009 03:08:51 PST

Pastinya para blogger tidak asing dengan namanya penawaran domain dot com gratis disini mamas ipenk juga menawarkan kepada sobat semuanya cara mendapatkan domain dot com gratis langsung saja untuk yang ingin mendaftarnya klik disini atau klik banner dibawah ini

dan Untuk yang senang berburu domain dot com gratis mamas ipenk mempinya 2 trick lainya Trick 1 dan trick 2.

Selamat mencoba Salam Sukses

Blog Tidak Bisa Dicopy Paste

irfanrp@gmail.com — Sat, 26 Dec 2009 20:10:43 PST

Tutorial Blogger kali ini adalah tutorial Blog Tidak Bisa Dicopy Paste

, Mungkin sudah tidak asing lagi bagi kita bila artikel kita di copy-paste oleh blog lain, memang sebenarnya bisa saja kita copy-paste isi postingan suatu blog bila di ijinkan oleh penulisnya, atau dengan menaruh link sumber nya.Tapi bagi kita yang tidak mau mengijinkan blog kita di copy-paste oleh orang lain, kita bisa membuat agar blog kita tidak bisa di copy-paste. Ok, berikut langkah-langkah agar Blog Tidak Bisa Dicopy Paste.

DISABLE KLIK KANAN

1. Masuk ke blogger lalu pilih “Layout” kemudian “Add page element” dan selanjutnya pilih “HTML Javascript”

2. Lalu masukan code yang berwarna merah berikut dengan cara Copy-Paste :

<SCRIPT language=JavaScript><br /><!– http://www.spacegun.co.uk –><br /> var message = “Sorry yak gak boleh di copast ^^”; <br /> function rtclickcheck(keyp){ if (navigator.appName == “Netscape” && keyp.which == 3){ alert(message); return false; } <br /> if (navigator.appVersion.indexOf(“MSIE”) != -1 && event.button == 2) { alert(message); return false; } } <br /> document.onmousedown = rtclickcheck;<br /></SCRIPT><br />

Keterangan : Silahkan edit kalimat yang “Sorry yak gak boleh di copast ^^” di kode di atas dengan kalimat apa saja. Contoh,” Sorry yak gak boleh di copast ^^” atau dengan tulisan lain.

Disable Blog Artikel

1. Masuk ke blogger lalu pilih “Layout” lalu pilih “Edit HTML”, kemudian Ceklist Expand Widget Templates untuk mengamankan template dari hasil edit yang salah.

2. Temukan tulisan , Setelah tulisan tersebut ketemu maka copy-paste lah kode dibawah ini, dan tepat setelah “tulisan” tadi.

<!– ######## Disable Select ########–> <script language=’JavaScript1.2′> function disableselect(e){ return false } function reEnable(){ return true } document.onselectstart=new Function (”return false”) if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } </script> <!– ######## End of Disable Select ########–>

Maka untuk selanjutnya artikel anda tidak bisa di copas.

SElamat Mencoba

Cara Membuat Recent Comments

irfanrp@gmail.com — Thu, 24 Dec 2009 19:43:13 PST

Setelah 2 hari nggak post sekarang Tutorial Blogger dari Mamas Ipenk akan menerangkan tutorial bagaimana cara membuat recent comments, cara membuatnya sama dengan membuat Recent Post menggunakan fasilitas search

Cara membuat Recent Comments

1. Login di blogger dengan ID anda
2. Klik menu Tata Letak
3. Klik Element Laman
4. Klik Tambah Gadget
5. Kemudian Pada search ketikan Recent Comments seperti gambar dibawah ini kemudian tekan enter
6. klik Tambah, kemudian atur Judul, ketinggian, blog kita, dan yang lainya sesuai keinginan kita
7. Simpan/Save

Selamat Mencoba

Widget Selalu Muncul

irfanrp@gmail.com — Thu, 24 Dec 2009 00:46:59 PST

Tutorial blogger kali ini akan menjelaskan Tutorial widget selalu muncul, apa maksud widget selalu muncul?maksudnya adalah widget akan selalu tampak disebelah kanan,kiri blog mengikuti scroll dan contoh pada blog saya ini disebelah kanan ada iklan internet smart, Tutorial ini berfungsi bagi yang suka dengan PPC nantinya pengunjung pasti akan sering melihat widget itu dan penasaran untuk mengklik, sebenarnya jiga bukan untuk PPC masih banyak widget yang lain yang bisa dipasang dan untuk yang suka bermain klik PPC ada Tutorial bagus Iklan Muncul di Awal Masuk. Langsung saja kita ke Tutorial

Cara Membuat Widget Selalu Muncul

1. Login di blogger dengan ID anda

2. Klik menu Tata Letak

3. Klik Elemen Laman

4. Klik Tambah Gadget

5. CopyPaste kode dibawah ini

#iklan {

position:fixed;_position:absolute;top:100px; right:0px;

clip:inherit;

_top:expression(document.documentElement.scrollTop+

document.documentElement.clientHeight-this.clientHeight);

_right:expression(document.documentElement.scrollright+

document.documentElement.clientWidth - offsetWidth); }

</style>

(Masukan Kode Iklan atau Kode widget Lain Di sini)

</div>

*untuk tulusan warna merah adalah posisi yang diinginkan dan warna biru Script iklan atau widget yang ingin ditambahkan

6.Simpan

Selamat Mencoba

Cara Menambah Tombol Share On Facebook

irfanrp@gmail.com — Tue, 22 Dec 2009 08:10:27 PST

Cara Menambah Tombol Share On Facebook :

Tentang The Widget.
Ini adalah tombol berbagi facebook resmi dan di sini adalah fitur ini.

2 Styles. Button Atau Link
Dengan / tanpa Counter.

Langkah 1. Dapatkan Kode Anda.

Pergi ke halaman ini klik di sini,Dan membuat tombol Anda (menyesuaikannya). ada beberapa pilihan yang mudah dan Anda dapat memeriksa tombol pratinjau untuk melihat tombol Anda.
Lihat gambar berikut untuk melihat tombol gaya yang berbeda.

Setelah Selesai kustomisasi tombol Anda, silahkan salin kode tombol Anda dan pergi ke langkah berikutnya.

Langkah 2 Tambahkan Kode Ke Blog

Masuk ke account blogger Anda, dan pergi ke Layout>> Edit Html.
Sebelum melakukan setiap hal yang Anda harus memeriksa kotak Expand Template Widget.
Dan menemukan Kode dibawah ini dengan cara praktis tekan ctrl+f kemudian ketikan kode dibawah ini

Dan setelah itu, sisipkan kode tombol tombol yang kami buat di langkah 1. Apa, Jika Anda tidak menemukan kode di atas pada template anda, yang mencoba menemukan kode berikut,

<data:post.body/>

Paste kode pada langkah 1 sebelum kode diatas.

Selamat Mencoba

Sumber: http://www.allblogtools.com

Cara Mengatasi Kotak Komentar Bermasalah

irfanrp@gmail.com — Fri, 18 Dec 2009 05:19:55 PST

Tutorial Blogger dari Mamas Ipenk kali ini menjelaskan tentang Cara Mengatasi Kotak Komentar Bermasalah, kotak komentar bermasalah sering sekali dialami blogger, apabila kotak komentar hanya mucul setengah pastinya orang yang ingin komentar jadi nggak jadi komentar, disini saya akan mencarikan solusinya Cara Mengatasi Kotak Komentar Bermasalah.

Cara Mengatasi Kotak Komentar Bermasalah:

Untuk Pengkomentar

*Apabila kita mengunjingi blog teman dengan gambar post komentar hanya setengah jangan langsung keluar bila kita berniat komentar karena ada caranya yang harus kita lakukan adalah

Lakukan Refresh
Tekan tombol Tab Untuk melanjutkan berkomentar karena kotak post komentar akan kebawah dengan sendirinya

Untuk Pemilik Blog

Langkah Pertama

Login pada akun Blogger anda
kemudian pilih Pengaturan
Pada tab menu, pilih Komentar
Scroll ke bawah kemudian pilih tidak untuk pilihan Tampilkan verifikasi kata untuk komentar seperti gambar di bawah ini
Kalau sudah tinggal klik Simpan Setelan

Langkah Kedua:
Langkah ini bisamenjadi alternatif bila anda tetap ingin meng-enable atau cara diatas sobat pilih ya pada kode verifikasi, yaitu dengan memperbaiki sintaks pada kotak komentar itu sendiri, maka kotak komentar akan mempunyai fungsi scroll. Caranya sebagai berikut:

Login pada akun Blogger anda
Kemudian pilih Layout/Tata Letak
Pada tab menu, pilih Edit HTML
Klik kotak Expand Template Widget
Cari kode berikut:
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='no' width='100%'/>
Jika sudah ketemu ganti scrolling='no' menjadi scrolling='yes'
Kemudian klik Simpan Perubahan

Selamat Mencoba

Cara Mengganti Shortcut Icon Blogger

irfanrp@gmail.com — Sun, 13 Dec 2009 06:20:59 PST

Cara Mengganti Shortcut Icon Blogger merupakan tutorial blogger yang mudah dipraktekan, disini saya akan membahasanya,dan apabila anda masih bingung icon apa yang cocok n bagus,sobat bisa cari Disini, bila sudah menemukan iconnya silahkan lakukan langkah dibawah ini:

Cara Mengganti Shortcut Icon Blogger

Login terlebih dahulu ke blogger kamu
Pada halaman dashboard, klik Tataletak (Layout)
Selanjutnya klik Edit HTML
Pada kotak HTML, carilah kode ini (gunakan Control F untuk memudahkan pencarian):
]]></b:skin>

Kemudian masukkan kode yang terdapat pada kotak di bawah dan letakkan di bawah kode ]]></b:skin> , atau antara ]]></b:skin> dan </head> :
<link href="URL Logo atau Icon Sobat" rel="shortcut icon" type="image/x-icon"/>

Contoh <link href="http://icons.iconarchive.com/icons/visualpharm/hardware/48/web-camera-icon.png" rel="shortcut icon" type="image/x-icon"/>
Perlu diingat warna biru diganti dengan icon atau logo sobat

Untuk melihat hasil perubahan tersebut, klik Pratinjau (Preview) dan pastikan bahwa kamu sudah melakukan editing HTML dengan benar dan bila sudah puas dengan hasilnya jangan lupa klik simpan.

Selamat mencoba.....!!!

Kelebihan Dan Kekurangan 4 Browser

irfanrp@gmail.com — Thu, 10 Dec 2009 23:28:47 PST

Kelebihan Dan Kekurangan 4 Browser, Dari sekian banyak web browser yang ada saat ini, bisa dikatakan browser Firefox, Internet Explorer, Google Chrome dan Opera adalah browser yang paling banyak digunakan Kalau Mamas Ipenk seringnya Menggunakan Mozilla Firefox.

Internet Explorer

+) Kelebihan:
* Menyediakan add ons, walaupun tidak sebanyak Firefox
* Khusus IE8, tampilannya lebih elegan dan menarik
* Bagi pengguna Windows Live maka akan di manjakan dengan tab bookmark yang terhubung ke fitur-fitur milik Windows Live

(-) Kekurangan:
* Gagal membaca script dibeberapa halaman situs (khususnya CSS)
* Berat saat awal start dan saat membuka tab baru

Browser ini kurang bandel. Saya jarang pake IE8 karena pernah terkena virus saat browsing pakai ini. “IE sebagai penguasa pasar web browser memang menjadi target utama serangan para hacker” .

Mozzila Firefox

(+) Kelebihan:
* Banyak fitur tambahan (add ons), ibarat kepingan puzzle, add ons ini bisa dibongkar pasang sesuai dengan kebutuhan user
* Bandel, cocok untuk membuka situs-situs multimedia
* Updatenya mudah
* Sistem security kuat

(-) Kekurangan:
* Loading lama saat mulai start, apalagi jika banyak adds-on yang terinstall

Membuka situs-situs multimedia seperti Youtube dan Metacafe memang lebih cocok memakai Firefox. Download managernya juga lebih oke karena masih bekerja ketika browser ditutup , apalagi buat yang suka download file-file besar.

Google Chrome

(+) Kelebihan:
* Ringan dan gesit, termasuk ketika start pertama kali dan berpindah tab
* Desainnya simpel dan minimalis
* Updatenya mudah
* Sistem security kuat, saat ini menjadi browser yang paling tahan terhadap serangan hacker

(-) Kekurangan:
* Statis, fiturnya kurang banyak
* Installnya harus online, Chrome tidak menyediakan file masternya, jadi kalau mau menginstall hanya diberi file lauchernya saja

Browser ini lebih cocok buat buka situs semacam berita yang banyak teks-nya . Seperti : okezone , detik , dsb . Kalau buat yang lain masih mending firefox.

Opera

(+) Kelebihan:
* Ringan
* Memiliki email client dan rss sendiri, jadi tidak perlu memakai email client lain seperti Outlook, Thunderbird dan lainnya
* Pemanggilan kembali Cache cepat

(-) Kekurangan:
* Agak lambat dalam membaca script pada beberapa halaman situs
* Untuk meng-update-nya harus men-download kembali file masternya

Sumber: Haxims.blogspot.com

Tutorial Blogger

Membuat Teks Berjalan (Marquee)

Cara Membuat Dropdown Menu

Cara Buat Text Area di Blogger

Cara Memposting Artikel

Cara Mengganti Template di blogspot

Mengganti Template dengan Template yang disediakan blogger

Mengganti Template dengan template dari penyedia template

Cara Setting Blog Di blogger

Dasar

Publikasikan

Format

Komentar

Arsipkan

Feed Situs

Email & Seluler

OpenID

Izin

Panduan membuat Blog di Blogspot

1. Apa itu Blog ?

2. Cara membuat blog di blogspot

Membuat Email

Daftar Blog di blogger

How to add Facebook connect to Bloggers

Create an application

Adding a few snippets of code to your template

Add Facebook connect

KOde Warna Html

Merubah Warna Link Setelah Di Klik

Memasang Kotak Komentar Facebook Di Blog

Artikel Terkait Dengan Gambar Berjalan (new)

Memasang Iklan Fix Di Halaman

Cara Membuat Spoiler

KB Akhirnya Membayar

Cara Blog Dapat Diakses Lewat Hand Phone

Cara Membuat Nomor Halaman Blog

Domain Dot Com Gratis (part3)

Blog Tidak Bisa Dicopy Paste

Cara Membuat Recent Comments

Widget Selalu Muncul

Cara Menambah Tombol Share On Facebook

Cara Mengatasi Kotak Komentar Bermasalah

Cara Mengganti Shortcut Icon Blogger

Kelebihan Dan Kekurangan 4 Browser