Blog Tips™: Tips Blogger

Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan

Selasa, 18 Mei 2010

Trik Kurangi Error HTML Blogspot

Trik berikut ini, bagaimana cara mengurangi error html blogspot? Jika masih menggunakan template standar blogspot, silahkan Anda ganti templatenya di btemplate, disarankan pilih template minimalist.

- Ubah Doc html bawaan template:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

dengan

<!DOCTYPE html>
<html>.

Pastikan atribut Doc html selalu seperti di atas, setiap edit html.
- Hapus gadget Pengikut, Follow by Email, Arsip Blog (dianjurkan ubah ke flat bila Anda ingin gunakan gadget ini), Langgan, Attribution, Cari Blog Ini, dan gadget lainnya yang mempunyai error seperti tombol share, rating, link to this post, quick edit, dan lainnya kecuali tanggal posting dan komentar.
- Periksa jumlah error html menggunakan tool online di validator html tool. Periksa dengan teliti hasilnya.
- Login akun Blogger Anda, klik Rancangan, Edit html, tandai Expand Template Widget.
- Hilangkan gadget Attribution, lihat caranya di sini.
- Hilangkan gadget Navbar, cari atribut </head>, taruh atribut  di bawahnya. Selengkapnya lihat di sini.
- Hilangkan tanda tang obeng cari atribut <b:include name='quickedit'/>, hapus semau kodenya. Selalu hapus kode tersebut setiap menambah elemen gadget.
- Selanjutnya cari atribut <b:include name='nextprev'/>, hapus dan ganti dengan atribut di bawah ini:

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:include name='nextprev'/>
</b:if>

- Selanjutnya, klik simpan.

Catatan:

* Bila ingin menambahkan gadget Pengikut, bisa Anda dapatkan kodenya di friend connect
* Bila ingin menambahkan gadget Search Engine di blog, bisa Anda dapatkan kodenya di Google Custom.
- Atur pengaturannya sesuai keinginan Anda.
* Bila ada gadget pihak ketiga/iklan, periksa atribut kodenya tambahkan amp; di belakang atribut &, dan hapus kode atribut border="0" bila ada di kode gadget lainnya.
* Periksa kembali error html di validator tool. Bila masih ada yang error, ulangi langkah-langkah di atas mungkin ada yang Anda lewatkan.

Selamat mencoba!

Jumat, 01 Januari 2010

Cara Menghapus Link Langgan Entri & Komentar

Langgan: Entri (Atom) dan Subscribe to: Poskan Komentar (Atom) adalah sebuah fitur yang dibuat oleh Blogger. Sesuai dengan namanya Langgan: Entri (Atom) adalah fasilitas untuk berlangganan artikel/posting, sedangkan Subscribe to: Poskan Komentar (Atom) adalah fasilitas berlangganan bagi pengunjung untuk mengetahui komentar-komentar atas posting/artikel dari blog yang bersangkutan.

Namun demikian sebagian blogger tidak menyukai fitur-fitur tersebut, karena selain terlalu sederhana, juga telah tersedia fasilitas berlangganan yang lebih canggih seperti feedburner.com, maka dari itu sebagian blogger lebih suka menghapus/menghilangkan fitur Langgan: Entri (Atom) dan Subscribe to: Poskan Komentar (Atom) dari blog mereka.

Nah, jika Anda ingin mengikuti jejak sebagian blogger tersebut, berikut ini > Cara Menghilangkan Langgan: Entri (Atom) dan Subscribe to: Poskan Komentar (Atom) pada Blogspot:

A. Cara Menghapus Langgan: Entri (Atom):

1. Login ke Blogspot => klik Rancangan/Design => pilih Edit HTML, kasih centang pada kotak Expand Template Widget dan gunakan tombol Find untuk memudahkan pencarian kode.

2. Cari kode di bawah ini:

<b:include data='feedLinks' name='feedLinksBody'/>

3. Hapus/delete semua kode di atas, lalu Save Template, selesai.

B. Cara Menghapus Subscribe to: Poskan Komentar (Atom):

1. Login ke Blogspot => klik Rancangan/Design => pilih Edit HTML, kasih centang pada kotak Expand Template Widget dan gunakan tombol Find untuk memudahkan pencarian kode.

2. Cari kode di bawah ini:

<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>

3. Hapus/delete semua kode di atas, lalu Save Template, selesai.

Minggu, 31 Mei 2009

Trik Membuat Mode Penyimpanan Energi Blogger

Pada trik kali ini akan membahas cara Membuat Mode Penyimpanan Energi Blogger. Ada baiknya sebelum membaca triknya, diterangkan dulu apa fungsi penyimpanan energi blogger ini? Fungsi dari Mode Penyimpanan Energi Blogger hampir sama dengan fitur Stand By pada Windows, namun secara jelasnya fungsi dari Membuat Mode Penyimpanan Energi Blogger ini adalah untuk menghemat energi saat loading blog, sehingga loading blog akan terasa lebih cepat dan tidak akan begitu terasa perbedaannya. Sedangkan apabila halaman blog dibiarkan terbuka dan pengunjung blog tidak melakukan aktifitas apa-apa, seperti nge-klik link-link yang ada di blog tersebut maka akan muncul layar gelap dan bertuliskan Mode Penyimpanan Energi. Bagi Anda yang tertarik untuk memasang Penyimpanan Energi Blogger ini ikuti langkah-langkahnya sebagai berikut:

Caranya sangat mudah, login dulu Blogger Anda, lalu pilih Rancangan --> Edit HTML dan cari kode </head> setelahnya copy dan paste kode di bawah, di atas kode </head>.

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?lang=id"></script>

Bagaimana mudah bukan? Semoga bermanfaat, jangan lupa poskan komentar Anda di kotak komentar dan terima kasih atas kunjungannya ke blog ini.

Happy blogging!!!

Sabtu, 25 Oktober 2008

Membuat Search Engine Di Blog Part 1

Kotak pencarian sangat perlu ditambahkan pada blog. Kotak pencarian atau search box akan memudahkan pengunjung untuk menemukan artikel pada blog seperti artikel yang sudah lama diposting. Seperti layaknya kotak cari pada Google, Yahoo dan search engine lainnya, maka Anda pun bisa membuatnya sendiri pada blog Anda. Blogger sudah menyediakan fitur kotak cari atau kotak penelusuran ini. Untuk menambahkan gadget kotak penelusuran ke blog Anda, caranya dengan masuk ke bagian elemen halaman dan tambah gadget kemudian pada menu selanjutnya pilih kotak penelusuran dan letakkan pada bagian mana saja Anda inginkan. Nah, yang saya tawarkan adalah, bagaimana membuat kotak penelusuran yang lebih cantik dan bisa Anda atur sendiri sesuai template blog Anda. Pada umumnya tombol default kotak cari ini berwarna abu-abu seperti yang sering Anda temui. Nah, Anda bisa merubahnya dengan warna lain serta modifikasi kotak pencarian lainnya.

