ALERON_LIGHT

Tampilkan postingan dengan label TUTORIAL. Tampilkan semua postingan

Home » Posts filed under TUTORIAL

Tutorial Membuat Link Menjadi Warna-Warni

Diposting oleh Christian Gratia Nugroho on Jumat, 09 September 2011

Abis hujan terbitlah pelangi.... hahahaha {alai}
[timpukin batu ah]...
Tapi dengar kata pelangi, kali ini ALERON_LIGHT ingin berbagi TUTORIAL cara membuat
link menjadi warna-warni..

Apakah anda pernah melihat tulisan link yang berbentuk tulisan diblog teman anda yang akan memunculkan warna yang berganti-ganti seperti pelangi jika cursor blog anda dihadapkan kesana ? jika belum pernah silahkan cobakan diblog saya ini, silahkan hadapkan kursor tetikus anda disalah satu tulisan yang ada tautannya diblog saya, nah anda melihat warnanya berganti-ganti kan..

Langsung ke TKP sob..

1. Pada halaman dasbor blog, klik tab RANCAGNAN
2. Pada halaman RANCANGAN, klik tab EDIT HTML.
3. Sebaiknya download dulu template anda untuk mencegah kerusakan template karena salah dalam melakukan pengeditan pada kode HTML Template blog.
4. Klik kotak kecil yang ada di depan tulisan EXPAND TEMPLATE WIDGET guna menghindari galat dalm pengeditan template...
5. Cari kode di seperti ini ==> <head> lalu letakan kode dibawah ini tepat dibawah kode <head>

6. Jika sudah di copas maka kodenya akan seperti dibawah ini

7. Langkah terakhir SAVE template kesayangan anda....
dannnnnnnnn...... Tara Abis setting terbitlah pelangi. hahahaha

SEMOGA TUTORIAL INI BERMANFAAT
NB: Jangan Malu Bertanya Jika Anda Benar Tidak Tahu..

More about → Tutorial Membuat Link Menjadi Warna-Warni

Tutorial Membuat Menu Dropdown

Diposting oleh Christian Gratia Nugroho on Kamis, 08 September 2011

ALERON_LIGHT kembali lagi, senang rasanya bisa berbagi ilmu dengan sobat blogger semua.
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

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
Begini TUTORIALNYA
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://aleron-light.blogspot.com/2011/09/tutorial-membuat-text-area.html">Text Area</option>

<option value="http://aleron-light.blogspot.com/2011/09/tutorial-cara-setting-blog-di-blogger.html">setting Blog</option>

<option value="http://aleron-light.blogspot.com/2011/09/tutorial-membuat-emoticon-kaskus-pada.html">Emoticon Kaskus</option>

<option value="http://aleron-light.blogspot.com/2011/09/tutorial-membuat-tombol-share-pada.html">Tombol Share</option>

<option value="http://aleron-light.blogspot.com/2011/09/tutorial-cara-membuat-kotak-author-box.html">Author Box</option>

<option value="http://aleron-light.blogspot.com/2011/09/cara-membuat-related-post-thumbnail.html">Related Post</option>

<option value="http://aleron-light.blogspot.com/2011/09/panduan-membuat-blog-di-blogger-dot-com.html">Buat Blog</option>

<option value="http://aleron-light.blogspot.com/2011/09/membuat-widged-burung-twiter.html">Widget Twiter</option>

</select></form>

Berikut Hasilnya

MUDAH BUKAN....?

jika ingin menmbahkan link copy code berikut ==> <option value="isi dengan addres yang ingin di tuju">tulisan di sini yang akan muncul</option> taruh sebelum ==> </select> anda tinggal mengganti link dan judulnya

SEMOGA BERMANFAAT
NB : jangan malu bertanya kalu anda benar tidak tahu

More about → Tutorial Membuat Menu Dropdown

Tutorial Membuat Text Area

Diposting oleh Christian Gratia Nugroho

Ougkelah langsung sja anda ikuti http://aleron-light.blogspot.com/search/label/TUTORIAL Membuat text area...
sebelum membuatnya kita harus tau dulu APA ITU TEXT AREA...?

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

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

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

