cara membuat read more pada blogger

Cara Membuat 'Read More' pada Artikel

03Aug2008 Labels: Tutorial

Pada umumnya, artikel yang dipajang di halaman depan akan ditampilkan secara penuh. Jika pada halaman depan ditampilkan 5 artikel, maka halaman depan akan menjadi panjang. Hal ini akan mengurangi kenyamanan para pembaca. Ada langkah mudah untuk memecah isi artikel menjadi 2 bagian. Bagian pertama, bagian kecil dari artikel yang ditampilkan di halaman depan. Bagian kedua adalah bagian lainnya yang akan ditampilkan bila artikel dibuka/diklik.

Contohnya:

Keutamaan Membaca Al-Qur'an

Segala puji bagi Allah. Shalawat dan salam semoga tercurahkan kepada junjungan dan kekasih kita, Rasulullah, keluarga beserta para sahabat beliau, shalallahu 'alaihi wasalam. Al-Qur'an adalah kalam (firman) Allah. Keutamaannya atas segala perkataan seperti keutamaan Allah atas seluruh makhluk-Nya. Membacanya adalah amalan yang paling utama dilakukan oleh lisan... Read More

Cara membuatnya tidaklah susah. Saya mendapatkan beberapa refernsi untuk membuat link ini. Referensi dari blog tips n trik menurut saya lebih mudah digunakan. Secara garis besar, pembuatannya dilakukan dalam 3 tahap, yaitu pada bagian layout, setting, dan pada bagian post.

Langkah-langkah pada bagian layout adalah:

1. Anda harus login terlebih dahulu.
2. Pada halaman dashboard, klik link layout.
3. Selanjutnya klik link Edit HTML.
4. Cari checkbox 'Expand Widget Template', centanglah (cek).
5. Pada kolom HTML itu, carilah kode ini:

6. Hapuslah kode itu, lalu ganti menjadi:

Read More......

7. Tulisan 'Read More' dapat diganti menjadi 'Baca Selengkapnya' atau dengan tulisan lainnya.
8. Pengeditan HTML telah selesai, diakhiri dengan menyimpannya, klik tombol save.

Langkah selanjutnya adalah membuat template/pola untuk setiap artikel yang akan kita post, yaitu:

1. Masuklah pada bagian/menu Setting - Formatting.
2. Cari kotak 'Post Template'. Isi kotak itu dengan kode:

3. Simpan/save.

Langkah terakhir adalah membuat artikel postingannya, yaitu:

1. Masuklah ke bagian New Posting.
2. Antara 2 tab, 'Compose' dan 'Edit HTML', pilihlah Edit HTML.Akan terlihat kode template yang telah kita simpan sebelumnya.
3. Pecahlah artikel menjadi 2 bagian. Bagian pertama, yang akan terlihat di bagian depan, letakkan di atas kode . Bagian kedua diletakkan setelah kode itu dan sebelum kode .
   
   Contoh kodenya menjadi:

Segala puji bagi Allah. Shalawat dan salam semoga tercurahkan kepada junjungan dan kekasih kita, Rasulullah, keluarga beserta para sahabat beliau, shalallahu 'alaihi wasalam. Al-Qur'an adalah kalam (firman) Allah. Keutamaannya atas segala perkataan seperti keutamaan Allah atas seluruh makhluk-Nya. Membacanya adalah amalan yang paling utama dilakukan oleh lisan...
Al-Khaththabi mengatakan: "Disebutkan dalam atsar bahwa jumlah ayat al-Qur'an adalah sesuai dengan jumlah tingkatan dalam surga. Dikatakan kepada pembaca (al-Qur'an), 'Naiklah dalam tingkatan sesuai dengan ayat al-Qur'an yang sebelumnya kamu baca (di dunia).' Karena itu siapa yang membaca dengan sempurna seluruhnya al-Qur'an, maka ia menempati tingkatan surga yang paling atas di akhirat. Sedang siapa yang membaca sesuatu juz darinya, maka kenaikannya dalam tingkatan surga sesuai dengan bacaannya itu. Dengan demikian, akhir pahalanya adalah pada akhir bacaannya.

4. Publish

