hayeksaja.blogspot.com: Tutorial Blog

Showing posts with label Tutorial Blog. Show all posts

Ramalan Zodiak Terbaru

10:01 AM

Unknown

Ramalan Zodiak Terbaru Minggu Ini - Menurut situs resmi Wikipedia Indonesia, zodiak berasal dari kata Yunani, Zoodiacos Cyclos yang artinya Lingkaran Hewan. Jadi zodiak adalah sebuah sabuk khayal di langit dengan lebar 18° yang berpusat pada lingkaran ekliptika, tetapi istilah ini dapat pula merujuk pada rasi-rasi bintang yang dilewati oleh sabuk tersebut, yang sekarang berjumlah 13.

Untuk mengetahui informasi selengkapnya mengenai berita Ramalan Zodiak ini maka silahkan anda untuk menuju langusng ke situsnya untuk membaca informasi terbaru mengenai ramalan zodiak terbaru minggu ini.

12:28 AM

Unknown

Jadwal Puasa 2012 & Imsakiyah Ramadhan 1433 H - Puasa Ramadhan 2012 telah dimulai hari Sabtu, 21 Juli 2012. Umat Islam di seluruh Indonesia berlomba-lomba untuk menunaikan ibadah puasa sebaik-baiknya di bulan Ramadhan ini. Maka, jadwal imsakiyah 1433 H menjadi salah satu hal yang paling dicari sepanjang Ramadhan demi mendapatkan keutamaan ibadah.

Kala Ramadhan tiba, tidak ada yang tak bahagia menyambut keberkahannya. Pada bulan ini, sebuah keluarga akan lebih sering berkumpul untuk berbuka, mengakrabkan hubungan yang selama sebelas bulan agak sedikit renggang. Pada bulan ini, seorang muslim sejati akan meningkatkan perlawanannya terhadap hasrat-hasrat buruk yang menyebabkan ketergantungannya terhadap dunia.

Pada bulan ini, ketika pahala ibadah dilipagandakan, kekhusyukan beribadah hendaknya ditingkatkan. Hingga, kala 1 Syawal tiba kelak, kita termasuk dalam orang-orang yang menang; mereka yang mendapatkan perubahan ke arah lebih baik selama Ramadhan; bukan mereka yang kala Ramadhan berlalu, ibadahnya kembali menurun seperti dahulu.

Di bawah ini adalah Jadwal Puasa 2012 & Imsakiyah Ramadhan 1433 H silahkan di lihat dengan seksama dan semoga saja membantu anda semuannya.

2:53 AM

Unknown

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

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

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

Text Area dengan memakai HighLight

Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :

<div><form name="copy"><div  align="center"><input  onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div  align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px"  name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Sebagai contoh :

Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area.

Elemen tombol highlight All :

<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.
<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.
Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.

Element text area :

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

1:25 AM

Unknown

Para pengunjung yang memberikan komentar biasanya meninggalkan link berupa profil Blogger atau URL blog mereka. Link ini jika diklik maka akan terbuka di tab yang sama. Dengan demikian, kita akan kehilangan halaman blog yang sedang dibaca karena tertutup oleh halaman baru. Untuk kembali ke halaman sebelumnya kita dapat mengeklik tombol 'back' pada browser. Namun, hal ini akan membutuhkan waktu yang tidak singkat.

Kita bisa saja mengeklik kanan pada link komentator kemudian pilih 'Open Link a New Tab' atau 'Buka Tautan di Tab Baru' agar link tersebut terbuka di tab yang baru sehingga kita tidak akan kehilangan halaman yang sedang aktif.

Selain cara di atas, kita juga dapat membuat link komentator terbuka di tab baru jika diklik dengan cara menambahkan kode target='_blank' pada HTML template blog. Lalu, di manakah kode tersebut harus diletakkan? Simak penjelasannya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk mem-backup template. Hal ini untuk berjaga-jaga kalau nanti terjadi kesalahan dalam pengeditan kita dapat dengan mudah mengembalikan template seperti semula.

4. Beri tanda centang pada Expand Template Widget.

5. Cari kode seperti di bawah ini.

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

6. Tambahkan kode target='_blank' setelah kode rel='no follow' maka hasilnya seperti di bawah ini.

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>

7. Klik tombol SIMPAN TEMPLATE.

1:22 AM

Unknown