Sebagai Contoh :

Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area

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 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. <div align="center"> ==> 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. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> ==> 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 misalnya Copy Semua dll.

Element text area :

1. <p align="center"> ==> 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. <text style="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 <HEAD> dan </HEAD>

Selamat Mencoba....

More about → Tutorial Membuat Text Area

Tutorial Cara Setting Blog Di blogger

Diposting oleh Christian Gratia Nugroho

Hallo sobat ALERON_LIGHT semua , kembali lagi saya ingin berbagi tutorial cara setting blog di blogger.com.

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 pendapat anda tentang semua ini?

mari kita berbagi dengan komentar yang saling membangun.

More about → Tutorial Cara Setting Blog Di blogger

Tutorial Membuat Emoticon Kaskus pada Kolom komentar

Diposting oleh Christian Gratia Nugroho on Rabu, 07 September 2011

Heloo Sobat ALERON_LIGHT Semua, Kembali lagi saya ingin memposting TUTORIAL menarik yaitu membuat emoticon kaskus pada kolom komentar blog. hehehehe menarik bukan, dengan adanya ini pengunjung tidak jenuh saat melihat artikel kita ( Menambah Skin menarik Blog kita, halah...), Kebanyakan para blogger kan biasanya klo menggunakan emoticon di kotak komentar biasanya pake yahoo emoticon, lha yang ini malah pake emoticon dari kaskus. Anda pasti sudah tahu tentang kaskus kan?

Buat Sobat yang belum tahu emoticon kaskus bentuknya seperti apa, coba deh Sobat lihat di atas kotak komentar yang ada di blog saya ini. Sekarang sudah tahu kan..? dan tertarik memasang diblog anda..

Ougkey langsung saja tutorial langkah membuatnya...

1. Pada halaman dasbor blog, klik tab RANCAGNAN
2. Pada halaman RANCANGAN, klik tab EDIT HTML.
3. Sebaiknya download dulu template anda untuk mencegah kerusakan template karena salah dalam melakukan pengeditan pada kode HTML Template blog.
4. Klik kotak kecil yang ada di depan tulisan EXPAND TEMPLATE WIDGET guna menghindari galat dalm pengeditan template...
5. Cari kode

</body>

6. Copy kode dibawah ini, di atas kode yang ada di atas

7. Langkah selanjutnya, cari kode :

<b:if cond='data:post.embedCommentForm'>

8. Copas Semua code dibawah ini letakan tepat diatas kode no 7

Terakhir Simpan template anda..
Masuk ke link posting yang sudah anda buat... tuju ke TKP...

TARA... EMOTICON KASKUS ADA DIKOTAKKOMENTAR... hehehehe
Semoga Artikel ini Bermanfaat bagi sobat semua..
NB : Jangan Malu Bertanya Jika Anda Benar Tidak Tahu..

More about → Tutorial Membuat Emoticon Kaskus pada Kolom komentar

Tutorial Membuat Tombol Share Pada Setiap Posting

Diposting oleh Christian Gratia Nugroho

Kali Ini Aleron_Light ingin berbagi tentang pengalaman Membuat tombol share Disetiap posting, yaitu diletkan di bawah ataupun diatas. dalam tutorial ini saya akan membahas semua dengan langkah dari awal sampai akhir, dengan adanya tombol share ini secara tidak langsung jika pembaca artikel pada blog anda menyukai artikel yang anda pasang maka artikel tersebut akan dishare melaui tombol yang akan di buat ini secara tidak akan meningkatkan pengunjung yang datang pada blog anda dengan melihat artikel yang telah dishare sebelumnya.. Penjelasan yang saya artikan mungkin agak ribet it's ougkey ga papa yang penting secara garis besarnya tombol ini sangat berguna...

Dari pada tambah pusing ndengerin saya ngomong, langsung saja ke TKP
langkahnya..