Baca Selengkapnya......

cara memasang kode html

Cara memasang kode Html

Banyaknya pengunjung yang bertanya kodenya dipaste dimana mas?, wah saya menjadi sadar akan kekurangan saya, lupa jika kita adalah pemula...ok tanpa basa-basi lagi marikita bahas bagaimana cara memasang kode html ke dalam blog kita?

Caranya adalah...

Contoh kode adalah sebagai berikut

Text berkedip

Di atas adalah kode text yang berkedip, cara memasangnya adalah :

1. jika kamu ingin menampilkan text berkedip ini pada postingan kamu, kamu pilih edit html pada format postingan kamu, tepatnya pada kiri atas sebelah compose. Jika sudah tinggal paste disana.

2. Jika kamu ingin menampilkan kode ini pada sidebar kamu, yang harus kamu lakukan adalah pilih kustomisasi pada kanan atas...lalu pilih tambahkan sebuah elemen, dan tunggu sejenak. Kemudian akan keluar sebuah kotak baru, dan disana akan ada berbagai pilihan, Yang harus kamu pilih adalah Html/Javasript tepatnya diatas feed. Bila sudah kamu temukan, klik pilihan tersebut dan kemudian paste kode yang sudah amu kopi sebelumnya. Lalu atur letak dari html yang baru saja kamu tambahkan kemudian klik simpan. Dan lihat yang sudah kamu buat.

Ok Selamat mencoba ya...

Baca Selengkapnya......

cara menyeting blogger

Cara Menyeting Blog.

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

1. Silahkan sobat Login ke blogger.com dengan user name dan password milik sobat
2. Klik judul blog yang mau di setting ( jika sobat sudah mempunyai beberapa blog)
3. Klik Pengaturan, trus klik Dasar. Beberapa form yang harus di isi pada menu Dasar :

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

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

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

• Biarkan mesin pencari menemukan blog Anda? ⇒ pilih ya

• Tampilkan Editing Cepat di Blog Anda? ⇒ pilih Ya

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

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

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

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

• Klik tombol Simpan Pengaturan . Selesai

4. Klik Publikasi untuk mengatur menu Publikasi :

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

• Klik tombolSimpan pengaturan. Selesai

5. Klik Format untuk mengatur menu format :

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

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

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

• Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai.

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

• Bahasa ⇒ Pilih bahasa yang di inginkan.

• Tampilkan Field judul ⇒ Pilih ya

atau tidakpun tidak apa-apa

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

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

• Klik tombol Simpan Pengaturan. Selesai

6. Klik Komentar Untuk mengatur menu komentar :

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

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

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

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

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

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

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

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

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

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

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

• Klik tombol Simpan Pengaturan. Selesai

7. Klik Arsipkan Untuk mengatur menu Arsipkan :

• Frekuensi Arsip ⇒ pilih Bulanan.

• Aktifkan Halaman Posting? ⇒ pilih ya.

• Klik tombol Simpan Pengaturan . Selesai.

8. Klik Fedd Situs untuk mengatur menu feed situs :

• Izinkan Feed Blog ⇒ pilih Penuh.

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

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

• Klik tombol Simpan Perubahan. Selesai.

Satu pekerjaan sudah selesai, tinggal menyongsong pekerjaan lainnya..

Baca Selengkapnya......

cara memasang buku tamu di blogger

Cara Memasang Buku Tamu di Sidebar

Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja).

Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap…top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni shoutmix. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :

1. Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.
2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
3. Pada kolom yang berjudul Style, klik menu appearance.
4. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
7. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
8. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
9. Selesai

Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.

Untuk blogger dengan template klasik :

1. Log in terlebih dahulu ke blogger.com dengan id anda
2. Klik menu Template
3. Klik Edit HTML
4. Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan
5. Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.
6. Klik tombol Preview untuk melihat perubahan yang kita buat.
7. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes
8. Selesai

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru :

1. Silahkan Login dengan id anda
2. Klik menu Layout
3. Klik Page Element
4. Klik Add a Page Element
5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
6. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
7. Copy paste kode HTML shoutbox anda di dalam form Content
8. Klik tombol Save Changes
9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
10. Tekan tombol Save
11. Selesai