Memodifikasi kotak pencarian tidaklah begitu sulit, hanya membutuhkan sedikit kesabaran untuk mengutak-atik widget ini. Kreatifitas pada kode CSS tentu diperlukan. Selain merubah warna Anda pun bisa menghilangkan tombol pencarian dan menggantinya dengan gambar atau icon tertentu. Pilihan kustomisasi lainnya adalah dengan menambahkan beberapa informasi teks di dalam kotak pencarian. Dalam posting ini, Anda akan melihat beberapa pilihan dan cara kustomisasi kotak pencarian, sehingga Anda dapat memilih metode yang paling cocok dengan selera Anda serta menyesuaikannya dengan template blog Anda.

Widget kotak pencarian adalah sebuah kotak dimana Anda dapat mengetikkan teks yang akan dicari di dalamnya. Nah, informasi yang Anda ketik akan dikirimkan ke server untuk memproses teks yang Anda cari untuk menemukan hasilnya.

Nah, kode widget kotak pencarian sederhana untuk blogger yang biasa Anda temui adalah seperti ini:

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text"/>
<input id="search-btn" value="Search" type="submit"/>
</form>

Bagian yang berwarna merah dengan tulisan "search-box" adalah tempat dimana nantinya akan diketikkan teks yang mau dicari. Sementara pada tulisan "search-btn" adalah tombol yang akan ditekan untuk menyampaikan perintah pencarian ke server. Secara default, kode widget kotak pencarian di atas akan menjadi seperti ini:

Namun dengan beberapa sentuhan teknik sederhana, kita dapat membuat tampilan kotak pencarian menjadi lebih cantik.

Menggunakan kode CSS untuk kustomisasi kotak pencarian

Sebagai contoh, katakanlah kita menginginkan kotak pencarian dengan menambahkan warna latar belakang. Oke, saya pilih latar belakang warna hijau muda dan warna hijau gelap sebagai garis batas. Untuk membuatnya, maka gunakan kode CSS di bawah ini:

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" style="background: #81F781; border: 1px solid #088A08"/>
<input id="search-btn" value="Search" type="submit"/>
</form>

Kode di atas akan menghasilkan kotak pencarian seperti di bawah ini:

Nah, kotak pencarian di atas akan kita modifikasi lagi dengan menambahkan warna latar belakang, garis tepi tombol dan warna teks pada tombol. Oke, saya pilih latar belakang warna hijau tua, garis tepi warna merah dan teks ditebalkan berwarna putih:

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" style="background: #81F781; border: 1px solid #088A08"/>
<input id="search-btn" value="Search" type="submit" style="background: #0B610B; border: 1px outset #DF0101; color: #ffffff; font-weight: bold;"/>
</form>

Saya sengaja membuat garis tepi dengan perintah "solid" agar kotak pencarian terlihat timbul dan bukannya datar atau flat button. Tujuannya agar orang tahu bahwa itu adalah sebuah tombol yang dpat di klik. Nilai ketebalan 1px masih dapat Anda ubah lagi. Namun ada banyak blog yang memilih untuk membuat kotak pencarian tombol flat, terserah saja mau pilih yang bagaimana. Hasil kode kotak pencarian di atas seperti ini:

Sesuaikan kode-kode di atas dengan selera dan template Anda. Misalnya Anda ingin mengganti warna dan tebal garis tepi agar terlihat unik dan menarik. Untuk merubah warna, silahkan lihat kode warna disini.

Anda bisa menambahkan beberapa teks dalam kotak pencarian sebagai panduan bagi pembaca . Misalnya anda ingin memasukkan tulisan "cari di blog ini!" atau "ketik untuk mencari". Untuk membuatnya, kita perlu menambahkan kode CSS pada menjadi seperti kode di bawah ini:

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" value="cari di blog ini..."/>
<input id="search-btn" value="Search" type="submit"/>
</form>

Maka hasilnya akan seperti di bawah ini:

Teks pada tombol pencarian juga dapat diganti dengan teks pilihan Anda. Pada contoh di atas teks nya adalah "Search". Nah, Anda tinggal mengganti teks tersebut pada bagian kode ini:

<input id="search-btn" value="Search" type="submit"/>

Anda ingin menggantinya dengan teks "Go!" maka kodenya akan menjadi seperti ini:

<input id="search-btn" value="Go!" type="submit"/>

Nah, kotak pencarian di atas akan kita modifikasi lagi dengan menambahkan warna latar belakang, garis tepi tombol dan warna teks pada tombol. Oke, saya pilih latar belakang warna hijau tua, garis tepi warna merah dan teks ditebalkan berwarna putih :

Terima kasih. Selamat mencoba!

Rabu, 10 Oktober 2007

Cara Membuat Gambar Melayang Di Pojok Blog

Blog Tips kali ini mencoba membahas bagaimana cara membuat "GAMBAR MELAYANG" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana.
"Scroll bar" itu apa sih? Itu kotak kecil panjang yang ada disamping, yang biasanya ditarik ke bawah dan ke atas supaya bisa terlihat isi blog yang kepanjangan.
Terus maksudnya "GAMBAR MELAYANG" itu apa? "GAMBAR MELAYANG" itu maksudnya bisa gambar atau photo Anda, animasi, jam, hit counter, shoutbox, kalender, adsense, iklan, widget-widget, dan lain-lain. Nah, sudah tahu kan maksudnya. Kalau sudah tahu dan ingin mencobanya silahkan ikuti trik berikut ini:
1. Login ke blogger terus klik "Rancangan", "Edit HTML".
2. Cari kode ini ]]></b:skin> kalau sudah ketemu taruh kode berikut ini di atasnya.

#blog-tips { position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalau ingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "buttom", jika pingin di posisi atas bisa diganti dengan "top".

4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>

<div id="blog-tips">
<a href="http://snifan.blogspot.com/">
<img src="http://i534.photobucket.com/albums/ee350/nifan1/babybo6gd5.gif" border="0" /></a>
</div>

"http://snifan.blogspot.com/" adalah link, ganti dengan link Anda.

"http://i534.photobucket.com/albums/ee350/nifan1/babybo6gd5.gif" adalah lokasi gambar Anda, ganti dengan lokasi gambar Anda.

5. Jika Anda ingin yang ada disana bukan gambar tetapi jam/kalender/hit counter/widget-widget yang lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

6. Simpan hasil kerja Anda dan lihat hasilnya.

Selamat mencoba.

Rabu, 19 September 2007

Hasil Pencarian Google Search Tampil di Halaman Posting

Jika memasang "Google Adsense for Search" atau search engine dari Google Adsense, maka ada tiga macam cara untuk menampilkan hasil pencariannya, yaitu:

1. Open results on Google in the same window (ditampilkan di halaman yang sama).

2. Open results on Google in a new window (ditampilkan dihalaman yang baru).