Facebook merupakan situs jejaring sosial paling populer di dunia saat ini. Tak heran bila banyak orang yang mempunyai akun di situs tersebut, baik yang masih muda maupun yang sudah tidak muda lagi. Selain digunakan sebagai sarana hubungan pertemanan di dunia maya, Facebook juga banyak dimanfaatkan orang untuk mempromosikan sesuatu.

Kita juga dapat menggunakan Facebook untuk mengenalkan blog kita kepada para pengguna Facebook. Salah satu caranya adalah dengan membuat Page blog kita di Facebook serta memasang Like Box di blog kita. Adanya Like Box ini dapat memudahkan pengunjung blog yang juga pengguna Facebook untuk menge-like Page blog kita. Dengan demikian, peluang bertambahnya fans Page blog kita akan semakin besar.

Nah, berikut ini adalah langkah-langkah dalam membuat sebuah Page di Facebook dan memasang Like Box di blog.

Membuat Sebuah Page di Facebook

1. Memang ada beberapa cara berbeda dalam membuat Page. Namun, untuk lebih mudahnya silakan Anda Masuk dengan akun Facebook yang telah Anda miliki.

2. Kemudian klik link Create a Page di footer menu.

3. Selanjutnya klik pilihan Band or Product.

4. Pilih opsi "Website", berikan nama Page sesuai dengan yang Anda inginkan, beri tanda centang pada "Agreement" dan klik tombol Get Started.

5. Lalu akan muncul jendela Security Check. Silakan isikan kode chaptcha yang ada ke kotak yang tersedia kemudian klik tombol Submit.

6. Kemudian Anda akan masuk ke halaman Page yang sudah Anda buat. Silakan kustomisasi terlebih dahulu, misalnya mengunggah foto atau gambar untuk Page Facebook Anda, mengedit informasi, dan lain-lain.

7. Jika sudah selesai semuanya, klik tombol View Page. Kemudian lihat URL page Anda di web address browser, silakan salin dan simpan url tersebut.

Memasang Like Box di Blog

1. Kunjungi halaman http://developers.facebook.com/docs/reference/plugins/like-box/

2. Kustomisasi Like Box sesuai keinginan Anda.

Facebook Page URL: isikan dengan URL Page Anda.
Width: isikan nilai lebar Like Box dalam piksel, disesuaikan dengan lebar sidebar blog Anda.
Color Scheme: pilih light untuk tampilan terang atau dark untuk tampilan gelap.
Show Faces: beri tanda centang bila ingin menampilkan foto para fans Anda.
Border Color: isikan dengan kode warna jika ingin memberi border.
Show Stream: Beri tanda centang bila ingin menampilkan posting terakhir di Like Box.
Show Header: beri centang bila ingin menampilkan tulisan "Find Us on Facebook".
Anda dapat melihat pratinjaunya di sebelah kanan.

3. Bila sudah selesai, silakan klik tombol Get Code.

4. Kemudian akan muncul jendela dengan dua pilihan kode, silakan pilih kode jenis XFBML dan copy kodenya.

5. Masuk ke akun Blogger Anda.

6. Klik Rancangan > Elemen Laman > Tambah Gadget.

7. Pilh HTML/JavaScript.

8. Berikan judul jika Anda mau.

9. Paste kode tadi di kolom Konten.

10. Klik tombol SIMPAN.

11. Pindahkan elemen ke tempat yang Anda inginkan.

12. Klik tombol SIMPAN.

1:17 AM

Unknown

Buku tamu atau yang biasa disebut shoutbox merupakan salah satu sarana untuk berinteraksi antara pemilik blog dengan para pengunjung blog. Di buku tamu tersebut para pengunjung dapat membuat pesan-pesan serta meninggalkan URL blognya atau email. Untuk memasang buku tamu di blog kita dapat memanfaatkan layanan dari situs penyedia shoutbox seperti Shoutmix dan Cbox.

Kali ini saya akan membahas cara membuat buku tamu menggunakan Shoutmix. Untuk lebih jelasnya Anda dapat menyimak langkah-langkahnya di bawah ini.

1. Silakan kunjungi Shoutmix di http://www.shoutmix.com kemudian klik create shoutbox.

2. Isikan data-data yang diperlukan kemudian beri tanda centang pada "agreement". Selanjutnya klik tombol Continue.

3. Untuk menyesuaikan tanggal dan waktu sesuai lokasi Anda, silakan klik Date & Time pada menu Display.

4. Silakan pilih zona waktu yang sesuai dengan tempat tinggal Anda. Kemudian pilih format waktu yang Anda inginkan. Lalu klik tombol Save settings.