Selamat mencoba !

Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya :

1. http://oggix.com

Untuk langkah-langkahnya hampir sama dengan langkah diatas.

Baca Selengkapnya......

mencatat perkembangan blog

Mencatat Perkembangan Blog

Jika sudah membuat blog, kita pasti ingin sejarah perkembangan blog kita bisa terekam dan tersimpan. Entah itu hanya sebagai kenang-kenangan, atau untuk tujuan yang lebih spesifik.

Kita pasti ingin tahu sudah sampai dimana perkembangan blog, sudah adakah yang mengunjungi ? dan dari manakah pengunjung yang paling banyak datang. Adakah tools-tools yang bisa digunakan untuk ini, tentu saja banyak. Baik yang gratisan ataupun yang bayaran.

Kita coba membahasnya satu persatu, dan tentu saja setiap tools ini mempunyai kelebihan dan kekurangannya sendiri. Jadi terserah kamu nantinya mau memakai yang mana. Kita coba membahas tools yang satu ini dulu.

Google Analytics

Google Analytics juga merupakan salah satu layanan dari sekian banyak layanan yang diberikan oleh Google, Google Analytics adalah online tools yang bisa digunakan untuk mencatat dan menganalisa statistik website ataupun blog.

Google Analytics bisa digunakan mulai dari website berskala kecil sampai yang berskala besar, selain gratis Google Analytics ini juga relatif mudah untuk digunakan.

Jadi tidak menjadi masalah apakah blog yang kita buat hanya untuk bersenang-senang atau memang mempunyai tujuan khusus yang ingin dicapai, kita tetap bisa mengguankan Google Analytics ini.

Cara Mendaftar di Google Analytics

Sebelum bisa menggunakan online tools ini, terlebih dahulu kita harus mendaftar, untuk mendaftar kamu bisa mengklik di alamat Google Analytics ini. Lalu klik link dengan tulisan Sign Up Now, lalu kita akan dibawa menuju form pendaftaran.

Form ini untuk membuat account di Google Analytics, isikanlah semua data yang diminta. Jika sudah selesai klik pada tombol yang bertuliskan I accept. Create My Account. Dengan mengklik tombol ini berarti kita menyetujui semua syarat yang telah ditentukan.

Selanjutnya kita dibawa menuju halaman Getting Started - Improve your site and increase marketing ROI, klik pada tombol yang bertuliskan Sign Up >.

Lalu kita akan dibawa menuju layar Analytics: Getting Started - New Account Signup, jika pada halaman sebelumnya kita membuat account untuk contact person maka halaman ini untuk membuat account dari blog yang kita miliki.

Isikanlah data-data yang diminta seperti : Website’s URL: - alamat blog kita, Account Name: - terserah mau di isi apa, Time zone country or territory: - zona negara, Time zone: - zona waktu. Klik tombol Continue untuk melanjutkan.

Lalu kita dibawa menuju layar contact person, isilah dengan data diri, Klik tombol Continue untuk melanjutkan. Lalu akan muncul layar User Agrement, baca dulu jika kamu ingin tahu apa saja peraturannya, lalu pilih checkbox dibagian bawah yang bertuliskan Yes, I agree to the above terms and conditions klik tombol Create New Account.

Lalu kita akan dibawa menuju layar Analytics: Tracking Instructions, disini kita diminta untuk memasukkan kode yang disediakan kedalam blog. Jika kamu belum tahu dimana harus meletakkan dan bagaimana caranya, kita akan mempelajarinya dibawah ini.

Cara Meletakkan Kode Google Analytics di Blog

Kode yang disediakan oleh Google Analytics tersebut berguna untuk melacak dan mencatat semua informasi yang dibutuhkan oleh Google Analytics dari blog kita. Maka itulah kita diminta untuk menempatkannya di blog.

Untuk menempatkan kode dari Google Analytics : 1) copy seluruh kode tersebut ke clipboard (select all > CTRL+C), 2) SIG IN di blog yang kamu miliki, 3) Masuk ke layar Template lalu pilih tab Edit HTML.

