Cara Mengatasi Re-Direct Blogger ke Ripway.com

Sejak dua hari ini kasus url blogger diredirect ke Ripway.com semakin merebak. Dari pantauan saya sebagai kontributor di forum Blogger Help dan GTJ, ada banyak sekali laporan-laporan serta permasalahan blog yg diredirect ke ripway.com. Hmmm? Ada apa gerangan?

Karena banyaknya kasus tersebut serta karena akan sangat melelahkan jika harus menuliskan satu per satu solusinya pada masing-masing thread, maka saya memutuskan untuk membuat posting tentang itu. Semoga nantinya bermanfaat. 

Sebenarnya kasus redirect ini tidak menimpa Blogger saja, dari apa yg saya lihat, banyak pengguna Facebook yg juga terjebak dan diredirect ke ripway.com tersebut. Biasanya ditemui ketika user hendak login. Bentuk URL yg diredirect pun bermacam-macam, namun biasanya terdiri dari sebaris url panjang yg berisi perintah-perintah tertentu pula. Namun setelah masuk, redirect gagal karena situs atau halaman yg dimaksud telah dihapus oleh pihak hosting. Ripway.com sendiri sebenarnya adalah sebuah situs usaha hosting web.

Biasanya blog diredirect ke alamat semacam ini:

http://pagesinxt.com/?dn=h1.ripway.com&fp=UDHDJbDhygIKgkUmGy1UnnBh6iQJF4%2BHoaKou7e4CWjl3%2BPlMkVv%2B1hxRaHJ8jiPNZNv6Qnrzr%2Bb3fW4NI%2BAiQ%3D%3D&prvtof=aLQrPh77aCYbsjs2aZeR5dpBMu8XipymM8fCFwArfy4KkC9fTmtJ5O3KXLkwWQvAbNMQ3fpotGH55hp6l8xIYQ%3D%3D&poru=4neHAidVPQGkWzWiULJcKgTT3YbzciglAZIdVFDCkg0RCIpd5A2b9hmO1l6%2FcU48kO%2BLceR4ZH0pWGoe%2Fbyqb4McC%2F1Qz8w7%2B6yVDvf%2F9qM%3D&cifr=1&flrdr=yes&nxte=js

Sumber masalahnya pun masih simpang siur karena para whitehacker pun masih menyelidikinya. Satu yg agak jelas pada kasus Facebook adalah adanya malware yg telah tertanam di computer. Sedangkan pada blogger, tidak banyak yg bisa diinformasikan, karena sumber jelasnya belum diketahui darimana. Tetapi, ada tetapinya nih, keberadaan redirect tersebut bisa dilacak melalui gadget/widget. So?

Sumber Masalah Redirect Blogger Ke Ripway.Com

Redirect blog Blogger disebabkan oleh penggunaan widget/gadget yg mengandung javascript yg memberi perintah untuk mengarah ke salah satu url ripway.com. Dalam hal ini redirect dilakukan oleh http://pagesinxt.com. Perintah itu tentunya disebabkan oleh dua kemungkinan:

1. Pemilik blog yg memasukkan widget external tertentu ke dalam blog.