3. Open results within my own site (ditampilkan di site yang kita kehendaki).

Yang paling mudah adalah memakai cara yang pertama dan kedua, tapi cara ini membuat pungunjung yang melakukan pencarian kurang begitu antusias karena hasil pencariannya tidak lagi berada di blog. Cara ketiga yang paling bagus, karena hasil pencariannya akan langsung berada di dalam web/blog. Tetapi cara ini membutuhkan beberapa trik agar bisa tampil di dalam postingan blog. Yang ingin tahu beginilah caranya:

1. Buat postingan di blogger, tapi isinya kosong terus dikasih judul.

2. Ganti tanggal posting ke tanggal yang lebih lama biar tidak muncul di halaman utama. Caranya klik link "Post Option" (kiri bawah) kemudian yang didalam kotak "Post date and time" itu tanggal yang diganti, kalau sudah "Publish Post".

3. Masuk di "edit post" terus klik kanan link "View" pada judul postingan kosong yang Anda buat tadi, terus pilih "Copy link location" (bagi yang pakai Opera). Intinya yaitu mengambil link dari judul postingan kosong Anda tadi.

4. Selanjutnya yaitu Login di Google Adsense, terus buat "Adsense for search".

5. Lakukan beberapa settingnya, seperti memilih tampilan dan lain-lain.

6. Kemudian saat masuk ke pilihan "Opening of search results page" pilih yang "Open results within my own site", terus isi link postingan Anda tadi kedalam kotak dibawahnya.

7. Lalu didalam kotak "Enter width of results area:" ganti menjadi angka yang lebih kecil supaya muat di dalam bagian utama (postingan) blog Anda. Minimal 500 px.

8. Ikuti terus langkah berikutnya sampai Anda nanti dikasih script dari Google. Biasanya akan ada dua script, yang pertama untuk For Search Enginenya, yang kedua untuk hasil pencariannya.

9. Copy script yg pertama dan taruh di Blogger, "Page element >Add page element > Html/Javascript".

10. Script yang kedua juga sama, copy ke "Page element >Add page element >Html/Javascript", tapi kemudian geser/taruh page element script yang kedua tadi, ke bawah dari element utama/postingan.

11. Kalau sudah terus simpan dan selamat mencoba.

Kamis, 13 September 2007

Cara Mengganti Template Blog

Blog adalah ibarat rumah dan tentunya Anda ingin blog tersebut tampil menjadi lebih cantik dan indah. Banyak cara yang dilakukan untuk membuat blog menjadi lebih cantik, diantaranya dengan menambah aksesoris dan juga dengan mengganti tampilan/template blog.
Jika mengganti template dengan template yang sudah disediakan Blogger maka itu adalah cara yang paling mudah, tinggal pilih simpan langsung jadi. Namun template yang disediakan sangat sedikit dan tampilannya juga standar, sehingga seringkali mencari template lain yang lebih cantik, karena sekarang banyak sekali situs-situs yang menyediakannya dengan gratis.

Namun jika mengganti template dengan template lain yang disediakan oleh selain Blogger, maka itu tidaklah semudah sebagaimana dengan menggunakan template yang disediakan oleh Blogger, karena ada beberapa efek sampingnya, diantaranya yaitu Anda akan kehilangan elemen-elemen Anda atau malah blog Anda menjadi rusak. Nah, berikut ini akan jelaskan hal-hal apa saja yang harus diperhatikan jika Anda ingin ganti template pihak ketiga.

Pertama, Anda harus membackup dulu template Anda jika template baru Anda tidak berhasil di install, caranya masuk ke menu "Rancangan", "Edit HTML", terus klik link bertuliskan "Download Full Template", simpan file tersebut.

Kedua, Anda dapat mem-backup dengan cara kedua, yaitu masuk ke menu Perancang, Edit HTML, centang Expand Template Widget, salin semua tag htmlnya. Tempel semua kodenya ke akun Gmail Anda dengan cara, masuk ke Gmail, klik tulis surat, tempel kodenya di kotak pesan kosong, lalu simpan. Nah, jika Anda gagal mengganti template, kode yang tadi disimpan di Gmail bisa Anda pindahkan kembali ke html template blog.

Ketiga, jika template dan elemen-elemen sudah Anda backup langkah selanjutnya yaitu meng-upload template yang sudah Anda download. Biasanya file template yang di download berekstensi "xml" tapi kadang-kadang ada juga yang berekstensi "zip" atau "rar", kalau begitu Anda harus mengekstraknya dulu sehingga Anda akan mendapat file berekstensi "xml". Terus begini cara upload-nya, Kembali ke menu "Edit HTML", terus disana ada tombol "browse" klik tombol tersebut terus cari file template yang ingin Anda pakai yang sebelumnya telah Anda download, terus klik tombol "upload". Atau alternatif lain, yaitu download template baru, lalu muncul jendela baru, open, klik foldernya, cari file xml nya, lalu klik. Setelah diklik, file xmlnya akan muncul di tab baru browser, klik view source di menu browser. Setelah tampil jendela baru yang isinya kode html template baru tersebut, Anda salin semua kode tersebut, lalu tempel ke html template blog Anda. Tapi sebelum dipindahkan kode tadi, Anda hapus terlebih dahulu semua tag html yang lama hingga kosong, setelah itu Anda dapat memindahkan kode html barunya, lalu simpan.

Keempat, setelah template baru berhasil di upload/simpan biasanya Anda akan mendapat konfirmasi apakah elemen-elemen Anda ingin dihapus atau dipertahankan? Klik tombol "Pertahankan widget", "Simpan". Selanjutnya Anda dapat mengatur kembali elemen-elemen bawaan dari template baru/lama mau Anda buang/simpan. Periksa judul-judul elemen dengan isi konten elemen, kadang-kadang sering tidak sesuai. Misal, judul elemen "Pengikut", tapi isi elemen tersebut adalah script dari "Artikel Terbaru". Atur ulang kembali konten elemen agar sesuai dengan judulnya.

Selamat mencoba.

Sabtu, 01 September 2007

Cara Cepat Daftarkan Blog

Anda mungkin baru saja membuat blog, dan ingin blog baru Anda terdaftar di Google dan Yahoo dalam waktu kurang dari 24 jam sejak pertama kali dibuat. Coba periksa blog Anda apakah sudah terindeks Google dan search engine lain? Masukkan URL Anda di Google (misalnya: namablog-Anda.blogspot.com). Adakah?

Apakah sudah ada dihasil pencarian? Jika blog Anda belum ada dihasil pencarian, ada triknya agar halaman blog Anda terindeks search engine.

Trik tersebut adalah:

1. Buat link pada halaman yang sudah terindeks search engine ke arah blog Anda yang baru. Profil kita di Friendster (misalnya: www.friendster.com/nifan1) adalah contoh yang bagus untuk membuat link ke arah blog Anda. Karena biasanya halaman ini telah terindeks search engine. Semakin tinggi posisi halaman tersebut dalam search engine (PageRank) berarti semakin cepat blog baru Anda terindeks.
* Anda bisa mengontak teman Anda yang blognya sudah terindeks search engine untuk memasang link ke blog Anda.
* Jika profil/blog Anda di Friendster/Multiply sudah terindeks, Anda bisa pasang link di profil Anda tersebut.
* Rajin mengupdate blog Anda. Google Analytic yang merupakan plug-in Wordpress akan selalu memantau aktivitas Anda.

2. Mendaftarkan URL Blog Anda secara manual klik link berikut (GRATIS):
* Google: Daftarkan Blog Anda ke Google
* Yahoo: Daftarkan Blog Anda ke Yahoo
* Altavista: Daftarkan Blog Anda ke Altavista
* DMOZ: Daftarkan Blog Anda ke Dmoz
* Alexa: Daftarkan Blog Anda ke Alexa
* MSN: Daftarkan Blog Anda ke MSN
* URLSUBMIT: URL Submit

3. Pendaftaran URL yang tidak gratis:
* Lycos: Daftarkan Blog Anda ke Lycos

4. Sebelum Anda mendaftarkan URL blog Anda, pastikan:
* Website atau blog Anda sudah jadi (tidak under construction).
* Tidak ada dead link dalam website Anda.
* Blog Anda dibuat agar search engine friendly.

Setelah Anda submit URL Anda, tunggulah dengan sabar. Kalau beruntung blog Anda akan terindeks dalam waktu kurang dari 24 jam, kalau tidak beruntung Anda harus menunggu tiga bulan, bahkan mungkin aplikasi Anda tidak diterima Search Engine. Anda bisa mendaftarkan ulang jika dalam waktu tiga bulan website Anda belum muncul dalam search engine.
Apa yang harus dilakukan selama menunggu? Membangun link. Bisa jadi tiba-tiba blog Anda muncul bukan karena pendaftaran secara manual, tetapi karena link dari blog lain.

Selamat mencoba.

Kamis, 30 Agustus 2007

Fungsi Kode Untuk Mengatur Tampilan Konten Blog

Seperti yang kita ketahui, template blog dengan gaya Magazine Style merupakan salah satu favorit template yang sering dipakai oleh para blogger. Salah satu ciri template blog dengan gaya Magazine Style adalah adanya widget yang muncul lalu menghilang atau awalnya menghilang lalu muncul pada suatu halaman atau postingan blog.

Berikut ini adalah jenis dan fungsi kode untuk mengatur tampilan content blog dari muncul lalu menghilang dan menghilang kemudian muncul. yang bisa Anda terapkan untuk mengatur tampilan widget blog Anda.

1. Hanya pada Halaman Utama Blog

<b:if cond='data:blog.url == data:blog.homepageUrl'> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog hanya pada halaman utama blog saja alias akan menghilang ketika sobat mengklik Label Post atau membaca postingan secara keseluruhan.

2. Kategori Post dan Single Post

<b:if cond='data:blog.url != data:blog.homepageUrl'> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog pada kategori post dan single post (membaca postingan secara keseluruhan).

3. Halama Utama Blog dan Kategori Post

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

Kode ini berfungsi untuk menampilkan widget blog pada main post dan kategori post dan akan menghilang ketika membaca postingan secara keseluruhan.

4. Single Post

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

Kode ini berfungsi untuk menampilkan widget blog hanya pada single post saja atau ketika anda membaca postingan secara keseluruhan dan tidak akan muncul pada main post atau kategori post.
Contoh penggunaan kode ini pada demo blog tersebut adalah widget sidebar kiri dengan judul Blog Template dimana saat sobat membaca suatu postingan secara keseluruhan, maka widget tersebut baru muncul.

5. Halama Utama Blog dan Kategori Post

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

Fungsi kode ini sama dengan fungsi kode pada nomer 3.

6. Menampilan Widget Blog Pada Postingan Tertentu Saja

<b:if cond='data:blog.url == "URL_POST_TERTENTU"'> ... </b:if>

Kode ini berfungsi untuk menampilkan suatu widget blog hanya pada suatu postingan tertentu.

7. Menyembunyikan Widget Post Pada Postingan Tertentu Saja

<b:if cond='data:blog.url != "URL_POST_TERTENTU"'> ... </b:if>

Kode ini merupakan kebalikan dari kode no. 6, dimana widget blog akan menghilang dari suatu postingan tertentu dan baru muncul pada postingan yang lain.

Mungkin itu saja yang saya tahu tentang cara membuat widget blog dari muncul menjadi menghilang atau menghilang kemudian muncul. Untuk penerapan kode-kode diatas ada 2 cara yaitu langsung pada widget dan secara kelompok.

Semoga bermanfaat.

Selasa, 28 Agustus 2007

Membuat Search Engine Di Blog Part 2

Tentu Anda sudah tahu apa itu Search Engine? Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine Anda bisa mencari informasi yang diinginkan sesuai dengan kata kunci yang diketik, dan yang mau dibahas disini adalah bagaimana caranya membuat search engine di Blog?

Caranya sangat mudah dan sederhana yaitu:

1. Login ke Blogger, klik " Rancangan", pilih "Page Elements" disana banyak tulisan "Add a Widget", klik link tersebut dan sesuaikan diposisi mana Anda ingin menaruh script search engine tersebut?

2. Kemudian di layar baru yang muncul pilih "HTML/Javascript" kemudian salin/tempel script berikut ini didalam kolom content.

<form action="http://nama-blog Anda.blogspot.com/search" method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti kata nama-blog Anda dengan nama blog Anda. Angka 30 menunjukkan panjang kotak (text box) semakin tinggi nilai angkanya maka semakin panjang text box-nya.

Selamat mencoba.

Jumat, 24 Agustus 2007

Cara Membuat Google Sitemap

Sitemap kurang lebih merupakan suatu bagian dari situs web atau blog yang menggambarkan denah dari situs web atau blog tersebut. Jadi sitemap memuat informasi mengenai halaman apa saja yang ada disebuah website. Sitemap sendiri dibuat untuk memudahkan pengunjung mencari apa yang dicarinya. Pada perkembangan selanjutnya sitemap ini juga membantu search engine untuk mengindex halaman-halaman yang ada pada suatu situs, karena pada umumnya halaman sitemap selalu mencantumkan link ke bagian-bagian situs tersebut.

Lalu apa itu Google sitemap? Sitemap Google Anda buat supaya Google lebih cepat mendapatkan isi website Anda, terkait dengan SEO. Jadi tujuan membuat sitemap ini sebenarnya agar memudahkan crawler Google mengindex halaman-halaman pada website/blog Anda. Untuk membuat sitemap ini Anda perlu menggunakan layanan gratis Google Webmaster Tool. Sehingga Google tahu harus menggunakan sitemap mana dalam menjelajah blog Anda.