Pada layar Edit Template carilah tag , jika kamu kesulitan untuk menemukannya kamu dapat menggunakan menu Find In This Page (CTRL+F) dari Firefox untuk mencarinya, jika sudah menemukannya paste-kan kode tadi di atas tag tersebut. Berikut ini contohnya :

Jangan lupa mengklik SAVE TEMPLATE untuk menyimpan perubahan, sampai pada proses ini kita telah berhasil mendaftar dan menempatkan kode dari Google Analytics.

Google Analytics sudah mulai bisa mengumpulkan data dan informasi dari blog kita, untuk melihat hasilnya kita bisa mengeceknya esok harinya. Karena Google Analytics ini biasanya baru akan memberikan laporan setelah 24 jam.

Baca Selengkapnya......

agar blogger ditemukan google

Agar Blog di Temukan Oleh Search Engine

Salah satu dari tujuan kita membuat blog adalah untuk dibaca dan ditemukan oleh orang lain, blog yang sering dikunjungi tentu saja membuat kita senang. Namun bagaimana caranya agar blog kita bisa ditemukan dan dikunjungi ? banyak yang memberikan tips-tips untuk hal seperti ini.

Salah satu pemberi pengunjung terbesar adalah dari search engine, hal ini kamu pasti sudah tahu. Tapi bagaimana caranya agar blog bisa masuk ke search engine, mungkin kamu juga sudah tahu. Tapi kalau belum berikut ini beberapa cara yang bisa digunakan.

Agar Blog di Temukan di Google

Agar blog kita bisa muncul di halaman pencarian Google, kita perlu mengundang Google untuk datang dan melihat-lihat blog kita, bagaimana cara mengundang Google ? dengan mengirim undangan. Kemana mengirimkannya ? Bagaimana caranya ?

Agar Google bisa datang ke blog kita perlu memberi tahu Google alamat blog kita, biar Google tidak salah alamat. Berikut ini cara mengundang Google atau orang barat menyebutnya mensubmit ke Google.

Pertama - SIGN IN ke GMAIL jika kamu belum, atau jika belum punya maka kamu bisa membuatnya. Mengapa harus membuat GMAIL ? karena akan memudahkan kita untuk mendapatkan beberapa layanan dari Google.

Kedua - klik pada link My Service di bagian atas layar GMail.

Ketiga - Klik pada Webmaster Tools, ini akan membawa kamu ke layanan Google WebMaster.

Keempat - isikan alamat blog pada kota Add Site, lalu klik tombol OK.

Kelima - Klik pada link Verify Your Site.

Keenam - pilih Add a Meta Tag pada ComboBox

Ketujuh - masuk ke Blogger > Layout > Edit Html, lalu cari tag pada layar kode dari Template. Copy kode dari Google WebMaster Tools dan Paste kan di atas Tag , lalu klik SAVE TEMPLATE.

Kedelapan - kembali kelayar Google Webmaster Tools, klik tombol Verify. Jika proses berhasil maka akan menampilkan layar summary, dan memberi tahukan bahwa kita telah berhasil.

Sampai disini berarti Blog kita telah siap untuk didatangi oleh Google, dan jika sudah di index akan masuk kedalam hasil pencarian di Google. Untuk bisa diindex mungkin kita harus menunggu beberapa hari. Setelah beberapa hari check lagi apakah Blog kita sudah diindex, dan kapan Google mengindexnya. Jika sudah berhasil maka akan terlihat seperti dibawah ini.

Baca Selengkapnya......

cara membikin sidebar di kanan dan kiri

Cara Membikin Sidebar di kanan dan kiri

Beberapa waktu yang lampau saya telah memposting bagaimana cara membuat sidebar baru pada template minima sehingga template tersebut yang asalnya dua kolom berubah bentuk menjadi tiga kolom. Dari hasil pengamatan dilihat dari komentar-komentar yang muncul pada postingan tersebut ataupun ada juga yang melalui shoutbox, mengambarkan kegembiraan para sobat yang telah berhasil menyulap blognya menjaditiga kolom, selamat dech buat yang sudah sukses. Namun diantara yang telah puas, ada juga yang masih merasa penasaran dan juga berkeinginan lebih. Beberapa komentar yang muncul, di antaranya adalah sebagai berikut :