1. Pada halaman dasbor blog, klik tab RANCAGNAN
2. Pada halaman RANCANGAN, klik tab EDIT HTML.
3. Sebaiknya download dulu template anda untuk mencegah kerusakan template karena salah dalam melakukan pengeditan pada kode HTML Template blog.
4. Klik kotak kecil yang ada di depan tulisan EXPAND TEMPLATE WIDGET guna menghindari galat dalm pengeditan template...
5. Jika sobat blogger ingin meletakannya diatas post carilah kode :

atau dan jika ingin menaruhnya dibawah posting silahkan cari kode berikut dan pilih yang ke 2

<data:post.body/>

6. Kemudian copas kode ini dibawah ini tepat dibawah kode diatas

<b:if cond='data:blog.pageType == "item"'><div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:4px 0px 30px 0px;width:100%;float:left;height:20px;'><div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'/><div style='float:left;padding-left:10px;'><a name='fb_share' type='button_count'/><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div><div style='float:left;padding-left:10px;'><a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/><script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div><div style='float:left;padding-left:10px;'><a class='DiggThisButton DiggCompact'/><script type='text/javascript'>(function() {var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];s.type = 'text/javascript';s.async = true;s.src = 'http://widgets.digg.com/buttons.js';s1.parentNode.insertBefore(s, s1);})();</script></div><div style='float:left;padding-left:10px;'><a class='twitter-share-button' data-count='horizontal' data-via='Christian_ID_04' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='medium'/></div><div style='float:left'></div></div></b:if>

NB: Tulisan "Christian_ID_04" tolong diganti dengan user twitter sobat blogger sendiri

7. Yang terakhir kemudian simpan templatenya...

TARA... WOW.. Lihat diblog sobat sudah ada tombol Share sekarang...
hehehehehe... BERHASIL..

SEMOGA ARTIKEL INI BERMANFAAT BUAT SOBAT SEMUA masih banyak tutorial menarik lainnya....
Jangan malu bertanya kalu tidak tahu...

More about → Tutorial Membuat Tombol Share Pada Setiap Posting

Tutorial Cara Membuat Kotak Author Box

Diposting oleh Christian Gratia Nugroho

ALERON_LIGHT datang kembali untuk menshare TUTORIAL menarik, kali akan membahas tentang author box, APA ITU..?
Author Box adalah kotak kecil yang biasanya dipasang di bawah artikel / postingan blog. yang Guananya adalah untuk menggantikan widget About Me yang disediakan oleh google yang tampilannya biasa-biasa saja (menurut gue sich). Berbeda dengan Widget About Me yang disediakan goole, Widget Author Box lebih menarik, mudah diatur, dan bisa di modifikasi sesuai keinginan kita. Demo langsungnya Widget Author Box bisa anda lihat di bawah postingan / artikel ini scroll aja kebawah ( selama belum dihapus ).

Dengan tampilan yang bisa disesuaikan dengan keinginan sendiri, widget author box bisa diberi Background, Link, dll. Selain itu, kita bisa mengatur warna pinggiran, backgrund, warna huruf, jenis huruf, besar huruf, dan hampir semua komponen yang ada di dalam Widget Author Box. Menarik bukan ???

ougkey saya tau anda tidak sabar
Untuk memasang Widget Author Box di bawah setiap postingan / Artikel blog, silahkan ikuti panduan TUTORIAL berikut ini :

1. Pada halaman dasbor blog, klik tab RANCAGNAN
2. Pada halaman RANCANGAN, klik tab EDIT HTML.
3. Sebaiknya download dulu template anda untuk mencegah kerusakan template karena salah dalam melakukan pengeditan pada kode HTML Template blog.
4. Klik kotak kecil yang ada di depan tulisan EXPAND TEMPLATE WIDGET guna menghindari galat dalm pengeditan template...
5. Cari kode di bawah ini :

]]></b:skin>

Gunakan tombol F3 pada keyboard untuk melakukan pencarian cepat.
6. Copy kode berikut ini, lalu pasang / Paste di ATAS kode

/*--- Author Box ---**/
.author-box {
background:#424242;
margin:20px 0 0 0;
padding:10px 10px 0px 10px;
overflow:auto;
color:#FFFFFF;
font-family:verdana, sans-serif;
}