5. Berikutnya klik Back to setting. Anda juga dapat mengatur tampilan shoutbox Anda lainnya, seperti style dan warna pada menu Display ini.

6. Kemudian untuk mendapatkan kodenya, silakan klik Get codes pada menu Quick Start.

7. Silakan diatur lebar dan tinggi shoutbox sesuai keadaan blog Anda pada kolom Width dan Height atau Anda dapat mengaturnya nanti. Selanjutnya, copy kode pada Generated codes.

8. Masuk ke akun Blogger Anda.

9. Klik Rancangan > Elemen laman > Tambah Gadget.

10. Pilih HTML/JavaScript.

11. Beri judul sesuai keinginan Anda.

12. Paste kode tadi di Konten.

13. Klik tombol SIMPAN.

14. Pindahkan elemen tadi ke tempat yang Anda inginkan.

15. Klik tombol SIMPAN.

1:14 AM

Unknown

Site Meter merupakan layanan yang menyediakan informasi counter dan pelacakan untuk situs web atau blog. Ada dua paket pelacakan yang ditawarkan Site Meter yaitu Site Meter Basic dan Site Meter Premium. Site Meter Basic atau dasar menyediakan semua data penting, statistik, dan laporan yang diperlukan untuk mengetahui siapa yang mengunjungi blog atau situs kita, ada berapa banyak halaman yang telah dilihat, dan informasi rinci tentang setiap pengunjung.

Berikut ini cara mendaftar pada Site Meter Basic dan memasang widgetnya di blog.

1. Kunjungi situs Site Meter di http://www.sitemeter.com kemudian klik tombol SIGN UP! pada Site Meter Basic.

2. Klik tombol SIGN UP! lagi di bagian Site Meter Basic FREE.

3. Kemudian isikan data-data mengenai blog Anda, seperti URL dan nama blog serta Codename dan zona waktu. Beri tanda centang pada "agreement" selanjutnya klik tombol Next >>.

4. Langkah berikutnya isikan alamat email, title, kode pos, negara, jenis kelamin Anda. Jika sudah, klik tombol Next >>.

5. Selanjutnya akan muncul halaman review, bila ada data yang kurang tepat, Anda klik tombol << Back untuk memperbaikinya. Kalau Anda sudah yakin, silakan klik tombol Next >>.

6. Kemudian akan muncul halaman Success! Thank You yang menandakan proses pendaftaran telah selesai. Anda dapat melihat email Anda untuk mengetahui password yang diberikan Site Meter. Password ini diperlukan saat hendak log in kembali di Site Meter.

7. Untuk memasang widget Site Meter di blog, silakan klik menu manager.

8. Kemudian klik menu meter style.

9. Silakan pilih widget yang Anda inginkan kemudian klik tombol Select.

10. Selanjutnya akan muncul pernyataan widget pilihan Anda telah tersimpan.

11. Untuk mendapatkan kode HTML-nya, klik menu HTML Code.

12. Pilih Site Meter JavaScript HTML bagi yang menggunakan New Blogger kemudian copy kodenya.

13. Masuk ke akun Blogger Anda.

14. Klik Rancangan > Elemen Laman > Tambah Gadget.

15. Pilih HTML/JavaScript.

16. Berikan judul sesuai keinginan Anda.

17. Paste kode di Konten.

18. Klik tombol SIMPAN.

19. Pindahkan elemen ke tempat yang Anda inginkan.

20. Klik tombol SIMPAN.

1:10 AM

Unknown

Mungkin kita melakukan kesalahan dalam menentukan URL blog sewaktu kita mendaftar di Blogger atau kita merasa tidak sreg dengan URL blog yang baru kita buat. Tenang saja, Blogger menyediakan fitur untuk mengubah atau mengganti URL blog.

Penggantian URL ini sebaiknya dilakukan pada blog yang terbilang baru dibuat. Kalau ini dilakukan pada blog yang sudah mempunyai traffic yang bagus, hal ini dapat merugikan kita sendiri karena kita akan membangun traffic dari awal lagi.

Nah, setelah kita mengganti URL blog, sebaiknya kita menginformasikan hal ini ke teman-teman blogger kita agar mereka tidak kehilangan blog kita. Untuk mengganti URL blog di Blogspot atau Blogger dapat disimak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Pengaturan > Penerbitan.