makasih bro…
aku dah berhasil tapi alangkah bagusnya jika post berada di antara side bar itu aku pengen yg kayak gitu gimana caranya bro?????

mas gimana klo mo naruh colom posting di tengah diantara sidebar kiri n kanan ???? tolong ya mas… thx

nambah kolom da bisa, tapi gimana cara nya meletakan side bar di kiri dan kanan sedangkan tempat posting nya berada di tengah-tengan side bar pada templete minima, tolong ya mas..

Rohman (anu kasep) : Hmmmmmmm… gimana ya… ada deeeech… rahasia pokoknya

Pembaca : dasar pelit

Rohman (anu kasep) : Bercanda dhenk

Pembaca : awas kalo ga di kasih tau

Untuk membuat kolom sidebar yang baru dibuat tidaklah terlalu sulit, sobat hanya perlu menempatkan kode float menjadi di kiri (left) serta penambahan kode padding-right agar kolom kiri tidak bertabrakan dengan kolom posting. Bingung? sengaja saya buat bingung

Bagi sobat yang berminat untuk menempatkan kolom sidebar di sebelah kiri, sebelum membaca artikel ini ada baiknya membaca artikel yang di sini terlebih dahulu karena artikel ini merupakan lanjutan dari artikel tersebut, jika sobat langsung membaca artikel ini, saya khawatir sobat menjadi tambah bingung.

Sebelum memasuki kepada topik bahasan utama, saya sarankan kepada sobat yang mempraktekan teori yang akan saya tulis sebaiknya bukan pada blog utama, akan tetapi pada blog untuk percobaan. Ini untuk menghindarkan kejadian yang tidak di inginkan, sayang apabila blog yang telah di tata rapih menjadi amburadul akibat percobaan.

Baiklah, ayo kita mulai sobat, dalam hal ini saya anggap sobat sudah berhasil membuat kolom baru. Langkah pertama yang harus di ingat adalah jangan sekali-kali memberi tanda conteng pada kotak kecil di samping tulisan Expand widget Template karena apabila sobat mencontengnya akan keluar kode widget yang sangat ngejelimet. Jika pada postingan yang lalu saya menuliskan kode seperti ini :

/* Outer-Wrapper
—————————————— */
#outer-wrapper {
width: 840px
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: right;
padding-left:10px; /* yg ini tambahan juga biar tampak ada jarak sela */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

#sidebarbaru-wrapper {
width: 180px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}

Agar hasilnya berbeda dengan yang dulu yaitu kolom yang di buat bukan berada pada sebelah kanan, maka sobat perlu sedikit mengubah kode yang saya cetak merah menjadi seperti ini :

#sidebarbaru-wrapper {
width: 180px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}

Terlihat pada hurup yang saya cetak biru bahwa yang di ubah hanyalah dua baris kode saja, yang lainnya tidak perlu di ubah. Jika sudah selesai mengubahnya, jangan lupa untuk menutupnya dengan menekan tombol simpan template.

Langkah selanjutnya adalah menuju ke bagian bawah template, yaitu pada bagian body, jika dulu saya menyarankan agar kode sidebaru di tempatkan seperti ini :

Maka apabila sidebar baru ingin di tempatkan di sebelah kiri, maka kode sidebar baru harus di pindahkan di atas kode main (posting) sehingga kodenya kira-kira akan menjadi seperti ini :

Apabila sudah selesai menempatkan kode sidebar baru, silahkan akhiri dengan menekan tombol Simpan Template, selesai. Silahkan lihat hasilnya !

Tidak sulitkan sobat? semoga mudah untuk di mengerti. Untuk melihat contoh blog yang mempunyai sidebar di samping kiri dan kanan, sobat bisa membuktikannya di sini!

Baca Selengkapnya......

random iklan pada satu tempat