.author-box p {
margin:0;
padding:0;
}

.author-box a{
color:#FFF;
}

.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}

Jika ingin mengganti warna background kotak Author Box, ganti kode #424242 dengan kode warna anda. Jika ingin memberi background gambar, ganti kode background:#424242; dengan kode di bawah ini :

background:#424242 url(GANTI KALIMAT INI URL GAMBAR ANDA);
color:#FFFFFF; adalah kode warna huruf. Ganti kode #FFFFFF dengan kode warna anda untuk mengganti warna huruf.

Langkah berikutnya......

Copy kode berikut ini :

Paste / Pasang / Tempel, atau terserah anda menyebutnya apa di BAWAH kode

pada template blog kesayangan anda. Berikut kodenya :

<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='http://i1214.photobucket.com/albums/cc492/TBM77/JOZZZZZ_70x70.jpg' width='70'/><div style='text-align: justify; font-family:Comic Sans MS; font-size:13px;'><a href='http://www.blogger.com/profile/09720987939397577337' target='_blank'>CHRISTIAN.</a>Terima Kasih telah berkunjung di ALERON_LIGHT. Semoga artikel Tutorial Blogger yang anda baca ini bermanfaat.and Remember If GOD leads you to the edge of cliff, trust HIM fully. One or two things will happen, either HE will catch you when you fall, or HE will teach you how to fly. </div><br/></p>
</div>
</b:if>

Ganti kode http://i1214.photobucket.com/albums/cc492/TBM77/JOZZZZZ_70x70.jpg dengan URL gambar yang ingin anda tampilkan di kotak Author Box. Sebaiknya berukuran 70px X 70px.

Ganti kode http://www.blogger.com/profile/09720987939397577337 dengan URL profil blog anda.

Ganti kode CHRISTIAN. dengan nama anda.

Terima Kasih telah berkunjung di ALERON_LIGHT. Semoga artikel Tutorial Blogger yang anda baca ini bermanfaat.and Remember If GOD leads you to the edge of cliff, trust HIM fully. One or two things will happen, either HE will catch you when you fall, or HE will teach you how to fly ... dengan kalimat yang ingin anda sampaikan di kotak Widget Author Box.

Anda masih bisa mengedit kode yang lain sesuai keinginan anda seperti Jenis Huruf, Warna huruf, dll. Silahkan acak² saja kodenya sampai puas hehehe....

Lumayan Ribet sih tapi aku jamin hasilnya lebih memuaskan...

Ougkey sekian dulu tutorial cara membuat author box dari saya...

Selamat mencoba.. Semoga berhasil

NB : Jangan Malu bertanya kalu anda benar tidak tahu....

More about → Tutorial Cara Membuat Kotak Author Box

Cara Membuat Related Post Thumbnail Berjalan

Diposting oleh Christian Gratia Nugroho

Sobat ALERON_LIGHT kali ini saya akan mensharingkan TUTORIAL
membuat related post dengan thumbnail...
Menampilkan link ke posting terkait bersama dengan thumbnail dari pos yang sesuai akan membantu Anda meningkatkan tampilan halaman / pengguna blog. Pengguna akan tergoda untuk pergi ke posting yang berkaitan ketika mereka disajikan menarik dengan thumbnail yaitu dengan gambar bergerak.
Ini juga menggunakan media yang dihasilkan oleh thumbnail blogger untuk setiap posting.

Berikut Screen Shootnya :

Menarik Bukan ...?
Ougkey untuk membuatnya yang pertama adalah

