Cara Memposting Kode HTML di Blog



Jika anda ingin menulis kode HTML atau script lainnya di postingan anda, anda harus memparsenya terlebih dahulu. Banyak mungkin yang sudah mengetahui ini dan memang banyak blog yang menulis beberapa script di postingnya.

Bagaimana anda bisa mengatasi masalah penulisan kode HTML ini? Sebenarnya tidak rumit untuk melakukannya. Di bawah ini ada 3 kode yang sering digunakan dalam penulisan kode HTML.

< » ganti dengan <
> » ganti dengan >
& » ganti dengan &


Tapi jika script yang ingin ditulis dalam jumlah besar tentu akan repot untuk mengganti satu persatu kode tersebut. Untuk mengatasi ini, ada tool online yang bisa anda gunakan untuk memparse kode HTML ke dalam bentuk teks.

Untuk melakukannya kunjungi link berikut.
http://centricle.com/tools/html-entities/

1. Copy-paste kode HTML yang ingin anda parse ke dalam kotak yang disediakan.
2. Tekan tombol encode.
3. Terakhir, copy kode HTML yang sudah diparse ke dalam postingan anda

Dengan tool ini dalam seketika kode HTML atau script yang anda masukkan akan segera berubah dan siap diposting.

Ada satu lagi yang mau saya tulis berhubungan dengan penulisan kode HTML di website, yaitu seputar background yang digunakan. Kebanyakan para blogger memberi background yang berbeda pada script yang ditulisnya. Ini tentu akan memudahkan pengunjung dalam membaca tulisan atau tutorial yang telah dibuat.

Langsung saja ikuti tutorial di bawah ini untuk menerapkannya di blog anda.

CSS

1. Sign in ke blogger.
2. Pilih menu Layout (Tata Letak) » Edit HTML.
3. Cari kode ]]></b:skin>.
4. Copy kode berikut di atas kode tadi.