3. Kemudian isikan URL blog yang Anda inginkan di kotak yang telah disediakan pada bagian Alamat Blog*Spot. URL ini tergantung ketersediaan.

4. Selanjutnya ketik karakter yang Anda lihat dalam gambar pada Verifikasi Kata.

5. Klik tombol SIMPAN SETELAN.

11:48 PM

Unknown

Belum lama ini Google meluncurkan sebuah layanan baru yaitu tombol plus satu atau +1. Tombol ini tampaknya seperti tombol like-nya Facebook. Tombol +1 ini memungkinkan orang-orang yang menyukai konten atau artikel kita untuk merekomendasikannya di Google penelusuran.

Bagi yang menggunakan template bawaan Blogger, tombol plus satu ini sudah terpasang secara otomatis di deretan 'share button'. Namun, bagi kita yang memakai template modifikasi, kita harus mengedit HTML template blog dengan menambahkan kode script guna mendapatkan tombol plus satu ini.

Ada 4 (empat) ukuran tombol +1 yang tersedia, yaitu seperti yang terlihat pada tabel di bawah ini.

Kecil (15 piksel)	Sedang (20 piksel)	Standar (24 piksel)	Tinggi (60 piksel)

Untuk memasang tombol plus satu Google ini pada blog, silakan simak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membackup template.

4. Beri tanda centang pada Expand TemplateWidget.

5. Cari kode </head>. Gunakan fasilitas pencarian browser dengan menekan tombol Ctrl + F lalu ketikkan kode yang dicari.

6. Copy script di bawah ini dan paste di atas kode tersebut.

Script di atas untuk yang berbahasa Indonesia. Untuk bahasa yang lain, silakan kunjungi http://www.google.com/intl/id/webmasters/+1/button/index.html

7. Tentukan ukuran tombol yang ingin anda pasang. Berikut kode tombol untuk masing-masing ukuran:

Kecil: <g:plusone size="small"></g:plusone>
Sedang: <g:plusone size="medium"></g:plusone>
Standar: <g:plusone></g:plusone>
Tinggi: <g:plusone size="tall"></g:plusone>

8. Selanjutnya cari kode <data:post.body/>.

9. Untuk meletakkan kode tombol plus satu di bawah posting, silakan copy dan paste kode tombol di bawah kode <data:post.body/>.

10. Nah, agar tombol plus satu ini hanya muncul pada halaman posting saja dan tampak rapi, kita perlu menambahkan kode tertentu sehingga kodenya menjadi seperti di bawah ini. Misalnya, kita menggunakan tombol ukuran sedang.

<b:if cond='data:blog.pageType == "item"'>
<div style='float:left;margin-top:10px;'>
<g:plusone size="medium"></g:plusone>
</div>
</b:if>

11. Letakkan kode di atas di bawah kode <data:post.body/>

12.Klik tombol SIMPAN TEMPLATE.

11:45 PM

Unknown

Link 'Back to Top' atau 'Kembali ke Atas' dibuat untuk memudahkan pengunjung yang ingin kembali ke atas halaman blog tanpa memutar scroll mouse. Link Back to Top tersebut dapat ditempatkan secara terapung seperti yang sudah pernah dibahas dalam posting yang berjudul Cara Memasang Tombol 'Back to Top' pada Blog.

Kali ini kita akan membuat link Back to Top di posting. Link Back to Top ini akan muncul pada bagian bawah posting. Linknya dapat berupa tulisan atau dapat diganti dengan gambar seperti yang terlihat pada tabel di bawah ini.

Back to Top tulisan	Back to Top gambar

Untuk membuat 'Back to Top' di posting, Anda dapat menyimak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk mem-backup template.

4. Beri tanda centang pada Expand Template Widget.

5. Cari kode yang seperti di bawah ini atau kode untuk icon email. Untuk mempercepat pencarian, tekan Ctrl + F, kemudian ketikkan kode yang akan dicari.

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

</a>

</span>

</b:if>

6. Untuk membuat link Back to Top, silakan tambahkan kode <a href='#'>Back to Top</a> setelah kode sumber gambar icon email sehingga kodenya menjadi seperti di bawah ini.

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

</a><a href='#'>Back to Top</a>

</span>

</b:if>

Tulisan Back to Top dapat Anda ganti sesuai keinginan Anda, misalnya Kembali ke Atas.

7. Jika ingin mengganti tulisan Back to Top dengan gambar, silakan tambahkan kode di atas dengan kode URL gambar Anda.

Contoh:

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