Random Banner Iklan pada Satu Tempat
Ada sesuatu yang lucu jika ingat minggu lalu ketika sahabat karib (bukan blogger) menanyakan kepada saya bagaimana menampilkan iklan secara acak (Random banner) dalam satu area. Pertama kali ditanyakan hal ini saya juga kebingungan mau jawab apa, wong blog ini gak pernah ada iklan-nya apalagi mengelola pemasang iklan. Setelah lama bercuap-cuap sahabat saya langsung nyeletuk “katanya blogger mania masa buat koding untuk iklan aja gak bisa” Gubraaakkkk, gila.. nantang bener nih orang. saya balas bertanya “kalo om bisa dikasih apa??” teman saya menjawab “saya traktir makan di cak koting (tempat makan terkenal di yogya)” OK, kasih om waktu satu hari, kemudian kami pun bersalaman tanda sepakat. (akhirnya..om ditraktir makan hehehe)
Back ke laptop….sebenarnya membuat Iklan (Banner) satu tampilan dalam satu area tidak terlalu sulit, kita hanya tinggal mengarahkan saja ke lokasi gambar, namun yang jadi masalah bagaimana jika kita mempunyai 10 pemasang iklan yang ingin ditampilkan dalam satu lokasi area, ini yang munkin menjadi kendala utama pengelola iklan. Perlu diketahui bahwa banner yang kita buat nanti hanya pada Image Banner bukan sebagai Text Banner, iklan ini akan tampil secara acak jika pengunjung melakukan reload atau refresh pada halaman. Lihat Random Banner dengan iklan Dmoz dibawah sebagai contoh:
’);
document.write(’’);
document.write(’
’);
document.write(’’ + txt + ‘’);
document.write(’’);
// End –>

Contoh tampilan iklan DMOZ Kedua
Contoh kode Dengan Javascript :

Penjelasan:
Jika ingin menambah jumlah iklan tinggal menambahkan saja code script-nya, contoh diatas kita mempunyai 3 jumlah iklan yang ditampilkan, jika rencana menambah 1 iklan lagi jangan lupa juga menambahkan nilai baru dengan 4, begitupun seterusnya. Lihat contoh kode dibawah:
if (pasang_iklan==4) {
txt=”Tulis Title“;
url=”Alamat URL“;
alt=”Alamat URL“;
banner=”Alamat URL Gambar“;
width=”468“;
height=”60“;
}
Ups hampir lupa, jangan lupa menambah total jumlah iklan yang ditampilkan, Contoh: var jumlah_iklan = 4;
Selamat Mencoba, Happy Blogging

Baca Selengkapnya......

editing blogger