Membuat sitemap untuk blog di Blogger

Untuk blog yang ada di blogger gunakan pilihan sitemap "Add General Web Sitemap" pada pilihan Add Sitemap. Kemudian masukkan pilihan sitemap dibawah ini:

atom.xml
rss.xml
feeds/posts/default
feeds/posts/default?alt=rss
atom.xml?redirect=false
rss.xml?redirect=false

Anda dapat memasukkan salah satu atau semuanya sebagai cadangan, siapa tahu ada masalah di satu sitemap bisa digunakan sitemap yang lainnya, hanya saja blog ini sendiri gagal menggunakan sitemap diatas, yang berhasil adalah no 3 (tertulis tebal). Tapi blog ini tidak menggunakan keempat sitemap diatas. Anda dapat menggunakan sitemap rekomendasi dari Google webmaster sendiri yaitu: feeds/posts/default?orderby=updated. Anda bisa mencari rekomendasi sitemap ini di Google webmaster dan cari menu "Analyze robots.txt". Dan setingan di pengaturan blogger di blog ini tetap mengatur arahan feed menggunakan Feedburner. Dan kenyataannya tidak ada masalah dan laporan error.

Bagi yang belum tahu, alamat sitemap diatas adalah alamat yang harus disambung dengan URL Anda, jadi penulisan lengkapnya seperti dibawah ini:

http://namablog-anda.blogspot.com/atom.xml
http://namablog-anda.blogspot.com/rss.xml
http://namablog-anda.blogspot.com/feeds/posts/default
http://namablog-anda.blogspot.com/feeds/posts/default?alt=rss
http://namablog-anda.blogspot.com/feeds/posts/default?orderby=updated

Membuat sitemap untuk blog yang menggunakan platform mesin wordpress

Untuk blog wordpress (yang hosting sendiri) bisa menggunakan plugin, atau bisa juga buat sendiri, karena terlalu banyak plugin akan bikin berat load halaman. Cara membuat sendiri sitemap dengan editor web seperti dreamweaver, atau bahkan notepad saja. Format dari file sitemap adalah seperti berikut:

loc: adalah alamat URL dari website Anda atau suatu halaman di web Anda
lastmod: kapan terakhir kali dimodifikasi halaman tersebut
changefreq: periode perubahan (always, hourly, daily, weekly, monthly, yearly, atau never)
priority: prioritas pencatatan oleh search engine Google

Setelah selesai membuat file sitemap, beri nama file tersebut, misalnya sitemap.xml, sebaiknya berekstensi .xml, kemudian upload ke direktori public_html di web hosting Anda.

Langkah selanjutnya adalah kembali ke halaman webmaster tools di Google tadi, setelah melakukan klik pada “Add a Sitemap”, maka Anda diminta menentukan type sitemapnya. Silakan gunakan “Add General Web Sitemap”. Kemudian isikan alamat URL lengkap dari sitemap Anda, misalnya: http://snifan.blogspot.com/sitemap.xml. Kemudian klik tombol “Add Web Sitemap”.

Silakan tunggu beberapa menit, kemudian refresh, maka status OK akan muncul pada sitemap yang Anda buat.

Sekian dulu untuk penjelasan sitemap. Pertanyaannya sebagai berikut:

Karena link yang diakhiri '/' ada page blogku yang tidak ditemukan oleh Google, apa pengaruh ya?
Kata kunci yang tidak sesuai dengan konten ini maksudnya yang sering nembak keyword ya?
Sitemap itu selain pakai feed url, pakai url apa lagi?
Kalau struktur kode template blognya pengaruh juga tidak?

Jawab:

Link yang diakhiri tanda slash "/" untuk alamat URL tidak akan ada masalah misal "http://namablog-anda.blogspot.com/". Link-nya ke artikel seperti "http://snifan.blogspot.com/2007/01/definisi-meta-tag.html" menurut dugaan blog ini tidak ada masalah karena link seperti diatas tetap bisa bekerja dengan baik, kalau tidak terindex mungkin karena sebab lain. Mesin pencari itu mem-follow link sama dengan browser, jadi kalau browser bisa menemukan, maka pasti mesin pencari juga menemukan. Yang beresiko itu link-link mati (broken link) pada komentar yang mengetikkan alamat URL tanpa "http://", ini beresiko pada blog dofollow, karena link tersebut tidak akan ditemukan baik oleh browser maupun crawler search engine.
Kata kunci yang tidak sesuai dengan konten dimaksud adalah kata kunci yang ditulis pada "META TAG", yang diletakkan di antara dan. Itulah sebabnya kenapa menentukan tema situs adsense situs dengan tema spesifik lebih bagus dimata search engine dibanding dengan situs yang "campur aduk". Itu sebabnya kalau ingin menulis dengan banyak tema, sebaiknya buat satu blog untuk masing-masing tema.
Sudah terjawab diatas masalah sitemap.
Pengaruh sekali, sayang artikel tentang ini belum diposting oleh blog ini, ditunggu saja judulnya "Hati-hati dengan template gratisan", selain itu hati-hati mengedit "META TAG", jangan sering diganti karena beresiko dimasukkan sandbox oleh http://www.google.co.id.

Artikel ini hanya penjelasan kawan-kawan. Pasti banyak salahnya. Mari Anda diskusikan bersama masalah diatas, kalau bahasan Anda terlalu panjang untuk ditulis dikomentar, silahkan posting sebagai artikel di blog Anda, agar Anda sama-sama belajar dan berbagi informasi. Hitung-hitung tambah postingan. Tolong dikabari di komentar kalau Anda sudah posting artikel. Sebaiknya artikel di-link ke artikel ini agar pembaca menjadi tahu diskusi yang terjadi, tanpa Anda harus mengulang topiknya.

Selamat mencoba.

Cara Membuat Artikel Berhubungan Di Blogspot

Keuntungan menampilkan "Artikel yang berhubungan" atau "Related Post", "Related Article" adalah para pembaca blog bisa dengan mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yang sedang mereka baca. Contohnya seperti yang ada dibagian akhir dari artikel ini, disitu ada link-link dari artikel yang berhubungan yang berdasarkan pada kategori atau label yang sama. Nah, mau tahu cara membuatnya?

Caranya cukup mudah, ikuti langkah-langkah berikut ini:
1. Login ke Blogger
2. Pilih menu "Rancangan --> Edit HTML"
3. Beri tanda centang pada kotak "Expand Widgets Template".
4. Kemudian copy/paste kode di bawah ini:

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

5. Kemudian copy semua script yang ada didalamnya.
6. Setelah itu cari kode ini <data:post.body/> dan letakkan script tadi dibawahnya. Untuk blog yang ada "readmore"nya biasanya akan terdapat dua kode. Nah, Anda dapat menaruhnya di bawah kode yang pertama.
7. Kalau sudah simpan template Anda dan lihat hasilnya.