1. Seperti biasa, silakan Sobat login ke akun blog Sobat
2. Pilih menu rancangan/design > edit HTML dan jangan lupa beri anda centang pada Expand Template Widget
3. Cari kode (Agar lebih mudah gunakan shortcut ctrl+F untuk mencarinya
4. Setelah ketemu silakan Sobat Copy kode dibawah ini dan letakkan tepat diatas kode

</head>

<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>

kemudian anda cari kode berikut

atau

Jika sudah ketemu letakan kode berikut tepat dibawahnya

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=12"' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=10;
var relatedpoststitle="";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://serba-seru.blogspot.com/2010/02/thumbnail-related-posting-with-marquee.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>

Anda bisa mengganti jumlah posting yang ingin ditampilkan dengan mengganti anka 10

5. Langkah terakhir Simpan template
tara... dan lihat hasilnya
selamat mencoba

More about → Cara Membuat Related Post Thumbnail Berjalan

Panduan Membuat Blog Di Blogger [dot] com

Diposting oleh Christian Gratia Nugroho

SEBELUMNYA KITA HARUS TAU APA ITU BLOG

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, education, religy 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 atau wordpress, tapi kali ini saya akan menjelaskan bagaimana membuat blog di situs blogger.com 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 tidak bisa memakai email lainnya seperti yahoo n etc. 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. Berikut contoh tampilan blog yang tadi di buat.
Selesai dah........ tinggal posting terus sampai mabox... hehehehhe

Semoga TUTORIAL
ini bermanfaat... happy blogging..

More about → Panduan Membuat Blog Di Blogger [dot] com

Membuat Widged Burung Twiter beterbangan

Diposting oleh Christian Gratia Nugroho

Cara mebuat widget Burung Twitter terbang di blog. Agan-agan cuma perlu tambah widget aja, tapi yang bingung itu kode scriptnya itu apa.hehe. Langsung saja caranya sebagai berikut :

1. Login ke blogger.Dashboard.
2. Buka Rancangan - Elemen Laman
3. Tambah Widget - Html/javascript
4. Copy Paste Kode Dibawah ini

Ganti url : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjww0ihxxyJNaMuV4e1lDU7MG5pObkkWsNBgzvysCfr6stkD1SxQQ9cHUtHl53TCPjLv1aNZoxpsEB-E9IIbVY8zg9aeCyTmhoGGBbBcWePgZ7aCi3ZfXcxThth3hcppfIWpcBHuNp2yd4/s1600/birdsprite+copy+copy.png dengan gambar yang anda sukai..

atau anda ingin memakai ikon ini

dengan mengganti url : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9H4-BU0n8M028-8tevGB70DRVye3Atl7i-7h7a5Z-zWnFofwdXAenOvwqCXpHyR-0AvVi7Tzv8mG_YJVlSsZ-vsc8B0Kr3nBCuA7_d284ybVqHNZCBE0cKX7i4qAdLL8n2BSyb2noYko/s1600/birdsprite+copy+copy.png

6. Kode yang http://twitter.com/TwitterKamu dan Twitter kamu https://twitter.com/TwitterKamu/ ganti nengan Url twitter Kamu

Selamat mencoba dan masih banyakTUTORIAL
MENARIK lainnya....

More about → Membuat Widged Burung Twiter beterbangan

ALERON_LIGHT

Tutorial Membuat Link Menjadi Warna-Warni

Tutorial Membuat Menu Dropdown

Tutorial Membuat Text Area

Tutorial Cara Setting Blog Di blogger

Dasar

Publikasikan

Format

Komentar

Arsipkan

Feed Situs

Email & Seluler

OpenID

Izin

Tutorial Membuat Emoticon Kaskus pada Kolom komentar

Tutorial Membuat Tombol Share Pada Setiap Posting

Tutorial Cara Membuat Kotak Author Box

Cara Membuat Related Post Thumbnail Berjalan

Panduan Membuat Blog Di Blogger [dot] com

SEBELUMNYA KITA HARUS TAU APA ITU BLOG

1. Apa itu Blog ?

2. Cara membuat blog di blogspot

Membuat Email

Daftar Blog Di Blogger

Membuat Widged Burung Twiter beterbangan

Goal.com News - Indonesian

ARTIKEL LAINNYA

SOFTWARE

TUTORIAL

GAME

DOWNLOAD MOVIE

HOT

SEARCH ==>

ALL ABOUT ME

IKUTI UPDATE ARTIKEL BLOG INI

FOOLOW THIS BLOG

MY BLOG MONITOR

Kaskus - The Largest Indonesian Community - THE LOUNGE

news.detik