</a><a href='#' title='Kembali ke Atas'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGnOnYkoI6mawDzX3zKZmXnVAXmZKSAfVJSq-saSTqMpuTMUPZg0Ry8uAoRmsXgQmGC6xTL0sTd_4qMT1H6yOVM8d-GRMUbxZ0JPLTljigvTz4ElHrObFQlh2KtgjdWRmxw4JigNZIF8nv/s1600/Up.jpg'/></a>

</span>

</b:if>

Anda dapat mengganti judul Kembali ke Atas sesuai keinginan Anda dan ganti URL gambar-nya dengan URL gambar Anda sendiri.

8. Klik tombol SIMPAN TEMPLATE.

11:36 PM

Unknown

Tombol Go to Bottom merupakan kebalikan dari tombol Back to Top. Jadi, tombol ini bila diklik akan membawa kita langsung menuju footer atau bagian terbawah dari halaman blog. Tombol ini nantinya akan berada di pojok kanan atas area layar halaman blog dan posisinya tetap di tempat tersebut.

Jika Anda tertarik untuk memasangnya pada blog, silakan simak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Elemen Laman > Tambah Gadget.

3. Pilih HTML/JavaScript.

4. Copy dan paste kode di bawah ini pada Konten.

top:5px; menunjukkan jarak antara tepi atas layar dengan sisi atas tombol sebesar 5 piksel. Jika ingin lebih renggang lagi, silakan angkanya diganti dengan nilai yang lebih tinggi.
right:5px; menunjukkan jarak antara sisi kanan tombol dengan tepi kanan layar sebesar 5 piksel.
title="Pergi ke Bawah" merupakan judul link. Silakan diganti sesuai keinginan Anda.
URL gambarnya dapat Anda ganti dengan URL gambar Anda sendiri.

5. Klik tombol SIMPAN.

11:35 PM

Unknown

Tombol Like Facebook memungkinkan pengunjung blog pengguna Facebook untuk berbagi artikel blog kita dengan teman-teman mereka di Facebook. Saat pengunjung mengeklik tombol ini maka sebuah cerita muncul di News Feed teman-teman Facebook pengunjung tersebut dengan link back yang mengarah ke blog kita. Bila ada teman pengunjung yang mengeklik link tersebut, hal ini merupakan suatu keuntungan buat kita karena dapat meningkatkan traffic.

Nantinya jika tombol Like sudah terpasang maka akan terlihat seperti gambar dalam tabel di bawah ini.

Nah, bila Anda tertarik untuk memasang tombol Facebook Like ini bawah setiap postingan Anda, silakan ikuti langkah-langkahnya di bawah ini.

1. Masuk ke akun BloggerAnda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk berjaga-jaga bila ada kesalahan dalam pengeditan kita dapat dengan mudah mengembalikan template seperti semula.

4. Beri tanda centang pada Expand Template Widget.

5. Cari kode <data:post.body/>. Tekan Ctrl + F lalu isikan kode yang dimaksud untuk mempercepat pencarian.

6. Copy kode di bawah ini dan paste di bawah kode <data:post.body/>.

<b:if cond='data:blog.pageType == "item"'>

</b:if>

7. Klik tombol SIMPAN TEMPLATE.

11:28 PM

Unknown

Dalam membuat blog kurang lengkap rasanya bila kita tidak memasang widget-widget pada sidebar blog. Selain dapat mempermanis tampilan blog, widget-widget tersebut juga mempunyai kegunaannya masing-masing. Namun, bila jika widget yang dipasang sudah cukup banyak dapat membuat loading blog terasa berat. Loading blog yang terlalu lama berpotensi untuk ditinggalkan pengunjung sebelum membaca artikel di blog kita.

Nah, ada salah satu trik yang bisa kita lakukan untuk memperingan loading blog saat pengunjung ingin membaca artikel, yakni dengan membuat beberapa widget yang tidak terlalu penting bagi pengunjung hanya tampil di homepage atau halaman beranda. Bagaimana cara melakukannya? Berikut ini cara membuat widget hanya tampil di homepage atau halaman beranda.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk mem-backup template.

4. Beri tanda centang pada Expand Template Widget.

5. Cari kode widget id untuk judul widget yang ingin ditampilkan hanya di homepage. Misalnya, untuk widget yang berjudul Like Klik Munadi kodenya tampak seperti di bawah ini.

<b:widget id='HTML3' locked='false' title='Like Klik Munadi' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