Cara Menyeting Blogspot
Jika sudah berhasil mendaftar dan membuat blog di Blogspot, kita akan diminta untuk mengatur setting blog yang telah dibuat. Apa saja setting ini ? dan apa kegunaan dari setiap setting ini ? mari kita mambahasnya.
Setting blog berguna untuk mengatur segala sesuatu yang berhubungan dengan blog. Setting yang tepat sangat membantu bagi blog yang kita buat. Kita tidak perlu khawatir walaupun tidak memiliki pengetahuan tentang hal-hal yang teknis, karena Blogspot sudah memberikan berbagai kemudahan untuk mengatur setting ini.
Setting Basic
• Title - ini merupakan judul dari blog yang kita buat, kita bisa mengisikannya sesuai selera. Yang perlu diperhatikan adalah buatlah judul yang bisa menggambarkan apa isi dari blog. Karena judul ini akan tampil pada halaman hasil pencarian search engine (misalnya Google).
• Description - setting ini untuk menjelaskan isi dari blog, ini untuk memberikan sedikit penjelasan kepada pengunjung maksud dan tujuan dari blog yang dibuat.
• Add your Blog to our listings? - setting ini meminta konfirmasi kepada pemilik blog, apakah blognya akan dimasukkan kedalam index Google. Jika memilih YES berarti Blog kita akan dimasukkan kedalam Index.
• Show Quick Editing on your Blog? - pilihan ini meminta kita untuk memilih apakah ingin menampilkan layar untuk mengedit secara cepat.
• Show Email Post links? - pilihan ini menawarkan kita apakah akan menampilkan link email, link email ini maksudnya jika seorang pembaca menyukai artikel yang kita buat dan ingin memberikannya kepada temannya melalui email, dia dapat melakukkannya dengan mengklik link tersebut.
• Show Compose Mode for all your blogs? - setting ini berguna pada saat mengedit artikel menggunakan editor dari Blogspot, bila memilih yes maka Editor akan menampilkan menu Compose.
• Show transliteration button for your posts? - setting ini untuk menampilkan tombol yang berfungsi mentranslate artikel yang kita buat (jika berbahasa Inggris) ke dalam bahasa India.
• Delete Your Blog? - jangan mengklik ini, jika tidak diperlukan.
Setting Publishing
• Blog*Spot Address - ini akan jadi bagian dari alamat URL blog, seperti blog yang saya buat ini mempunya blog address belajar-yok, dan alamat URL nya menjadi belajar-yok.blogspot.com. Ini juga salah satu hal yang membedakan blod dengan website biasa, jika pada website biasanya menggunakan www.namawebsite.com.
• Send Pings - pilih Yes.
Setting Formating
• Show - setting ini untuk mengatur berapa artikel yang akan ditampilkan perhalaman. Tips: semakin sedikit yang ditampilkan akan semakin cepat dibuka oleh browser pengunjung.
• Date Header Format - untuk mengatur format tampilan penanggalan.
• Archive Index Date Format - untuk mengatur format tampilan penanggalan arsip.
• Timestamp Format - format tampilan waktu.
• Time Zone - zona waktu
• Language - pemilihan bahasa.
• Convert line breaks - bila memilih yes berarti setiap kali kita menekan tombol ENTER pada saat mengedit dan membuat komentar, akan dikonversi menjadi BR (break return).
• Show Title field - untuk menampilkan atau menyembunyikan judul artikel.
• Show Link Field - menampilkan link ke artikel.
• Enable float alignment - untuk mengatur layout.
• Post Template - yaitu untuk menambahkan hal-hal tertentu secara otomatis setiap kali membuat artikel baru.
Setting Comments
• Comments - menampilkan atau menyembunyikan komentar.
• Who Can Comment? - setting ini untuk mengatur siapa saja yang boleh membuat komentar.
• Comments Default for Posts - jika memilih New Post Have Commnets berarti setiap artike boleh mempunyai komentar.
• Backlinks - menampilkan atau menyembunyikan informasi siapa saja yang melink pada blog kita.
• Backlinks Default for Posts - setiap artikel baru boleh atau tidak boleh mempunyai backlink.
• Comments Timestamp Format - format tampilan waktu pada komentar.
• Show comments in a popup window? - Yes, berarti setiap akan mengisi komentar, Blogspot akan menampilkan jendela Pop Up.
• Enable comment moderation? - untuk mengatur komentar apasaja yang boleh ditampilkan.
• Show word verification for comments? - utility untuk mencegah comment spam.
• Show profile images on comments? - menampilkan photo orang yang membuat komentar (jika dia seorang blogger).
• Comment Notification Address - setiap kali ada yang berkomentar, Blogspot akan memberi tahukan melalui alamat email ini.
Setting Archiving
• Archive Frequency - mengatur tampilan frekuensi pengarsipan, setting ini berpengaruh jika kita membuat widget Pos Archive.
• Enable Post Pages? - Yes berarti setiap artikel yang kita buat mempunyai alamat URLnya sendiri.
Seeting Site Feed
• Allow Blog Feed - setting ini berpengaruh bagi yang pembaca melalui RSS Feed.
• Feed Item Footer - untuk menyertakan hal-hal tertentu (misalnya Banner) pada bagian footer di RSS Feed.
Setting Email
• BlogSend Address - isikan alamat email orang atau teman yang ingin anda kirim secara otomatis setiap kali membuat artikel baru.
• Mail-to-Blogger Address - mengirimkan artikel ke blog melalui email.
Setting Permission
• Blog Authors - nama pembuat blog, kita bisa membuat beberapa account jika blog tersebut blog keroyokan.
• Blog Readers - siapa saja yang oleh membaca blog.
Itulah setting-setting yang yang terdapat didalam blog, perlu waktu untuk memahaminya lebih jauh bila ingin membuat blog kita semakin baik. Namun semakin sering kita ngeblog, dengan sendirinya pengetahuan akan semakin bertambah.

Baca Selengkapnya......