Tambahan:

Setelah jadi, jika Anda ingin merubah tulisan "Related Posts by Categories" maka cari kode tersebut di HTML, terus ganti dengan text/tulisan yang Anda suka.

Selamat Mencoba!

Sabtu, 18 Agustus 2007

Membuat Gadget Komentar Terbaru Dengan JSON

Gadget ini sebenarnya bisa kita peroleh melalui widget bawaan Blogger namun bagi mereka yang suka utak-atik hal ini bisa menjadikan satu nilai plus untuk mempercantik sidebar Anda. Sidebar ini digunakan untuk menampilkan komentar dari para pembaca blog kita. Yang menarik dari sidebar komentar ini yaitu bisa menampilkan nama user yang memberi komentar dan juga isi dari komentar tersebut, sehingga kita bisa dengan cepat mengetahui siapa sahabat blogger yang sudah memberi komentar. Widget ini masih melibatkan bahasa pemrograman JSON yang memanfaatkan Feed dari blogger sehingga proses pemanggilan (loading) lebih cepat dan ringan. Mau mencoba? Silahkan lanjutkan membaca jika malas jangan di tutup blog ini cari lagi artikel lain mungkin Anda menemukan sesuatu yang menarik...!!!

Integrasi JSON Sidebar Comments Pada Template:

- Langkah 1
Login ke Blogger
- Langkah 2
Masuk ke "Rancangan - Edit HTML"
- Langkah 3
Cari kode di bawah ini:

]]></b:skin>

Langkah 4
Masukan (copy paste) kode CSS di bawah ini diatas kode ]]></b:skin>:

/* Sidebar Komentar JSON */
#komentar {
background: #3eb5da; //warna dasar
margin: 0;
padding: 0;
border: 1px solid #0971C8; //garis pinggir kotak gadget komentar
}
#komentar ul {
margin: 0;
padding: 0; //jarak ke pinggir kotak gadget komentar
}
#komentar ul li: first-child {
border-top: 0 none aqua;
}
#komentar ul li {
border-top: 1px solid #CCC; //garis sekat atas
border-bottom: 1px solid #0971C8; //garis sekat bawah
padding: 2px 0;
list-style: none;
}
#komentar ul li: last-child {
border-bottom: 0 none aqua;
}
#komentar ul li span {
background-position: 2px 2px;
float: left;
height: 16px;
margin-right: 5px;
width: 16px;
}
#komentar ul li b {
color: #ffffff; //warna huruf nama komentator
text-shadow: -1px -1px 1px #3196BA;
}
#komentar ul li: hover {
background-color: #CCC; //warna latar ketika mouse diatasnya
}
#komentar a, #komentar a: link, #komentar a: visited {
clear: both;
color: #FFF; //warna huruf isi komentar
display: block;
padding-left: 20px;
text-decoration: none;
}
#komentar a: hover {
color: #333; //warna huruf ketika mouse diatasnya
}
.komen {
background: transparent url(https: //lh5.googleusercontent.com/_xcD4JK_dIjU/TcA0b1eB4sI/AAAAAAAAFGQ/MlIzrpydae0/s800/top_rss.png) no-repeat 0 0; //icon komentar
}

- Langkah 5
Cari kode dibawah ini:
</head>
- Langkah 6
Masukan (copy paste) kode JavaScript di bawah ini di atas kode </head>:

<script type='text/javascript'>
//<![CDATA[
var jmlkomentar = 10;
var jmlkarakter = 100;
function tampilkankomentar(json) {
var entry, urlkomentar, isikomentar, lihatkomentar;
for (var i = 0; i < jmlkomentar; i++) {
entry = json.feed.entry[i];
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
urlkomentar = entry.link[k].href;
break
}
}
urlkomentar = urlkomentar.replace("#", "#comment-");
if ("content" in entry) {
isikomentar = entry.content.$t
} else if ("summary" in entry) {
isikomentar = entry.summary.$t
} else {
isikomentar = ""
}
var re = /<\S[^>]*>/g;
isikomentar = isikomentar.replace(re, "");
if (isikomentar.length > jmlkarakter) {
isikomentar = isikomentar.substring(0, jmlkarakter) + "..."
}
lihatkomentar = "<li>";
lihatkomentar += "<span class='komen'></span><b>" + entry.author[0].name.$t + "</b>";
lihatkomentar += "<a rel='nofollow' href='" + urlkomentar + "'><br/>(" + isikomentar + ")</a>";
lihatkomentar += "</li>";
document.write(lihatkomentar)
}
}
//]]>
</script>

Langkah 7
"SIMPAN TEMPLATE" dan lanjutkan...

Integrasi JSON Sidebar Comments pada Gadget

--Langkah 8
"Tambah Gadget" dengan tipe "HTML/JavaScript"
--Langkah 9
Masukan (copy paste) kode di bawah ini didalam konten dan jangan lupa beri Judul Gadget:

<div id="komentar">
<ul>
<script src="/feeds/comments/default?alt=json-in-script&callback=tampilkankomentar"></script>
</ul>
</div>

- Langkah 10
"SIMPAN" Gadget dan preview blog Anda!

Keterangan:
var jmlkomentar = 10; ubah nilai 10 untuk menentukan jumlah komentar yang ingin ditampilkan.
var jmlkarakter = 100; Ubah nilai 100 untuk menentukan jumlah karakter isi komentar yang ingin ditampilkan.

Bagaimana menurut Anda? Cantik bukan? Selamat mencoba dan semoga berhasil.
Happy Blogging!!!

Cara Menambahkan Widget Pada Header Blogspot

Secara default, template blogspot tidak menyediakan widget header, yaitu gadget atau widget yang dapat ditambahkan atau berada pada header blog. Blogspot hanya menyediakan gadget/widget pada sidebar dan footer. Dengan sedikit meng-Edit HTML, dapat ditambahkan widget pada header blog.

Dengan adanya widget ini, dapat digunakan untuk penempatan iklan atau informasi penting lainnya.
Langkah-langkah untuk menambah widget pada header blog adalah sebagai berikut:

1. Login ke Blogger.com hingga masuk Dasbor.
2. Klik Rancangan.
3. Klik tabs Edit HTML dan pastikan untuk mencentang Expand Widget-nya.
4. Kemudian cari kode dibawah ini atau cari kode yang mirip dengan kode di bawah ini. (karena masing-masing template kadang mempunyai kode yang agak berbeda).

<b:section class="header" id="header" maxwidgets="1" showaddelement="no">

Atau bisa juga seperti di bawah ini.

<b:section class="header" id="header" maxwidgets="1">

5. Kemudian ganti dengan kode tersebut dengan kode di bawah ini.

<b:section class="header" id="header" preferred="yes">

Atau

<b:section class="header" id="header" maxwidgets="3">

Atau

<b:section class="header" id="header" showaddelement="yes">