.code {background: #f1f1f1; border: 1px solid #cccccc; border-left: 5px solid #cccccc; padding: 15px;}


5. Simpan template.


HTML

Pada posting gunakan format seperti di bawah ini untuk menerapkan kode css di atas.

<div class="code">
ketik scriptnya di sini
</div>


Cukup sampai di sini dulu posting kali ini mengenai cara memposting kode HTML di blogspot, semoga bermanfaat.


Menuju TKP ...

Cara Mengganti Favicon di Blogger



Favicon adalah icon/gambar yang terletak pada address bar dari suatu web browser. Setiap situs atau blog biasanya memiliki favicon.

Pada blogspot, favicon yang dibuat berupa logo blogger berwarna orange. Favicon ini tidak bisa diganti begitu saja melalui setting/pengaturannya. Lalu bagaimana jika anda ingin mengganti/merubah favicon ini?

Sebenarnya cara mengganti favicon blogger ini cukup mudah. Anda bisa menggantinya melalui pengeditan layout. Berikut tutorialnya.

1. Masuk ke akun blogger anda.
2. Pilih menu Layout (Tata Letak) » Edit HTML.
3. Cari kode di bawah ini.

<b:include data='blog' name='all-head-content'/>


4. Copy-paste kode berikut di bawah kode tadi.

<link href='url-gambar' rel='shortcut icon'/>

Ganti tulisan cetak tebal dengan url gambar ang akan dijadikan favicon.

6. Simpan template.

Setelah selesai melakukan pengeditan, sekarang lihat hasilnya. Jika anda melakukannya dengan benar, favicon ini akan tampil di address bar, sebelah kiri URL blog anda.

Selamat mencoba, dan semoga bermanfaat.


Menuju TKP ...

Foto Foto Yang Diambil Dari Luar Angkasa



klik image for zoom in



Foto2 dari Antariksa




'Mystery Island' ...located in the Indian Ocean close to Madagascar. Interesting features on the island and the unusual shape should be enough to help you discover this beautiful place.



Northern lights in the distance in one of the finest nights over Europe. The photo clearly shows the Strait of Dover. Paris is dazzling with the city lights. A little fog over the western part of England, particularly over London.



The moon is breathtaking



Of all the places of our beautiful planet few can rival the beauty and richness of colors in the Bahamas. In this photo, our ship is seen against the backdrop of the Bahamas.



At a speed of 28,163 kilometers per hour (8 kilometers per second), we rotate the Earth's orbit, making one revolution every 90 minutes, and watch sunsets and sunrises every 45 minutes. So half of our journey is in darkness. For the work we use lights on our helmets.



Every time I look out the window and see our beautiful planet, my soul sings! I see blue skies, white clouds and bright blessed day.



Another spectacular sunset. We see 16 such sunsets each day, and each of them is really valuable.



Beautiful atoll in the Pacific Ocean, photographed using 400mm lens. Approximately 1930 km south of Honolulu.



Perfect reflection of sunlight in the eastern Mediterranean.



Above the center of the Atlantic Ocean, before another stunning sunset. Downstairs in the setting sun visible spiral Hurricane Earl.



A little farther east, we saw a sacred monolith Uluru, better known as Ayers Rock Rock. I have never had the opportunity to visit Australia, but someday I hope that I will stand by this miracle of nature.



Morning over the Andes in South America. I do not know for sure the title of this peak, but was simply amazed by her magic, stretching to the sun and wind tops.



Over the Sahara desert, approaching the ancient lands and thousand-year history. River Nile flows through Egypt by the Pyramids of Giza in Cairo. Further, the Red Sea, Sinai Peninsula, Dead Sea, Jordan River, as well as the island of Cyprus in the Mediterranean Sea and Greece on the horizon.



Night view of the River Nile, stretching like a snake through Egypt to the Mediterranean, and Cairo, located in the Delta. Far away in this picture, one can see the Mediterranean Sea.



Our unmanned 'Progress 39P' approaches to the ISS for refueling. It is full of food, fuel, spare parts and all necessities for our station. Inside was a real gift - fresh fruit and vegetables. What a miracle after three months of food from a tube!



I wanted to share with you this view from the Dome. We said goodbye to the members of our group Sasha, Misha and Tracy this weekend, and they returned safely back to Earth. In this photo, Tracy quietly dreams of returning home.



Module Union 23C Olympus docked with the ISS . When our work ends here, we go back home to Earth. We fly over the snow-capped peaks of the Caucasus. The rising sun is reflected from the Caspian Sea.



The flash of color, movement and life on the canvas of our amazing world. This is part of the Great Barrier Reef off the east coast of Australia, photographed through the lens of 1200 mm.



All the beauty of Italy, a clear summer night. You can see many beautiful islands that adorn the coast - Capri, Sicily and Malta. Naples and Mount Vesuvius are allocated along the coast.



At the southern end of South America lies the pearl of Patagonia. The amazing beauty of rugged mountains, massive glaciers, fjords and seas combined in perfect harmony.



"Dome" on the side of nadir station gives a panoramic view of our beautiful planet. Fedor made the picture from the window of the Russian docking compartment. In this photo I'm sitting in the dome, preparing the camera for our evening flight over Hurricane Earl.



Florida and southeastern U.S. in the evening. A clear autumn evening, the moonlight over the water and sky, dotted with millions of stars.



Clear starry night over the eastern Mediterranean. The ancient land with a thousand years of history stretching from Athens to Cairo. Historical land of fabulous and alluring island ... Athens - Crete - Rhodes - Izmir - Ankara - Cyprus - Damascus - Beirut - Haifa - Amman - Tel Aviv - Jerusalem - Cairo - all of them turned into tiny lights in this cool November night.



In this time of year you can enjoy the beauty of the polar mesospheric clouds. With our high-angle illumination, we were able to capture a thin layer of noctilucent clouds at sunset.







Menuju TKP ...

Mengganti Template di blogspot

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:

1. Silahkan login ke blogger.

2. Klik Rancangan.



3. Klik menu Perancang Template. Selanjutnya akan muncul jendela perancang template blogger.



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



5. Selesai.


Mengganti Template dengan template dari penyedia template

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

1. Download terlebih dahulu template yang anda sukai pada website penyedia template blog gratis. Salah satu contoh anda bisa download di blogger templates.

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



3. Yang nanti di upload atau di unggah ke blogger hanyalah file yang berekstensi .xml.

4. Silahkan login ke blogger.

5. Klik Rancangan.



6. Klik menu Edit HTML.



7. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.



8. Klik tombol Browse.., pilih file template yang tadi didownload dan telah diekstrak ( file ekstensi .xml saja ). Kemudian klik tombol Unggah.



9. Apabila ada muncul peringatan tentang widget, klik pada tombol PERTAHANKAN WIDGET.



10. Selesai.

Kini tampilan blog anda telah berubah
Selamat mencoba! Semoga bermanfaat ^^


Menuju TKP ...

Cara Setting Blog Di blogger

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.


Menuju TKP ...

Cara Membuat Blog di Blogspot




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.


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.


Langkah 1: Daftar Google
Daftarkan Diri Anda di Google
Lho koq? Koq di Google? Katanya mau ngajarin bikin blog di blogger.com, koq malah di Google? Tidak salah, karena untuk masuk ke blogger, Anda harus memiliki login google.com.

Silahkan kunjungi http://www.blogger.com. Anda akan mendapatkan halaman seperti pada gambar dibawah.

Jika Anda sudah memiliki login di Google, Anda tinggal login, maka Anda akan masuk ke Control Panel atau Panel Kontrol.

Oh ya, Anda bisa memilih bahasa, apakah Bahasa Indonesia atau bahasa Inggris.

Untuk kali ini saya anggap Anda belum memiliki login Google.

Klik tanda panah besar yang bertuliskan CIPTAKAN BLOG ANDA.

Sejauh ini sangat mudah dan akan terus mudah.




Langkah 2: Daftar Blog
Lengkapi Pendaftaran Anda
Setelah Anda klik tanda panah besar yang bertuliskan CIPTAKAN BLOG ANDA, maka akan muncul formulir seperti yang ada pada gambar dibawah ini.

Proses ini akan menciptakan account Google yang dapat Anda gunakan pada layanan Google lainnya. Jika Anda sudah memiliki sebuah account Google mungkn dari Gmail, Google Groups, atau Orkut.

Satu account Google bisa digunakan untuk mengakses semua fasilitas yang disediakan oleh Google.

Jika Anda sudah memiliki accout google, Anda bisa langsung login (masuk). Untuk login ke Google, Anda harus login dengan menggunakan alamat email.

Silahkan lengkapi.

1. Alamat email yang Anda masukan harus sudah ada sebelumnya. Anda akan dikirim konfirmasi ke email tersebut. Jika Anda menggunakan email palsu atau email yang baru rencana akan dibuat, maka pendaftaran bisa gagal. Anda tidak perlu menggunakan email gmail.com. Email apa saja bisa.

2. Lengkapi data yang lainnya.

3. Tandai "Saya menerima Persyaratan dan Layanan" sebagai bukti bahwa Anda setuju. BTW Anda sudah membacanya?

Setelah lengkap, klik tanda panah yang bertuliskan lanjutkan.





Langkah 3: Membuat Blog
Memilih Nama Blog dan URL Blog
Jika Anda berhasil, Anda akan dibawa ke halaman seperti pada gambar dibawah. Jika gagal? Gagal biasanya karena verifikasi kata Anda salah. Itu wajar karena sering kali verifikasi kata sulit dibaca. Yang sabar saja, ulangi sampai benar. Saya sendiri sampai mengulang 3X.

Setelah Anda berhasil mendaftar, Anda akan dibawa ke halaman seperti yang ada pada gambar dibawah. Sekarang Anda mulai membuat blog dengan mengisi nama dan alamat blog Anda.

Jika Anda membuat lensa dengan tujuan mempromosikan produk Anda atau produk afiliasi, maka dalam memilih nama, harus berisi nama produk atau jasa yang akan Anda tawarkan. Misalnya jika Anda ingin menjual ebook saya, Anda bisa memilih kata kunci seperti motivasi, sukses, berpikir positif, dan kata-kata kunci lainnya yang sesuai.

Anda juga bisa meneliti kata kunci yang paling banyak dicari orang (tentu harus berhubungan dengan produk yang Anda jual) di
https://adwords.google.com/select/KeywordToolExternal

Anda bisa mengecek ketersediaan alamat blog yang Anda pilih. Jika tersedia bisa Anda lanjutkan. Jika tidak tersedia, maka Anda harus kreatif mencari nama lain atau memodifikasi alamat yang sudah ada, misalnya ditambahkan abc, xzy, 101, dan bisa juga dengan menyisipkan nama Anda.

Lanjutkan dengan klik tanda panah bertuliskan LANJUTKAN.




Langkah ke 4 Blog Template
Pilih desain yang sesuai dengan selera Anda.
Berhasil? Tentu saja berhasil, memang mudah koq. Jika berhasil, Anda akan diarahkan ke halaman seperti yang ada pada gambar dibawah.

Pilihlah tema yang sesuai dengan selera Anda. Jika tidak ada yang sesui dengan selera Anda, jangan khawatir, nanti masih banyak pilihan tema yang bisa Anda install sendiri. Sekarang pilih saja tema agar proses pembuatanblog bisa diselesaikan. Anda bisa preview tema dengan klik gambarnya.

Untuk Memilih tema Anda klik (tandai) bulatannya o seperti pada gambar dibawah. Lihat yang saya tunjuk dengan panah merah buatan saya.

Setelah itu Anda klik tanda panah yang bertuliskan LANJUTKAN



Membuat Blog Selesai
Sekarang tinggal posting, pengaturan, dan tata letak
Selamat, sekarang Anda sudah memiliki sebuah blog. Sekarang Anda sudah mulai bisa memposting pemikiran Anda di blog dan dibagi ke seluruh dunia (eh Indonesia).

Memang masih ada beberapa hal yang harus Anda lakukan, yaitu pengaturan, tata letak, penambahan eleman, dan penggantian tema jika Anda menginginkan tema yang lain.

Selamat mencoba, semoga bermanfaat ^^


Menuju TKP ...

Drop Shadow Mempercantik Tampilan Gambar

Drop Shadow adalah sebuah efek bayangan yang timbul pada suatu objek, bisa pada sebuah kotak, tabel, dan gambar.

Untuk membuat drop shadow bisa kita lakukan pada beberapa software photo editing seperti Adobe Photoshop. Tapi gimna jika semua postingan kita memiliki gambar yang akan diberi shadow dan jumlahnya banyak? Duh, bisa pusing jadinya... Tenang, dengan membaca tips ini sampai tuntas anda akan mengetahui cara memberi drop shadow pada gambar postingan dengan hanya menggunakan kode css yang simpel.


Berikut Cara Membuat Drop Shadow Gambar

1. Login ke akun Blogger anda, lalu pilih Layout > Edit HTML
2. Cari kode ]]></b:skin>, lalu paste kode css berikut tepat di atasnya:

.drop-shadow img {
background:url(http://i30.tinypic.com/1qsh1h.jpg) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}


3. Cari kode <data:post.body/>, lalu ganti kode tersebut dengan kode berikut:

<div class='drop-shadow'><data:post.body/></div>


4. Terakhir, klik Save Template dan lihat hasilnya seperti ini



Selamat mencoba...
Semoga bermanfaat, dan jangan lupa comment yah ...


Menuju TKP ...

Facebox, Blogger Lightbox ala Facebook



Kalau sebelumnya telah dibahas tentang litebox, maka kali ini saya akan menjelaskan 'Bagaimana cara' memasang Lightbox 'facebox' pada blogger.

Seperti apa sih lightbox itu?
Jika kita meng-klik link atau foto maka akan muncul pop-up box. Sebagai contoh klik aja link berikut ...

Click


Gimana, penasaran khan! Sebelum saya menjelaskan lebih lanjut, silahkan baca kutipan berikut dari Dynamic Drive tentang Facebox:

Facebox is a lightweight Facebook-style lightbox which can display images, divs, or entire remote pages (via Ajax) inline on the page and on demand. It uses the compact jQuery library as its engine, unlike Lightbox v2.0, which uses Prototype.


Berikut Cara Memasang Facebox:

1. Login ke akun Blogger anda

2. Pilh Layout > Edit HTML, lalu centang Expand Widget Template

3. Cari kode </body>, lalu paste kode berikut di atasnya:

<script src='http://154h.googlecode.com/files/jquery-1.3.2.min.js' type='text/javascript'/>
<script src='http://154h.googlecode.com/files/154h-facebox.js' type='text/javascript'/>

<script type='text/Javascript'>
function togglediv (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className==&quot;divshown&quot;) { whichpost.className=&quot;divhidden&quot;; } else { whichpost.className=&quot;divshown&quot;; }
}
</script>

<script type='text/Javascript'>
function showhide(id) {
var elem = document.getElementById(id);
if (elem.style.display==&quot;none&quot;) elem.style.display = &quot;block&quot;;
else elem.style.display = &quot;none&quot;;}
</script>

<script type='text/javascript'>
jQuery(document).ready(function($) {
$(&#39;a[rel*=facebox]&#39;).facebox()
})
</script>


4. Selanjutnya cari kode ]]></b:skin>, lalu paste kode berikut di atasnya:

/*Facebox*/
.thickstyle{background: silver;}
#facebox .b {
background:url(http://154h.googlecode.com/files/b.png);
}

#facebox .tl {
background:url(http://154h.googlecode.com/files/tl.png);
}

#facebox .tr {
background:url(http://154h.googlecode.com/files/tr.png);
}

#facebox .bl {
background:url(http://154h.googlecode.com/files/bl.png);
}

#facebox .br {
background:url(http://154h.googlecode.com/files/br.png);
}

#facebox {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 100;
text-align: left;
}

#facebox .popup {
position: relative;
}

#facebox table {
margin: auto;
border-collapse: collapse;
}

#facebox .body {
padding: 10px;
background: #fff;
width: 370px;
}

#facebox .loading {
text-align: center;
}

#facebox .image {
text-align: center;
}

#facebox img {
border: 0;
}

#facebox .footer {
border-top: 1px solid #DDDDDD;
padding-top: 5px;
margin-top: 10px;
text-align: right;
}

#facebox .header {
padding-top: 0px;
margin-top: 0px;
text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
height: 10px;
width: 10px;
overflow: hidden;
padding: 0;
}
.current_page_item {background:#dee5e5;color:#2299ff;}


5. Klik Save Template.

Selesai untuk pemasangan script. Lalu gimana cara mengeksekusinya di blog?


1. Menampilkan gambar
Kodenya:

<a href="URL-GAMBAR-ANDA" rel="facebox">NAMA LINK</a>


Contoh:

<a href="http://lh3.ggpht.com/_ytCvkG2LFAg/TO9sYt0JepI/AAAAAAAAAPg/35W0UmvnSA8/MenujuTKPbesar.gif" rel="facebox">Menuju TKP ....</a>


Hasilnya seperti ini Menuju TKP ....

2. Menampilkan tag DIV
Di dalam tag DIV kita bisa memasukkan kode-kode widget, text, pengumuman, contact form, dll. Tag DIV ini harus ditambahkan atribut style="display:none" supaya isinya tidak muncul sebelum kita meng-klik link Facebox.

Kodenya:

<a href='#ID TAG DIV' rel='facebox'>NAMA LINK DIV</a><div id='ID TAG DIV' style='display:none'>ISI TAG DIV</div>


Contoh :

<a href='#oneday' rel='facebox'>OST.OP - One Day</a><div id='oneday' style='display:none'>
<object width="400" height="224" ><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.facebook.com/v/1452352705014" /><embed src="http://www.facebook.com/v/1452352705014" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="224"></embed></object>
</div>



Hasilnya seperti ini OST.OP - One Day


Untuk mengganti "Brought to you by 154h" silahkan rubah javascripnya http://154h.googlecode.com/files/154h-facebox.js sesuai keinginan dan upload di tempat hostingan masing2, recomendasi di googlecode atau megabyte.

Sekian ilmu yg didapat hari ini, semoga bermanfaat ^^


Menuju TKP ...

Lytebox Image Viewer for Blogger

seperti apa Lytebox? dan perbedaan dengan lightbox?
click link berikut untuk membedakannya :

Lytebox

Lightbox

Gimana cara memasangnya di blogger?

Berikut Cara Memasang Lytebox di Blogger / Blospot


1. Memasang kode CSS dan Javascript
- Pilih Layout > Edit HTML
- Cari kode </head>, lalu paste kode berikut di atasnya:
<!-- Lytebox v3.22 fixed by http://tipsbloggerzacky.blogspot.com //-->
<script src='http://doigirls.megabyet.net/lytebox/lytebox.js' type='text/javascript'></script>
<link href='http://doigirls.megabyet.net/lytebox/lytebox.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- Lytebox v3.22 fixed http://tipsbloggerzacky.blogspot.com //-->

- Klik Save Template

2. Penerapan Lytebox
Seperti yang sudah saya jelaskan tadi, Lytebox bisa digunakan untuk menampilkan satu gambar atau lebih, membuat slideshow, dan menampilkan halaman eksternal. Anda bisa menggunakannya di postingan atau di Page Element template anda.
Berikut kode-kode pengaplikasian Lytebox:

- Menampilkan Satu Gambar
<a title="JUDUL LINK" href="URL-GAMBAR" rel="lytebox"><img src="URL-GAMBAR" style="width:320px;height:240;border:0" /></a>

demo » klik disini

- Menampilkan Beberapa Gambar Dalam Satu Grup

<a title="JUDUL LINK 1" href="URL-GAMBAR-1" rel="lytebox[grup]"><img src="URL-GAMBAR-1" style="width:320px;height:240;border:0" /></a>

<a title="JUDUL LINK 2" href="URL-GAMBAR-2" rel="lytebox[grup]"><img src="URL-GAMBAR-2" style="width:320px;height:240;border:0" /></a>

<a title="JUDUL LINK 3" href="URL-GAMBAR-3" rel="lytebox[grup]"><img src="URL-GAMBAR-3" style="width:320px;height:240;border:0" /></a>

<a title="JUDUL LINK 4" href="URL-GAMBAR-4" rel="lytebox[grup]"><img src="URL-GAMBAR-4" style="width:320px;height:240;border:0" /></a>

demo » klik disini

- Membuat Slideshow

<a title="JUDUL LINK 1" href="URL-GAMBAR-1" rel="lyteshow[slideshow]"><img src="URL-GAMBAR-1" style="width:320px;height:240;border:0" /></a>

<a title="JUDUL LINK 2" href="URL-GAMBAR-2" rel="lyteshow[slideshow]"><img src="URL-GAMBAR-2" style="width:320px;height:240;border:0" /></a>

<a title="JUDUL LINK 3" href="URL-GAMBAR-3" rel="lyteshow[slideshow]"><img src="URL-GAMBAR-3" style="width:320px;height:240;border:0" /></a>

<a title="JUDUL LINK 4" href="URL-GAMBAR-4" rel="lytebox[slideshow]"><img src="URL-GAMBAR-4" style="width:320px;height:240;border:0" /></a>


demo » klik disini

- Menampilkan Halaman Eksternal
1. Satu Halaman Eksternal

<a title="JUDUL HALAMAN EKSTERNAL" href="URL-HALAMAN-EKSTERNAL" rel="lyteframe" rev="width:640px;height:380px;scrolling:auto">Google Search</a>


demo » klik disini

2. Beberapa Halaman Eksternal Dalam Satu Grup

<a title="JUDUL HALAMAN EKSTERNAL-1" href="URL-HALAMAN-EKSTERNAL-1" rel="lyteframe[external]" rev="width:640px;height:380px;scrolling:auto">Google Search</a>

<a title="JUDUL HALAMAN EKSTERNAL-2" href="URL-HALAMAN-EKSTERNAL-2" rel="lyteframe[external]" rev="width:640px;height:380px;scrolling:auto">Yahoo! Search</a>

<a title="JUDUL HALAMAN EKSTERNAL-3" href="URL-HALAMAN-EKSTERNAL-3" rel="lyteframe[external]" rev="width:640px;height:380px;scrolling:auto">Bing Search</a>

demo » klik disini


Keterangan:
1. http://doigirls.megabyet.net/lytebox/ adalah tempat hostingan script Lytebox.
Silahkan download source Lytebox v3.22 disini. Ekstrak source Lytebox v3.22 dan upload ke hostingan anda, letakkan ke satu folder. Ingat!, url gambar backgroud yang ada di dalam lytebox.css, misalnya images/close_grey.png tidak perlu anda ganti, karena file tersebut sudah berada folder yang sama. Saya sarankan anda memilih hostingan untuk free web hosting yang yang memiliki batasan bandwitch yang besar, untuk hal ini saya rekomendasikan anda untuk memilih Megabyet Internet. "Inilah rahasia berjalannya Lytebox".

2. title="JUDUL LINK" dan title="JUDUL HALAMAN EKSTERNAL" sangat berguna untuk Lytebox karena JUDUL LINK dan JUDUL HALAMAN EKSTERNAL tersebut akan muncul di sebelah kanan bawah Lytebox dan gunanya untuk memberi informasi tentang gambar apa yang sedang dilihat oleh pengunjung.

3. style="width:320px;height:240;border:0" berfungsi untuk mengatur ukuran tampilan sebelum masuk ke Lytebox, karena sangat tidak efisien jika kita menampilkan ukuran sebenarnya di blog sedangkan kita telah menggunakan Lytebox sebagai image viewer.
Misalnya ukuran gambar anda adalah 800x600 pixel, maka ganti kode width:320px;height:240 menjadi width:400px;height:300px sehingga gambar yang muncul di blog berukuran 400x300 pixel.

4. rel="lytebox" berfungsi untuk memanggil kode javascript yang anda pasang. Kode ini tidak perlu diganti!

5. rel="lytebox[grup]" , kode grup berfungsi sebagai id pengelompokkan gambar. Kode ini bisa anda ganti sesuai keinginan.

5. rel="lytebox[slideshow]" , kode slideshow berfungsi sebagai id pengelompokkan gambar untuk menampilkannya ke dalam sebuah Slideshow. Kode ini bisa anda ganti sesuai keinginan.

6. rel="lyteframe" berfungsi untuk memanggil kode javascript yang anda pasang. Kode ini tidak perlu diganti!

7. rel="lyteframe[external]" , kode external berfungsi sebagai id pengelompokkan halaman eksternal. Kode ini bisa anda ganti sesuai keinginan.

8. rev="width:640px;height:380px;scrolling:auto" berfungsi untuk mengatur ukuran Lytebox yang menampilkan halaman ekternal. Kode width:640px;height:380px bisa anda ganti sesuai keinginan.

9. Jika anda ingin memasangnya di postingan, maka lakukan pembuatan postingan di tab edit Html. Jika anda ingin memasangnya di template blog, maka tambahkan Page Elements dengan HTML/Javascript.

Huft, akhirnya selesai juga... Demo Lytebox bisa anda lihat disini.
Jika anda memiliki keraguan, kotak komentar di bawah ini akan menerima anda dengan senang hati..


Source: http://tipsbloggerzacky.blogspot.com/2010/03/lytebox-image-viewer-for-blogger-fixed.html


Menuju TKP ...

Cara Membuat Archive Blog dengan Scroll

Cara Membuat Archive dengan Scroll - Penambahan scroll memang banyak manfaatnya. Yaitu bisa menghemat ruang. Sebenarnya banyak sekali widget-widget lain yang bisa ditambahkan fungsi scroll, misalnya " Cara Membuat Label Blog dengan Scroll ", " Kotak Komentar dengan Scroll ", " Cara Membuat Daftar Posting / Isi dengan Scroll ", dan masih banyak lainnya. Nah, kali ini admin akan menjelaskan tutorial membuat Archive Blog dengan Scoll.

1. Masuk ke blogger
2. Buka design / rancangan
3. Pilih Edit HTML
4. Centang "Expand Widget Template"
5. Cari kode id='ArchiveList' (Gunakan Ctrl + F )
6. Setelah ketemu, masukkan kode berikut ini tepat di atasnya

<div style='overflow:auto; width:ancho; height:250px;'>


7. Lalu lihat terus ke bawah sampai menemukan kode <b:include name='quickedit'/>, dan masukkan kode </div> di atas kode <b:include name='quickedit'/> tadi
8. Selengkapnya seperti ini,
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:250px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
9. Keterangan : warna merah adalah kode untuk menambahkan Scroll, kode adalah kode penutup. Bisa sesuaikan panjang dan lebar scrollnya. Height:250px adalah untuk tingginya, Width:ancho adalah lebarnya, kata ' ancho ' berarti scrollnya fleksibel, alias sesuai tempat. Silahkan dimodif sendiri.
10. Save
11. Hasilnya bisa dilihat diatas potingan ini :D


Menuju TKP ...