6. Kemudian tambahkan kode <b:if cond='data:blog.homepageUrl == data:blog.url'> di bawah kode <b:includable id='main'> dan kode </b:if> di atas kode </b:includable> sehingga hasilnya akan menjadi seperti di bawah ini.

<b:widget id='HTML3' locked='false' title='Like Klik Munadi' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

7. Klik tombol SIMPAN TEMPLATE.

11:26 PM

Unknown

Bila pada kesempatan sebelumnya saya membahas bagaimana cara membuat widget hanya tampil di homepage. Maka pada kali ini saya akan membahas mengenai cara membuat widget hanya tampil di halaman posting. Jadi, dengan cara ini widget tidak muncul di halaman beranda atau homepage.

Nah, bila ada widget tertentu pada blog Anda yang ingin ditampilkan hanya di halaman posting, silakan ikuti langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk mem-backup template.

4. Beri tanda centang pada Expand Template Widget.

5. Cari kode widget id untuk judul widget yang ingin ditampilkan hanya di halaman posting. Misalnya, untuk widget yang berjudul Arsip Blog kodenya tampak seperti di bawah ini.

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>

<b:includable id='main'>

<b:if cond='data:title'>

</b:if>

<b:if cond='data:style == "HIERARCHY"'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == "FLAT"'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == "MENU"'>

<b:include data='data' name='menu'/>

</b:if>

</div>

<b:include name='quickedit'/>

</div>

</b:includable>

6. Selanjutnya tambahkan kode <b:if cond='data:blog.pageType == "item"'> di bawah kode <b:includable id='main'> dan kode </b:if> di atas kode </b:includable> sehingga hasilnya akan menjadi seperti di bawah ini.

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>

<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:title'>

</b:if>

<b:if cond='data:style == "HIERARCHY"'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == "FLAT"'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == "MENU"'>

<b:include data='data' name='menu'/>

</b:if>

</div>

<b:include name='quickedit'/>

</div>

</b:if>

</b:includable>

7. Klik tombol SIMPAN TEMPLATE.

11:23 PM

Unknown

Agar tampilan postingan kita tampak lebih menarik, kita dapat menyisipkan gambar ke dalam postingan kita. Selain itu, dengan adanya gambar juga akan lebih memperjelas tentang apa yang sedang kita terangkan kepada para pembaca. Biasanya postingan-postingan bertema tutorial yang membutuhkan gambar-gambar. Namun, pemasangan gambar ini jangan terlalu berlebihan karena dapat berpotensi memperlambat loading blog.

Untuk menyisipkan gambar pada posting di Blogger tidaklah terbilang sulit. Pertama, dalam posisi Compose, tentukan dulu posisi kursor tempat di mana kita akan meletakkan gambar. Sesudah itu, klik ikon yang berjudul "Insert image".

Kemudian akan muncul jendela Add Images seperti gambar di bawah ini.

Bila Anda ingin mengunduh gambar dari komputer, pilih opsi Upload. Kemudian klik tombol Pilih berkas, selanjutnya pilih gambar dan klik tombol Open. Tunggu sebentar, Blogger sedang dalam proses pengunduhan. Bila sudah selesai klik tombol Add selected. Lalu gambar akan terpasang di menu Compose.

Selanjutnya atur gambar sesuai keinginan Anda dengan cara klik gambar tersebut, kemudian akan muncul menu seperti gambar di bawah ini.

Small untuk membuat gambar dalam ukuran terkecil.
Medium untuk membuat gambar dalam ukuran sedang.
Large untuk membuat gambar dalam ukuran lebih besar.
X-Large untuk membuat gambar dalam ukuran paling besar.
Original size untuk membuat gambar dalam ukuran sebenarnya.
Left untuk meletakkan gambar di sebelah kiri teks.
Center untuk meletakkan gambar di tengah teks.
Right untuk meletakkan gambar di sebelah kanan teks.
Add caption untuk menambahkan keterangan di bawah gambar.
Remove untuk menghapus gambar.

Bila Anda ingin menyisipkan gambar dari gambar yang sudah ada di blog Anda, silakan klik opsi From this blog pada jendela Add Images. Kemudian pilih gambar yang Anda inginkan lalu klik tombol Add selected. Pilih From Picasa Web Albums jika mau mengambil dari album Picasa. Kalau ingin menggunakan URL, silakan pilih opsi From a URL, kemudian masukkan URL gambar Anda dan klik tombol Add selected.
selamat mencoba ya sobat..