Keterangan:
- Angka 3 pada maxwidgets menunjukkan jumlah maksimal widget dan dapat diganti sesuai keinginan Anda.
6. Kemudian Simpan Template.
7. Selesai.

Sekarang klik Elemen Halaman (Page Element), dan pastikan disana sudah ada fasilitas Tambah Gadget, seperti screenshot di bawah ini.

Semoga bermanfaat bagi yang membutuhkan.

Selasa, 14 Agustus 2007

Tips Memperoleh Google Sitelinks

Jika Anda memasukkan sebuah kata yang umum di Google, misalnya Microsoft maka website www.microsoft.com akan muncul pada urutan pertama, dan di bawahnya ada sekitar empat baris yang berisi link-link dalam web tersebut. Itu yang disebut "Google Sitelinks".

Baru dibawahnya ada urutan kedua, ketiga, dan seterusnya. Seolah-olah web tersebut istimewa sekali di mata Google. Ternyata bukan hanya situs-situs raksasa saja yang mendapatkan Google Sitelinks, blog Andapun dapat memilikinya. Bagaimana cara mendapatkannya?
Sayangnya, tidak ada dokumen resmi dari Google yang menjelaskan secara detail agar web atau blog Anda mendapatkan Sitelinks. Dokumen resmi dari Google yang dapat dijadikan referensi adalah ini.

Dari hasil browsing dan membaca dokumen tadi, ada beberapa faktor atau cara untuk mendapatkan Google Sitelinks:

1. Harus menjadi nomor satu untuk kata kunci tertentu di Google

Di Google Search Result, hanya sebuah situs yang mendapat Google Sitelinks yaitu situs yang berada diurutan pertama untuk kata kunci tertentu.

Untuk mendapat peringkat tinggi di search engine dapat digunakan teknik SEO, yang teknik dasarnya ada dua, yaitu:
* Membuat artikel original (bukan copy-paste) yang berkualitas.
* Mengusahakan halaman lain memasang link ke halaman tersebut.

2. Dalam homepage minimal ada tiga link

Mengutip pernyataan Google:

"We only display sitelinks when a site has a minimum of three sitelinks available".

Jadi sebuah halaman website yang didalamnya berisi sebuah animasi flash yang menawan dan hanya ada satu tombol untuk masuk atau login, tidak bisa mendapatkan sitelinks dari Google.

3. Link tersebut banyak diklik pengunjung situs Anda

Mengutip pernyataan Google:

"We only show sitelinks for results when we think they’ll be useful to the user".

Kata “useful to the user” diartikan bahwa pembaca yang datang ke homepage Anda, banyak yang mengklik link tersebut.

4. Relevan dengan kata yang dimasukkan pengunjung ke Google

Mengutip pernyataan Google:

"(If) we don’t think that the sitelinks for your site are relevant for the user’s query, we won’t show them".

Ini berarti link-link dalam sitelink harus cocok dan relevan dengan kata kunci yang dimasukkan pengunjung.

5. Umur situs atau jumlah pengunjung

Ada referensi yang menuliskan bahwa umur situs harus minimal dua tahun untuk mendapatkan sitelinks, itu tidak benar! Dan diperkirakan Google juga mempertimbangkan jumlah pengunjung atau pageview. Hampir bisa dipastikan situs yang menjadi nomor 1 di Google untuk kata kunci yang umum akan mendapatkan pengunjung yang melimpah.

Memasukkan Widget Top 8 Dari Lintas Berita Ke Blog

Widget Top 8 yang disediakan oleh Lintas Berita ini adalah gratis. Widget akan memberi kemudahan kepada pengunjung untuk menemukan berita yang bagus dan penting secara up to date sehingga dapat membuat pengunjung semakin "betah".
Yang pasti akan semakin memperindah tampilan website atau blog Anda.

Akan dijelaskan cara menempatkan widget tersebut pada sidebar website atau blog.
Untuk menempatkan widget tersebut pada website atau blog, Anda dapat melakukan copy/paste dari Lintas Berita Widget.
Anda akan disuguhi dua widget masing-masing widget yang akan menampilkan 8 berita terbaru pilihan pembaca dan widget yang akan menampilkan 8 berita terbaik minggu ini. Anda dapat memilih salah satu atau keduanya.

Setelah mendapatkan kode html-nya, kemudian login ke Blogger, setelah itu akan masuk ke halaman "Dasbor", "Rancangan", "Tambah Elemen Halaman", klik "HTML/Javascript" .

Kemudian pastekan kode html yang Anda punya di kotak kosong, lalu simpan. Selesai!

Selamat mencoba.

Senin, 06 Agustus 2007

Tips Menuliskan Script/Kode Ke Dalam Postingan Blog Anda

Untuk menuliskan script/kode ke dalam artikel blog memang ada tekniknya sendiri, karena jika Anda menuliskannya dengan cara yang biasa maka yang akan muncul kemudian di blog tidaklah seperti apa yang kita tuliskan. Misalnya begini, jika kita menuliskan kode <head> dengan cara yang biasa maka hasilnya tidak akan muncul dalam postingan karena kode tersebut langsung diterjemahkan kedalam bahasa HTML.

Jadi untuk menuliskan kode <head>, maka yang seharusnya dituliskan supaya bisa muncul kode tersebut adalah ini <head>.
Nah, lalu bagaimana kalau ada banyak kode yang harus kita posting?
Mau tahu bagaimana caranya menuliskan kode/script tersebut kedalam blog?
Ada beberapa cara untuk menuliskan kode-kode tersebut kedalam blog, diantaranya yaitu:

- Gunakan software-software web design, misalnya: Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post-post blog, dan lain-lain.
- Terus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area "HTML Code". Nah, kode-kode dalam area HTML Code tersebut itulah yang harus diposting.
- Buka situs ini Blogcrowds.com, terus isikan kode-kode Anda ke dalam kotak yang disediakan, jika sudah dimasukkan kodenya, tekan tombol "Encode". Dari hasil "Encode" tadi maka akan didapatkan script baru untuk diposting di blog Anda.

Selamat Mencoba.

Jumat, 03 Agustus 2007

Script Salam Pembuka Pada Blog

Blog Tips yang akan dibahas pada postingan kali ini adalah tips membuat salam pembuka pada blog yang mungkin sering Anda lihat atau bahkan telah Anda gunakan dalam blog Anda namun tidak ada salahnya untuk menampilkan kembali, siapa tahu ada diantara new blogger yang masih membutuhkan aksesoris blog yang tidak akan membuat loading blog Anda menjadi berat.
Dengan script ini pengunjung yang berkunjung ke blog Anda, pertama kali akan diminta untuk mengetikkan namanya kemudian dengan nama yang diketikkan tersebut untuk memberi ucapan salam perkenalan dan lain-lain sesuka Anda.

Scriptnya adalah seperti di bawah ini:

<script type='text/javascript'>
var name=prompt("SELAMAT DATANG! SILAHKAN ANDA MEMBERIKAN KOMENTAR DI ARTIKEL YANG TERSEDIA?", "Komentar Anda ");
alert("TERIMA KASIH " + name)
alert("SELAMAT MEMBACA DI BLOG SAYA, SEMOGA BERMANFAAT!!!")
</script>

Ganti teks yang BERKAPITAL BESAR dengan teks sesuai keinginan Anda. Kemudian copy script tersebut pada sidebar blog Anda, dengan langkah sebagai berikut.

- Login ke Blogger >> Dasbor >> Rancangan >>
-Tambah Gadget >> HTML/Javascript >> kemudian pastekan kode tersebut >>
- Simpan Perubahan >> Selesai.

Hasilnya dapat dilihat pada blog Anda!

Selamat Mencoba.

Cara Membuat Banner Secara Online

Banner atau Link Banner biasanya dibuat dengan menggunakan software atau program pengolah gambar atau grafis seperti Adobe Photosop, GIMP, Corel Draw, dan lainnya yang memerlukan sedikit penguasaan akan program tersebut.

Bagi yang kesulitan menggunakan program-program mungkin dapat mencoba alternatif lain yaitu dengan menggunakan COOLTEXT.

Dengan program tersebut, Anda dapat membuat link banner secara online dan dapat memodifikasi dengan mudah.
Dengan COOLTEXT, Anda dapat memilih logo style dan buton design kemudian dapat mengkustomasi teks, jenis font, ukuran dan warna banner, dan masih banyak yang dapat Anda lakukan untuk memodifikasi sendiri sesuai dengan keinginan dan selera Anda dengan mudah dan cepat.

Langkah-langkahnya dapat Anda ikuti seperti di bawah ini:

1. Anda kunjungi situs Cooltext.

2. Setelah masuk halaman situs, Anda dapat memilih logo style atau buton design yang Anda suka.

3. Pilih salah satu logo style atau buton design untuk kemudian Anda kustomasi sendiri.

4. Anda dapat memodifikasi teks, jenis, warna, dan ukuran font, background color, effect, background image, dan lainnya tergantung dari style yang Anda pilih.

5. Jika dirasa sudah cocok, kemudian klik "RENDER LOGO". Jika masih belum cocok, Anda dapat melakukan kustomasi ulang dengan menekan Edit This Logo.

6. Anda dapat menyimpan design logo dengan mengklik "Save Logo Design" namun harus melakukan registrasi dahulu.

7. Jika ingin langsung menyimpan di komputer, Anda bisa langsung mendownloadnya dengan mengklik DOWNLOAD IMAGE.

8. Anda dapat menyimpannya dengan format GIF, PNG, JPG.

Blog ini mencoba melakukan kustomasi dengan hasil dibawah ini:

Membuat banner

Selamat Mencoba!

Sabtu, 28 Juli 2007

Istilah Yang Banyak Digunakan Dalam Bahasa Blog

Seharusnya artikel ini diposting pertama kali sebelum postingan lainnya. Sebelum membuat blog, seharusnya Anda mengetahui istilah atau bahasa yang lazim digunakan dalam dunia blog tersebut.

Ada juga yang masih asing dengan beberapa istilah maka dari itu perkenankan Blog ini untuk memposting tentang hal tersebut minimal sebagai pengetahuan Anda.

Istilah atau bahasa yang sering atau lazim digunakan dalam blog adalah seperti di bawah ini.

BLOG

Kependekan dari Weblog, sebuah website yang berisi materi berupa tulisan, link, atau photo yang dikirim oleh individu atau komunitas tertentu karena blog dibuat untuk memenuhi kebutuhan pribadi atau komunitas tertentu.

TO BLOG

Adalah menjalankan atau mengirimkan materi atau isi blog.

BLOGGER

Seseorang atau komunitas yang menjalankan sebuah blog

BLOGOSPHERE

Kumpulan banyak blog, atau komunitas untuk melakukan kegiatan blogging.

BLOGROLL

Daftar eksternal link yang terdapat dalam sebuah blog, atau link yang menuju blog lainnya. Blogroll seringkali terdiri atas sejumlah “subkomunitas” blogger yang saling terikat dalam hubungan pertemanan.

BLOGWARE

Software yang digunakan untuk menjalankan sebuah blog.

CONTENT SYNDICATION

Pembuat atau administrator blog menjadikan sebagian atau semua isi blog agar otomatis terkirim ke website lainnya.

MOBLOG

Kepanjangan dari Mobile Blog, yaitu sebuah blog yang dapat diupdate dari jarak jauh oleh pemiliknya di mana pun berada dapat menggunakan ponsel atau PDA (Personal Digital Asssitant) via email.

PERMALINK

Merupakan kepanjangan dari PERMANENT LINK, yaitu alamat web setiap item yang dikirim dalam sebuah blog atau bisa dikatakan setiap posting adalah permalink.

PHOTOBLOG

Sebuah blog yang sebagian besar terdiri dari atas photo yang dikirimkan secara konstan dan teratur oleh pemiliknya.

PODCASTING

Merupakan kepanjangan dari IPOD dan BROADCASTING, yaitu pengiriman audio dan video ke dalam sebuah blog dan RSS feed untuk pemutar musik digital.

POST

Item yang dikrimkan ke dalam sebuah blog yang dapat berupa pesan atau berita, link, atau photo, juga bisa item-item pendek termasuk link eksternal yang dapat dikomentari oleh pengunjung.

RSS (REALLY SIMPLE SYNDICATION)

Cara agar item terakhir dapat dikirimkan secara otomatis dalam website terutama untuk blog favorit. RSS akan memperingatkan pengguna bahwa blog favoritnya sudah diupdate. RSS memungkinkan pula adanya sindikasi konten yang memungkinkan website lain secara mudah dan otomatis mereproduksi semua atau sebagian konten yang ada.

RSS AGGREGAGTOR

Software atau layanan online yang memungkinkan seorang blogger untuk membaca RSS FEED. RSS AGGREGATOR digunakan untuk membaca dan menampilkan konten ketika sebuah blog telah diupdate.

RSS FEED

File yang terdiri atas kiriman terakhir sebuah blog. RSS FEED dibaca dengan menggunakan RSS AGGREGATOR atau reader dan ditampilkan sesaat setelah sebuah blog diupdate.

WEB DIARY

Sebuah blog adalah sebuah web diary itu sendiri.

WIKI

Berasal dari bahasa HAWAI, “wikiwiki” yang berarti cepat. Dalam arti luas, berarti sebuah website yang dapat diupdate dengan mudah dan cepat oleh pengunjungnya. Kata wiki dapat pula diartikan sebagai alat yang digunakan untuk membuat wiki (mesin atau engine wiki). Wiki mempunyai beberapa kesamaan dengan blog namun keduanya berbeda.