2. Ada pihak lain yg secara sengaja mengubah isi blog melalui hacking/hijacking. (Semoga yg terjadi tidak demikian.

Setelah memberikan beberapa jawaban dalam bentuk investigasi serta usaha mencarikan solusi dari kedua forum di atas, akhirnya ditemukan bahwa sumber masalah redirect blogger tersebut berasal dari:

1. Widget Follower yg baru saja ditambahkan. WIdget ini yg paling banyak dilaporkan mengandung perintah redirect tersebut. Saya sendiri sampai saat ini masih belum menemukan, mengapa gadget follower yg notabene telah menjadi widget resmi Blogger menyebabkan seperti ini. Tapi kronologi yg paling banyak terjadi adalah: 

User menemukan bahwa widget follow-nya menghilang dari blog > dia kembali menambahkan widget follow > blog tanpa diduga di-redirect ke ripway.com.

2. Banyak kasus juga terjadi karena penggunaan widget efek salju yg dipasang di blog.

Bukan berarti penyebabnya hanya dua widget di atas, bisa jadi script juga ditanam di widget-widget lain.

Solusi Mengatasi Blogger Di-Redirect Ke RIpway.Com

Jika blog sobat mengalami kasus yg sama, silahkan simak solusi berikut:

Karena kasus redirect blogspot disebabkan oleh penggunaan widget external, maka ada dua kemungkinan solusi yg dapat digunakan:

1. Hapus/lepas gadget/widget yg akhir-akhir ini sobat pasang. Coba diingat-ingat gadget apa yg sobat pasang sebelum akhirnya blog diredirect ke ripway.com

.

Dari page elements > Klik "edit" pada gadget tersebut > Lalu remove.

2. Jika sobat tidak mengingat gadget apa yg dipasang. Gunakan cara berikut:

a. Buka Edit HTML/Edit Template.

b. Klik/centang "expand widget templates". 

c. Cari (tekan Ctrl+F) ripway.com.

d.Jika ketemu itulah sumber masalahnya.

e. Perhatikan bagian script, hapus seluruh bagian script dari ripway.com.

Script dimulai dari tag <script dan diakhiri oleh /> atau </script>

Perhatikan contoh:

<script ......ripway.com.............. /> atau
<script>............ripway.com..........</script>

Hapus bagian seperti contoh di atas.

f. Setelah dihapus, save template.

g. Cek blog apakah masih mengalami redirect.

Jika ripway.com tidak ketemu ketika dicari di edit HTML, coba cari pagesinxt.com.

-------------------------------------- 
Karena kasus redirect ripway.com juga terjadi pada saat login, kemungkinan besar adalah terinfeksinya komputer dg malware yg redirect ke situs tersebut.

REFERENSI Dari : http://buka-rahasia.blogspot.com

Baca Selengkapnya......

Cara Membuat Header Pada Blog

Beberapa teman sering menanyakan cara membuat gambar header untuk blog mereka. Jadi pada tutorial Photoshop kali ini kita akan belajar cara membuat sebuah gambar header. Untuk membuat sebuah header, tentu kita perlu program yang bisa mengolah/membuat gambar dalam format bitmap. Ada banyak program yang bisa digunakan, pilih aja yang familiar dengan kamu, ada Adobe Photosop, Corel Photopaint, Macromedia Firework, dan masih banyak lagi. Tapi yang kubahas sekarang adalah yang pake Photoshop.

Sebelum kita mulai membuat gambarnya, ada beberapa hal yang perlu kita siapkan sebelumnya, yaitu:

Ukuran header yang sesuai.
Ini harus dilihat sendiri dari template blog yang dipake. Untuk contoh yang akan kita buat, ukuran header ini adalah 780 kali 180 pixel. Sama dengan ukuran header yang dulu saya gunakan di blog sadewo-photology, saya menggunakan template yang namanya Nyoba-780 buatan mas Isnaini.
Kalo pake template dari Blogger, ukurannya bisa disesuaikan sendiri (tapi aku pernah nyoba kukasih gambar, gambarnya nggak muncul sebagai background header, mungkin biar muncul ada CSS yang harus dirubah (aku agak katrok kalo soal css, apalagi php..). Bisa juga diakali dengan membuat page element baru tentang Image sih sebenarnya, tapi nggak bisa diletakkan sebagai background header.). Kalo mau digunakan sebagai page element, ukur dulu berapa ukuran maksimal dari letak page element tadi.

Bahan gambar atau materi yang akan digunakan.
Ingat bahwa gambar tersebut bakalan nongol terus di blog Anda.

Siapkan juga makanan kecil dan minuman di samping komputer, siapa tahu waktu keasyikan mbuat gambar merasa laper…

Cara membuat gambar header dengan Photoshop

Buka dulu program photoshop, kemudian buat file baru dengan memilih menu File > New. Pada kotak dialog New, isikan ukuran header yang akan dibuat. Misalnya pada width=780 dengan satuan ukur pixel, terus pada height=180. Jangan lupa pada resolusi harus 72 pixel/inch. Klik OK jika semua ukuran sudah sesuai.

Untuk lebih jelasnya bisa dilihat pada gambar dibawah ini.

Kemudian buat gambar yang kamu inginkan pada file baru ini.Gambar header bisa dengan memasukkan gambar lain, kasih tulisan, atau apa aja terserah dengan ide dan kreativitasmu. Kalo bingung, nggak ada ide? Buka aja website dan blog yang ada di internet, banyak sekali kan, tinggal cari aja ide dari gambar-gambar tersebut. Tapi ingat, JANGAN ngopi paste gambar header orang lain terus dipasang lagi, itu sama kayak mencuri. Cari Ide, bukan Curi Ide.

Setelah gambar jadi, jika gambar tersebut menggunakan lebih dari satu layer, pilih dulu menu Layer > Flatten Image agar semua layer menjadi satu di layer background.

Kemudian simpan (File > Save) dengan format JPEG/JPG atau GIF. Ini agar ukuran file-nya kecil. Jika pake JPEG/JPG aturlah nilai kompresi yang dilakukan pada kotak dialog JPG option yang muncul setelah kamu klik tombol Save. Seberapa banyak kompresi yang diperlukan, itu tergantung kondisi gambar, misalnya ukuran dan warna yang digunakan. Sesuaikan sendiri antara ukuran file hasil jadi dengan kualitas gambar, karena semakin banyak dikompres maka kualitas gambar akan turun.Gambar dalam lingkaran merah, yang sebelah kiri adalah ukuran file yang akan disimpan (dalam kilobyte), dan yang sebelah kanan adalah waktu yang diperlukan saat gambar tersebut diakses dalam ukuran kbps tertentu.

Setelah gambar udah jadi, tinggal diupload aja pakai software blog Anda.Misalnya Anda menggunakan Blogger, gunakan page element-nya. Kalo hosting sendiri, upload di cpanel-nya. Atau bisa juga diupload dulu ke web yang melayani image hosting, misalnya Photobucket, ImgPlace, atau yang lain.

Jika Anda tidak mengetahui ukuran gambar yang sesuai dengan ukuran template / theme-nya. Berikut ini caranya untuk mengetahui ukurannya:

Simpanlah gambar header yang sudah ada di blog Anda. Kemudian buka gambar tersebut dengan Photoshop. Setelah itu pilih menu Image > Image size. Pasti akan nampak ukuran panjang dan lebarnya. Kalau resolusinya, biasanya 72 dpi.

Atau, jika gambar tersebut tidak ada atau tidak bisa disimpan, maka saat gambar header blog Anda nampak di layar monitor tekanlah tombol Print Screen di keyboard (kadang satu kali tidak cukup, perlu 2 atau 3 kali menekan tombol tersebut).
Kemudian bukalah program Photoshop. Buat file baru dengan cara memilih File > New. Pastikan pada kotak isian Preset Size ukuran filenya adalah Clipboard (biasanya secara langsung sudah clipboard), kemudian klik OK. Setelah itu pilih menu Edit > Paste.

Anda sudah mendapatkan tampilan gambar dengan ukuran sebenarnya. Sekarang pilih Crop tool, potonglah gambar tersebut pas pada bagian gambar header-nya saja. Kemudian pilih menu Image > Image Size untuk mengetahui panjang dan lebar gambar, atau langsung saja gunakan hasil crop tadi untuk media membuat gambar header Anda.

Baca Selengkapnya......

Cara Cepat Mengetahui Kode Warna Blog Orang Lain

Awalnya saya lagi coba-coba edit template ini, saya tertarik pada tampilan dasbor blog, sudah saya coba buat backgroundnya tapi koq warnanya gak bisa sama-sama ea ?? wahh.. sempat dibuat bingung jg neh.. akhirnya saya cari-cari info di mbah google, gmn c caranya biar kita tahu kode warna yang ada di blog/web orang lain ?? akhirnya nemu juga caranya.. yaitu dengan add ons firefox, yaitu ColorZilla. mungkin sobat blogger udah pada tahu semua, tapi gak ada salahnya kalau saya share kembali.

Jika Sobat pengguna browser Mozilla Firefox, Sobat akan mudah mengetahui kode warna tersebut. Caranya dengan menggunakan ekstensi mozilla yang disebut ColorZilla. Sobat tinggal menyorot warna yang ada, lalu ekstensi ini meninformasikan kodenya.

Nah.. Berikut adalah cara menginstal dan menggunakan ColorZilla.

1. Kunjungi situs ColorZilla.

2. Klik tombol Install ColorZilla.

3. Akan muncul pop up yang meminta Anda untuk mengijinkan penginstalan ColorZilla di pojok kanan atas. Klik Allow.

4. Akan muncul tampilan seperti di bawah ini. Lalu klik Install Now.

5. Setelah selesai, restart browser mozilla Sobat.

6. ColorZilla akan muncul di bagian kiri bawah browser Sobat.

7. Untuk menggunakannya, klik tanda seperti di bawah ini.

8. Lalu sorot saja warna yang ingin Sobat ketahui kodenya. Catat kode tersebut secara manual.

9. Contoh hasilnya seperti berikut (yang ditandai panah adalah kode warna huruf Firefox yang disorot).


Semoga bermanfaat.

Baca Selengkapnya......

Ada Yang Mau Jadi Penulis Blog Saya??

Hey hey.. Kelihatannya Hari sekolah saya akan berlangsung lagi, rasa rasanya saya butuh bantuan lagi nih dari temen temen yang berminat jadi PENULIS BLOG ini. Syaratnya mudah kok.. Gak pake ribet


SYARAT KECIL

1. Bisa posting blog pastinya.

2. Suka Posting - posting yang bermanfaat

3. OL tiap hari sambil Posting Blog

4. Punya Email harus donk

5. Bisa dipercaya wajib banget

6. Udah 

CARANYA CUKUP MUDAH

1. Yang harus diketik

Nama Saya : []

Email Saya : []

Tujuan : []

3. Jika sudah, Saya akan balas. "Oke Check Email"

PERATURAN KECIL

1. Kalo Copas Artikel Kasih Sumber

2. Kalo Gambar artikel kegedean Harap Di Kecilin

3. Kalo ada yang butuh bantuan segera cari solusinya

4. Kalo untuk bayaran, Saya gak tau juga. hehe Nanti kalo saya ada pemasukan pasti saya bagi deh

Mohon Maaf ya kalo ada hal kurang berkenan  

 

Bila anda masih bingung tanyakan kepada sya insyallah sy bantu maslahnya

Baca Selengkapnya......

Cara Membuat Read More / Baca Selengkapnya di Blogger

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">


</span>

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D
Selamat Mencoba...

Baca Selengkapnya......

Baca Selengkapnya......

Cara Memasukkan Metatag Yahoo Ke Blogspot

Setelah mendaftarkan blog baru Anda di Google , sekarang bagaimana cara mendaftarkan blog Anda di mesin pencari Yahoo, yang menggunakan istilah Site Explorer? Yaitu setelah blog Anda terdaftar di mesin Yahoo, maka Anda bisa memeriksa jumlah halaman blog Anda yang terindeks di Yahoo, dan melihat informasi link dari dan ke blog Anda.

Untuk mendaftar di Search Engine Yahoo.

1. Buka Yahoo Sitemap
2. Setelah terbuka pada tab menu di atas klik Sign in dan login menggunakan akun Yahoo Mail yang Anda miliki.
3. Kemudian masukan alamat blog Anda pada kotak kosong di bawah tulisan My Site. Selanjutnya klik tombol Add My Site.
4. Setelah itu, Anda wajib verifikasi kepemilikan blog, klik tab Authenticate.
5. Setelah terbuka halaman baru, gulung layar pada halaman paling bawah pada tulisan To add a META tag to your home page. Anda diberi sebaris Meta Tag untuk di masukan ke dalam template blog Anda. Copy meta tag tersebut.
6. Selanjutnya buka blog Anda pada halaman template -> buka tab edit html, tambahkan atau simpan meta tag tersebut ke dalam template Anda di bawah tag:

<title><data:blog.pageTitle/></title>

(atau di bawah metatag verifikasi dari Google):

Kemudian klik Simpan Perubahan

Contoh metatag Yahoo:

<META name="y_key" content="ae978c2d2e0ae141" />

7. Setelah Meta Tag tersebut di simpan ke dalam template, balik lagi ke halaman Yahoo, kemudian klik tombol "Ready Authenticate".
Selanjutnya Anda di beri pesan bahwa blog Anda sedang diproses kepemilikannya. 'Your site is pending authentication'.
8. Kemudian klik tulisan My Site . Setelah halamannya terbuka klik alamat site mu, lalu klik feeds
9. Pada halaman ini Anda mempunyai lima pilihan untuk menambah atau mengisi feed-nya dalam kotak kosong yang tersedia. Apakah rss.xml , atom.xml, mobile feed-xhtml, mobile feed-wml, dan lainnya.

atau

Jika telah menentukan pilihannya klik tombol "Add Feed".
Bila berhasil feeds blog Anda ada tulisan processed
Sekarang Anda telah mendaftarkan blog Anda ke dalam mesin pencari Yahoo (seperti yang telah Anda lakukan mendaftarkan blog Anda pada mesin pencari Google), untuk melihat hasil blog Anda diindeks oleh pencarian Yahoo, Anda tunggu paling lambat dua hari setelah Anda mendaftar.

Selamat mencoba.

Baca Selengkapnya......

Tips Melindungi Postingan Blog Anda Dari Copy/Paste

Mungkin bagi sebagian para pemilik blog sering kali dibuat kesal jika melihat artikel-artikel yang dibuatnya dengan memeras otak tiba-tiba sudah ada di blog milik orang lain, apalagi kalau disitu tidak disebutkan sumber asli dari artikel tersebut.

Berikut ini tip dan triks untuk melindungi artikel dari copy paste. Langsung saja:

Pertama-tama Anda analisa dulu, biasanya kalau mau copy/paste artikel ada beberapa cara, yaitu mulai dari menyeleksi tulisan yang mau dicuri kemudian dicopy/paste. Atau melihat "Source Code"nya dengan meng-klik kanan dan lain-lain. Ada beberapa cara untuk mengatasi masalah tersebut, mulai dari cara yang mudah sampai cara yang sulit. Nah, untuk tips kali ini kita akan mencoba menggunakan cara yang mudah saja. Tapi ingat, cara ini hanya efektif untuk menghadapi maling kelas teri, jadi tidak akan mempan menghadapi para penjahat kelas kakap yang sudah berpengalaman di dunia maya. Tapi lumayan untuk berjaga jaga dari maling-maling kelas teri. Nah, berikut adalah triknya:

Copy script dibawah tag <body.....

Begini detail caranya:

Pertama login dulu ke Blogger, terus pilih "Rancangan", lalu "Edit HTML", cari kode ini <body>. Letaknya kira-kira di tengah bagian kiri, biasanya setelah kode </head> . Perlu diperhatikan bahwa didalam kode html terdapat banyak tulisan "body", jangan salah memilih body . Kalau sudah ketemu letakkan script ini didalamnya.

onmousedown="return false" oncontextmenu="return false" onselectstart="return false"

Contohnya seperti ini:

<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false" >

Nah, script diatas untuk melindungi agar text yang ada tidak bisa di seleksi untuk dicopy, dan juga tidak bisa di klik kanan.

Terus bagaimana kalau pencurinya lihat source code kita lewat menu-menu yang ada di web browser? Misalnya memakai Mozilla, dengan cara Klik View, Page Source, atau dengan menekan Ctrl + U. Nah, untuk mengakali masalah ini kita pakai cara licik saja, yaitu dengan menurunkan script html ke bawah, Caranya bagaimana?
Begini, taruh kursor/pointer ke atas tag <head> (letaknya dibagian atas), terus tekan enter sampai kira-kira 70 kali. Nah, kalau pencurinya melihat source code kita, dia hanya akan melihat kode kepala dari html kita, sedangkan isi dari blog kita kan sudah turun ke bawah, betul tidak?
Tapi ingat sekali lagi, ini hanya untuk pencuri kelas teri, walaupun diproteksi secanggih apapun, pasti tetap saja ada orang yang akan bisa membongkarnya, tapi setidaknya kita berjaga-jaga, pastinya?

Perhatian: Kalau pake trik proteksi ini, maka untuk form-form isian seperti search engine, kotak komentar haloscan, shoutbox, dan ogix tidak bisa diisi. Jadi kalau memang tidak benar-benar diperlukan, jangan menggunakan trik ini.

Selamat mencoba.

Baca Selengkapnya......

Membuat Form Berlangganan Via Email

Seperti yang Anda lihat di sebelah kanan blog ini ada sebuah kotak yang berisi kotak untuk mengisikan alamat email dan sebuah tombol yang ada tulisan "Subscribe". Nah, dalam tips dan trik kali ini Anda akan mendapat tambahan ilmu baru, bagaimana cara membuat kotak tersebut?
Perlu dijelaskan terlebih dahulu apa kira-kira fungsi dari form tersebut?
Form tersebut fungsinya adalah untuk mempermudah para pembaca blog agar bisa berlangganan atau mendapatkan informasi postingan terbaru melalui email. Jika yang punya blog itu memposting artikel baru maka para pelanggan/pembaca yang sudah berlangganan via email, dengan cara memasukkan alamat email Anda di form berlangganan tersebut. Maka secara otomatis akan mendapatkan kiriman email yang berisi postingan terbaru di inbox email Anda.

Beginilah cara membuat form "Email Subscriber" tersebut:

1. Kunjungi situs ini: Feedburner.

2. Saat pertama kali Anda mengunjungi Feedburner akan langsung disodori kotak untuk mengisikan alamat feed blog Anda yang akan dibakar.

3. Biasanya alamat feed blog seperti ini http://NAMABLOGANDA.blogspot.com/feeds/posts/default , ganti tulisan NAMABLOGANDA dengan nama alamat blog Anda.

4. Isikan nama feed blog Anda tadi dalam kotak yang disodorkan tersebut, jika blog Anda hanya berisi video maka beri tanda centang pada kotak "I am a podcaster", jika tidak jangan dicentang. Kemudian klik tombol "next".

5. Setelah itu Anda akan disodori lagi dengan form pendaftaran, isikan data-data yang diperlukan disana, terus klik tombol "Activate Feed".

6. Nah, kalau berhasil nanti akan ada informasi "Congrats! your ......".

7. Dibawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini pilih yang link "Skip directly to feed management", sebenarnya lewat tombol "next" bisa tapi biar seru lewat jalan lain saja.

8. Kemudian nanti akan ada beberapa menu, kali ini pilih menu "Publicize".

9. Setelah itu disebelah kiri akan muncul beberapa menu. Pilih menu "Email Subscriptions".

10. Kemudian klik tombol "Activate".

11. Nah, setelah itu nanti akan ada beberapa kotak yang berisi kode-kode. Kalau Anda menginginkan yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".

12. Copy kode yang ada dalam kotak tadi, terus klik tombol "Save" untuk mengaktifkan layanan tersebut.

13. Cara pasangnya, Login ke Blogger, pilih "Rancangan --> Add a Gadget --> HTML/Java Script" . Nah, paste kode yang sudah Anda copy tadi disana.

Sekarang coba dilihat blog Anda, form untuk "Email Subscriber" sudah tampil di halaman depan blog Anda. Jika Anda ingin menampilkan jumlah reader yang berlangganan begini caranya:
- Login ke Feedburner, kemudian pilih feed blog Anda.
- Terus masuk ke menu "Publicize --> FeedCount" disana ada script yang harus Anda copy dan pasang di blog Anda.

Happy Blogging!

Baca Selengkapnya......

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.

Baca Selengkapnya......

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:



Selamat Mencoba!

Baca Selengkapnya......

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.

Baca Selengkapnya......

Tips Menuliskan Script/Kode Ke Dalam Postingan Blog Anda

Untuk menuliskan script/kode kedalam 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 &lt;head&gt;.
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 http://centricle.com/tools/html-entities, terus isikan kode-kode Anda kedalam 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.

Baca Selengkapnya......

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.

Baca Selengkapnya......

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.

Baca Selengkapnya......

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"&gt;

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.

Baca Selengkapnya......

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

Baca Selengkapnya......

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 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
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 &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
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 = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; 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!

Baca Selengkapnya......

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:

1. atom.xml
2. rss.xml
3. feeds/posts/default
   
4. feeds/posts/default?alt=rss
5. atom.xml?redirect=false
6. 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:

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

Jawab:

1. 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.
2. 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.
3. Sudah terjawab diatas masalah sitemap.
4. 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.

Baca Selengkapnya......

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.

Baca Selengkapnya......