Cara Merubah Ukuran Halaman Blog, Blogspot

Umumnya template default yang disediakan blogger, tidak memiliki lebar halaman yang penuh. Jika anda ingin memperlebar ataupun mempersempit halaman posting, sidebar, dll-nya anda tinggal edit kode HTML Silakan bisa anda praktekkan jika anda ingin memperlebar / mempersempit halaman :

• Login ke blog anda Klik DISINI, silakan isi email dan password blog anda
• Pilih ‘Tata Letak’
• Klik "Edit HTML"
• Agar aman, silakan anda Download dulu template anda (klik Download Template Lengkap), Pada bagian atas
• Gunakan Ctrl + F Cari kode  Yang mirip dibawah ini :

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

• Silakan edit keterangan ukuran dibawah ini, sesuaikan dengan keinginan anda :

#outer-wrapper --> kode untuk lebar halaman blog.
#main-wrapper --> kode untuk lebar postingan blog
#sidebar-wrapper --> kode untuk lebar sidebar blog.

Semoga Bermanfaat. 

Menghilangkan Navbar (kotak kecil memanjang bagian atas)

Sebelumnya sedikit saya jelaskan bahwa navbar yang dimaksud disini adalah fasilitas pada blogger, bentuknya kotak memanjang berada di bagian paling atas blog. Navbar ini berfungsi untuk melakukan Sign In atau Signout dan bisa juga digunakan untuk melaporkan kecurangan blog yang dilakukan oleh seorang blogger.

Jika anda masih kurang paham anda perhatikan gambar dibawah ini :

Kadang navbar tersebut dirasa mengganggu oleh sebagian blogger, oleh karena itu sebagian besar blogger ingin menghilangkan navbar blog-nya.

Jika Navbar tersebut dirasa mengganggu terhadap tampilan blog anda tidak ada salahnya jika navbar itu di hilangkan. Silakan ikuti langkah-langkah berikut :

• Login ke blog anda Klik DISINI,
• Pilih ‘Tata Letak (Rancangan)’
• Klik "Edit HTML"
• Copy kode css berikut ini :  #navbar-iframe { display: none !important; }
• Gunakan Ctrl + F untuk mempermudah pencarian kode : ]]></b:skin>
• Kemudian letakan kode css di tepat atas kode  ]]></b:skin>
• Simpan template

Cara Buat Readmore Otomatis Di Blogspot

Apa yang dimaksud Readmore ?...
Saya Jelaskan sedikit yaa,...

Fungsi menu Readmore  ini untuk memotong satu sampai dua paragraf sehinngga postingan kita yang panjang hanya terlihat beberapa karakter saja. Jadi kesimpulannya jika kita ingin membaca seluruh isi postingan kita kilik "Readmore" atau pada blog saya ini klik "Selengkapnya....", dan Postingan yang lengkap akan terlihat. ... Sudah ngerti .?

Masih bingung ? ,...  langsung saja kita praktekkan :

• Login ke blog anda Klik DISINI, silakan isi email dan password blog anda
• Pilih ‘Tata Letak (Rancangan)’
• Klik "Edit HTML"
• Agar aman, silakan anda Download dulu template anda (klik Download Template Lengkap), Pada bagian atas
• (gunakan Ctrl + F) Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> klik simpan template. 

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

• Beri tanda centang pada "Expand widget template"
• Cari kode  <data:post.body/> atau <p><data:post.body><p>
• Kalau sudah anda temukan ganti kode  tersebut dengan kode dibawah ini 

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb
("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>

• Simpan Template, Selesai 

Catatan :

• var thumbnail_mode = "float"; (dapat dirubah berada di (float) kiri atau ganti dengan (no-float)
• summary_noimg = 250; (banyak karakter yang akan ditampilkan tanpa gambar)
• summary_img = 250; (berapa banyak karakter yang akan ditampilkan dengan gambar / thumbnail)
• img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
• img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)
• READ MORE = Sesuaikan dengan selera anda

Cara Ganti Template/Tema Blogspot

Apa yang dimaksud dengan Template/Tema ?...
Template adalah desain halaman web atau blog yang ditampilkan sehingga blog kita lebih kelihatan menarik, contoh pada elemen-elemen disamping ini, juga warna background dan lainnya.

Biasanya kita memperoleh template standar dan tentunya jika kita lihat dan amati tentu kurang menarik, Nahhh... template ini bisa anda ubah dan diotak atik sesuai dengan selera anda sehingga lebih kelihatan menarik.

OK kita mulai, ganti template anda dengan yang lebih menarik :

I. Template default yang disediakan BLOGGER

1. Login dulu ke blog anda Klik DISINI, silakan isi email dan password blog anda
2. Pilih ‘TATA LETAK’ 
3. Klik "Pilih Template Baru"
4. Silakan anda pilih Template yang anda suka, Sebelum memutuskan dan memilih "template", sebaiknya anda lihat dahulu contoh Template yang disediakan, dengan klik tulisan "preview template".Dan apabila menemukan yang cocok silakan simpan Template anda.
5. Selesai

II. Template Buatan / Template baru

1. Silakan anda Download template-nya, anda bisa klik DISINI atau Browsing dengan ketik Free Template Blogger.
2. Pilih template yang sesuai dengan selera anda dan download.
3. Login ke blog anda Klik DISINI, silakan isi email dan password blog anda.
4. Pilih ‘Tata Letak (Rancangan)’ 
5. Klik  "Edit HTML"
6. Agar aman, silakan anda Download dulu template anda (klik Download Template Lengkap), Pada bagian atas.
7. Silakan masukkan template anda yang telah di Download tadi dan Klik Upload/ Unggah.
8. Klik Pageview/Pratinjau.
9. Jika sudah sesuai, Simpan template.
10. Selesai.

Cara Mudah Setting Sebuah Blog

Setelah anda selesai Membuat Blog di blogspot, Silakan anda lanjutkan dengan melakukan pengaturan pada blog anda, yoo,... kita mulai :

1. Login dulu ke blog anda Klik DISINI, silakan isi email dan password blog anda
2. Klik ‘Setting (Pengaturan)’ 

Pilih "DASAR / BASIC"

1. Isi judul blog Anda (jika anda ingin merubahnya/ ganti nama dll)
2. Isi Deskripsi. Sebaiknya tidak terlalu panjang dan berisi kata-kata yg paling mewakili isi blog Anda. 
3. Add your blog to our listing? isi saja pilih YES. agar setiap postingan kita masuk di daftar blogger.com
4. Show quick editing on your Blog? pilih YES
5. Show Email Post Links? pilih YES
6. Show Compose Mode for all your blogs? pilih YES
7. Klik SAVE SETTINGS Selesai.

Pilih "FORMATTING" di bagian atas

1. Show – pilih posts (jangan hari) dan pilih angka untuk jumlah postingan yang akan ditampilkan pada halaman pertama blog anda. Jika anda pilih 6 maka yang ditampilkan pada halaman pertama 6 postingan terbaru.
2. Date Header Format – pilih model tanggal/bulan sesuaikan dengan selera anda. Format tanggal/bulan ini akan selalu tampil di bagian atas posting kita.
3. Archive Index Date Format – pilih model peng-arsip-an. Blog kita akan dibuatin arsip setiap bulan.
4. Timestamp Forma t– pilih bentuk waktu yg Anda suka. Sebaiknya yg pendek. Contoh: 7.50 PM.
5. Timezone – pilih zona waktu yg sesuai, karena anda di Indonesia maka pilih UTC-+7.00 Asia/Jakarta.
6. Pilih Bahasa ( sesuaikan dengan Bahasa Blog anda
7. Konversi ganti baris, pilih Ya
8. Tampilkan Field Judul, pilih Ya
9. Tampilkan kolom Link, pilih Tidak
10. Aktifkan perataan float, pilih Ya
11. Templat Entri (kosongkan saja)
12. klik Simpan, selesai

Pilih "KOMENTAR" di bagian atas

1. Komentar, Pilih Tampilkan
2. Siapa yang Bisa Berkomentar ?,  Pilih Siapa pun
3. Penempatan Formulir Komentar,Pilih, Disemat di bawah entri
4. Default Komentar untuk Entri, Pilih Entri Baru Memiliki komentar
5. Tautbalik, pilih tampilkan
6. Bawaan Tautbalik untuk Posting, entri baru memiliki tautbalik
7. Format Timestamp Komentar, Pilih format waktu berkomentar (sesuaikan dengan selera anda)
8. Pesan Formulir Komentar (kosongkan saja)
9. Moderasi komentar, (pilih yang anda inginkan)
10. Tampilkan verifikasi kata untuk komentar? (terserah anda, sesuaikan dengan keinginan anda)
11. Tampilkan gambar profil dalam komentar?, Pillih ya
12. Email Pemberitahuan Komentar (kosongkan saja)
13. Klik simpan Selesai

Pilih "ARSIPKAN" di bagian atas

1. Frekuensi Arsip, Pilih Tiap bulan
2. Aktifkan Halaman Posting? (kosongkan)
3. Klik Simpan Selesai

Pilih "FEED SITUS" di bagian atas

1. Izinkan Feed Blog, Pilih Singkat
2. Posting URL Pengubahan Arah Feed (kosongkan)
3. Footer Feed Posting (kosongkan)
4. Simpan, Selesai

Cara Mudah Membuat Sebuah Blog

Sudah tahukah Anda apa itu Blog ?,...
Ok kalau belum tahu ini gambaran secara singkat yang saya ketahui :

Blog/Web log : situs  pribadi, yaitu situs yang menggambarkan isi dari pembuat blog artinya situs ini sifatnya lebih pribadi dan biasanya dikelola oleh si pemilik/pembuat blog itu sendiri.

Itu sedikit gambaran tentang blog , untuk lebih jelasanya silakan anda cari referensinya sendiri, banyak sekali yang menulis tentang blog 

Langsung Saja kita mulai, cara buat blog di blogspot :

1. Anda harus sudah memiliki E-mail yang valid kalau belum silakan daftar DISINI 
2. Setelah memiliki E-mail mulailah membuat Blog
3. Klik "BUAT BLOG"
4. Isilah Alamat Email dengan alamat email yang telah anda buat
5. Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email
6. Tulis password yang anda inginkan
7. Isikan kembali password anda
8. Isi Nama Tampilan dengan nama yang ingin anda tampilkan
9. Tulis tulisan yang tertera pada form Verifikasi Kata. 
10. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.
11. Klik gambar anak panah yang bertuliskan "LANJUTKAN"
12. Tuliskan judul blog yang anda inginkan
13. Tulis nama situs anda pada form Alamat Blog (URL) 
14.  Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, 
15. Klik gambar panah yang bertuliskan "LANJUTKAN"
16. Pilihlah gambar (template) yang anda inginkan (sementara pilih sembarang, bisa di rubah)
17. Klik gambar anak panah yang bertuliskan "LANJUTKAN"
18. Dan muncul tulisan "Blog Anda telah diciptakan". 
19. Klik gambar panah bertuliskan "MULAI POSTING". 
20. Silakan mulai posting, tulis apa yang anda ingin tulis, jika sudah selesai klik tombol "Terbitkan".
21. Selesai ( Kini anda sudah memiliki Blog )

Sekian dulu ya, Semoga bermanfaat. 

Setting Custom Domain di Blogspot

Memiliki blog dengan nama domain top level domain (tanpa embel-embel blogspot, wordpress, multiply dll) tentunya akan membuat blog kita terlihat lebih elit dan berkelas, dan juga akan membuat nama blog kita akan lebih mudah diingat orang.

Jika kamu belum memiliki domain, kamu bisa membelinya di dodoldomain.com dengan harga yang cukup murah. Jika kita sudah membeli domain maka ada beberapa hal yang harus kita lakukan supaya domain kita tertuju pada web/blog yang kita punya, diantaranya yaitu setting DNS, Name Server dll. Mari kita mulai saja langkah-langkah untuk customisasi domain ini.

SETTING DNS (DOMAIN NAME SERVER)
Langkah awal kita yaitu melakukan setting DNS. Biasanya jika kita membeli domain akan ada biaya tambahan (sekitar Rp 3000,-) untuk menambahkan layanan "DNS Managed". Tapi jika kamu tidak ingin mengeluarkan biaya ada layanan gratis supaya kita bisa melakukan setting DNS, seperti di dnspark.net. Nah berikut ini adalah tutorial jika kam menggunakan layanan dari dnspark ini :

Tutorial

1. Jika kamu belum memiliki account di dnspark km bisa daftar di https://www.dnspark.net/register.

• Jika sudah daftar silahkan login. 
• Pilih menu "DNS Hosting" (disebelah kiri). Kemudian pilih "Add Domains"  
• Beri tanda centang kotak "DNS Hosting - Free" lalu Isikan nama domain yang sudah kamu beli di kolom "Enter new domain"  (tanpa www).  
• Kemudian Klik tombol "Add Now" 
• Jika berhasil maka nama domainmu akan muncul di "Domain List" (pojok kiri bawah). 
• Klik domain kamu untuk melakukan pengaturan selanjutnya. 
• Pada Dropdown "Type" pilih "CNAME". 
• Pada Kolom "Alias Name" isikan www (sebenarnya itu bisa diisi apa saja, tapi untuk domain utama sebaiknya diisi "www"). 
• Kemudian untuk destination name isikan ghs.google.com (untuk blogspot). 
• Jika sudah klik tombol "Update All"

Untuk proses setting DNS sudah selesai.

2. Bagi yang sudah punya "DNS Managed" sendiri di domainnya, cara settingnya seperti ini:

• Masuk ke "Managed DNS" Trus Pilih "CNAME Records"
• Kemudina klik tombol "Add CNAME Records"
• Untuk kolom "Host Name" diisi dengan "www"
• Untuk Kolom "Value" pilih yg bagian bawah kemudian isi dengan "ghs.google.com"
• Kemudian Klik tombol "Add record".

SETTING NS (NAME SERVER)
Bagi yang sudah memiliki "Mange DNS Service" sendiri di domainnnya maka langkah berikut ini tidak perlu dilakukan. Tapi jika kamu menggunakan layanan DNS Manger dari dnspark.net, maka kamu harus merubah "Name Server" di domain manager kamu. Bagi yang membeli domain dari dodoldomain.net maka langkah-langkahnya adalah seperti berikut ini, (bagi yang beli ditempat lain saya rasa hampir sama langkah2nya)

• Login di dodoldomain.net kemudian pilih "My Account"
• Jika sudah maka kamu akan berada dalam kawasan "admin area" domainmu.
• Pilih menu "Domain --> List Last 10"
• Domain kamu akan terlihat di "List of Domain"
• Klik link "Domain Name --> Click to Manage"

• Kemudian klik " Modify Name Server "

• Isikan name server berikut kedalam kolom "Name Server1, Name Server2, Name Server3, Name Server4, Name Server5" kemudian klik tombol "Submit"

ns1.dnspark.net
ns2.dnspark.net
ns3.dnspark.net
ns4.dnspark.net
ns5.dnspark.net

Nah urusan dengan si "Name Server" Sudah Selesai
 
SETTING PUBLISHING DI BLOGGER
Nha sekarang tinggal langkah terakhir. gini langkahnya :

• Login di blogger. Pilih menu "Setting --> Publishing"
• Kemudian klik link Switch to : Custom Domain
• Kemudian klik lagi link Already own a domain? Switch to advanced settings
• Kemudian isikan nama blog kamu di kolom "Your Domain" (Gunakan www , contoh www.andye.com).
• Lalu Klik tombol "Save Setting"

Yak Semua sudah selesai. Jika semua settingan tadi dilakukan dengan benar maka domain kamu yang baru akan aktif sekitar 1-24 jam bahkan bisa nyampe 48 jam.. Jadi sabar aja.

Setting Domain di co.cc

Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc".

Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding". Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:  

Ada 3 tipe pengaturan di co.cc. 
Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:  

1. Managed DNS 

Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot. Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai  

 

2. Zone Records 

Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records  

• Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")
• Untuk option "TTL" biarkan saja, gak perlu dirubah2
• Pada option "Type" pilih yang "CNAME"
• Untuk kolom "Value" isikan "ghs.google.com" Sehingga akan seperti pada gambar dibawah ini: 

Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:

• Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing" 
• Kemudian pilih "Switch to: • Custom Domain 
• Setelah itu klik pada "Already own a domain? Switch to advanced settings" 
• Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain". Selanjutnya klik tombol "Save Setting" 

Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.  

3. URL Forwarding 

URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama. Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi. 

Catatan 
Metode ini tidak dianjurkan jika tidak terpaksa 

Jadi kesimpulannya adalah:

• Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records" 
• Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS" 
• Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.

Sekian, Semoga artikel ini bisa membantu.

Arti Beberapa Kode HTML

Daftar Kode Respon Normal

• “100″ ; Section 10.1.1: Continue / Lanjutkan
• “101″ ; Section 10.1.2: Switching Protocols
• “200″ ; Section 10.2.1: OK
• “201″ ; Section 10.2.2: Created / Telah Dibuat
• “202″ ; Section 10.2.3: Accepted 
• “203″ ; Section 10.2.4: Non-Authoritative Information / Info Tidak Resmi
• “204″ ; Section 10.2.5: No Content
• “205″ ; Section 10.2.6: Reset Content
• “206″ ; Section 10.2.7: Partial Content
• “300″ ; Section 10.3.1: Multiple Choices
• “301″ ; Section 10.3.2: Dipindahkan secara permanent
• “302″ ; Section 10.3.3: Found / Ditemukan
• “303″ ; Section 10.3.4: See Other
• “304″ ; Section 10.3.5: Not Modified
• “305″ ; Section 10.3.6: Use Proxy / Gunakan Proxy
• “307″ ; Section 10.3.8: Temporary Redirect

Daftar Kode Kesalahan Server Side

• “200″ ; Section 10.2.1: OK
• “201″ ; Section 10.2.2: Created
• “202″ ; Section 10.2.3: Accepted
• “203″ ; Section 10.2.4: Non-Authoritative Information
• “204″ ; Section 10.2.5: No Content
• “205″ ; Section 10.2.6: Reset Content
• “206″ ; Section 10.2.7: Partial Content

Daftar Kode Kesalahan Client Side

• “400″ ; Section 10.4.1: Bad Request / Permintaan: Buruk
• “401″ ; Section 10.4.2: Unauthorized
• “402″ ; Section 10.4.3: Payment Required / Pembayaran Dibutuhkan
• “403″ ; Section 10.4.4: Forbidden
• “404″ ; Section 10.4.5: Not Found
• “405″ ; Section 10.4.6: Method Not Allowed
• “406″ ; Section 10.4.7: Not Acceptable
• “407″ ; Section 10.4.8: Proxy Authenti ation Required
• “408″ ; Section 10.4.9: Request Timeout
• “409″ ; Section 10.4.10: Conflict
• “410″ ; Section 10.4.11: Gone
• “411″ ; Section 10.4.12: Length Required
• “412″ ; Section 10.4.13: Precondition Failed
• “413″ ; Section 10.4.14: Request Entity Too Large
• “414″ ; Section 10.4.15: Request-URI Too Large
• “415″ ; Section 10.4.16: Unsupported Media Type
• “416″ ; Section 10.4.17: Requested range not satisfiable
• “417″ ; Section 10.4.18: Expectation Failed
• “500″ ; Section 10.5.1: Internal Server Error
• “501″ ; Section 10.5.2: Not Implemented
• “502″ ; Section 10.5.3: Bad Gateway
• “503″ ; Section 10.5.4: Service Unavailable
• “504″ ; Section 10.5.5: Gateway Time-out
• “505″ ; Section 10.5.6: HTTP Version not supported

Cara Mudah Membuat SPOILER Di Blog

SPOILER, Hampir sama dengan menempatkan sebuah gambar atau text anda di wadah bingkai yang sering lihat di web atau blog yang gambar pada artikel nya di sembunyikan dan kalau kita ingin melihat gambar nya kita di suruh klik pada suatu tombol..kira-kira begitu deh ,mungkin sobat lebih paham apa yang di maksud dengan spoiler ,di bawah ini ada beberapa kode pembuatan spoiler yang mungkin dapat menghemat tempat postingan kita baik gambar maupun teks dan juga tidak mengganggu loading web kita,yuk mari kita coba....
Ada Tiga Pilihan SPOILER

1. Tampilan : Tampilkan/Sembunyikan

<div>
<input value="Tampilkan" style="margin: 0px; padding:0px;width:auto;font-size:10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Sembunyikan&#39;; } else{ this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tampilkan&#39;; }" type="button" /></div>
<div class="alt2">
<div style="display: none;">
<div style="background:#000000;text-align:left;padding:10px;color:#ffffff;">
Masukkan text-nya disini. Gambar juga bisa.
</div>
</div>
</div>

Catatan

• Huruf berwarna biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DI TUTUP atau kata kata yang lain yang anda sukai.
• Huruf yang berwarna merah sobat bisa memasukan pesan atau gambar 

2. Tampilan : Show/Hide

<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != ''){ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hidden'; }else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }"type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">
DISINI LETAK KONTENT ANDA</div></div></div></div></div>

Catatan 

• Huruf berwarna biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DI TUTUP atau kata kata variasi lain nya yang anda sukai.
• Huruf yang berwarna merah sobat bisa memasukan pesan atau gambar

3. Tampilan :OPEN/CLOSE

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><span style="font-weight: bold;">Judul Spoiler</span><input value="Open!!!" style=" margin:5px;padding: 0px; width: 80px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39; Close..&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39; Clik Here&#39;; }" type="button" />
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI SPOILER
</div></div></div>

Catatan 

• Huruf warna Pink (judul spoiler) bisa di ganti dengan kata yang lain nya.
• Huruf berwarna Biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DI TUTUP atau kata kata variasi lain nya yang anda sukai.
• Huruf yang berwarna Merah sobat bisa memasukan pesan atau gambar 

Selamat Mencoba

Cara Supaya BreadCrumbs Bisa Terindex Google

Cara Supaya BreadCrumbs Bisa Terindex Google : Pada kesempatan ini Bloger's Mania akan berbagi tips agar breadcrumbs yang kita pasang pada blog bisa terindex oleh google.

Breadcrumbs memang sangat berguna untuk meningkatkan Seo Friendly blog kita, pada artikel sebelumnya telah dibahas cara memasang breadcrumbs diblog, dan kali ini Admin akan membagikan tips agar breadcrumbs yang sudah kita pasang bisa terindex oleh  Google, berikut langkahnya :

1. Login keblog anda
2. Seperti biasa pilih template > edit HTML
3. Jangan lupa centang kota kecil Expand Template Widget
4. Cari kode ]]></b:skin> lalu copy kode di bwah ini dan letakkan di atas kode ]]></b:skin> kode ini untuk css, anda bisa merubahnya agar lebih menarik

.breadcrumbs{
padding:5px 0px 5px 0;
margin:0;font-size:95%;
line-height:2em;
border-bottom:5px double #e1e1e1}

5. Gunakan control F pada browser untuk memudahkan pencarian dan cari kode dibawah ini

<b:includable id='main' var='top'>

 Kalau sudah ketemu hapus kode di atas dan ganti dengan kode di bawah ini :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
 &#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/> 

Catatan
Tambahan sedikit menurut para master seo, google lebih menyukai tanda > dari pada >> dan untuk mengubahnya silahkan anda cari semua kode &#187; dan ganti menjadi &gt; 

6. Simpan Template anda
Untuk menguji apakah cara ini berhasil silahkan anda buat artikel dan tempatkan pada label yang sudah terindex oleh google, dan tunggu hasilnya.

Semoga Berhasil
Karena setiap kode template mungkin berbeda, carilah kode yang mirip.

Cara Membuat Artikel Terkait Dibawah Postingan

Author Box adalah kotak kecil yang biasanya dipasang di bawah artikel / postingan blog. Gunanya untuk menggantikan widget About Me yang disediakan oleh google yang tampilannya biasa² saja. Berbeda dengan Widget About Me yang disediakan goole, Widget Author Box lebih menarik, mudah diatur, dan bisa di modifikasi sesuai keinginan kita. Live Demo Widget Author Box bisa anda lihat di bawah postingan / artikel ini ( selama belum dihapus ).

Dengan tampilan yang bisa disesuaikan dengan keinginan sendiri, widget author box bisa diberi Background, Link, dll. Selain itu, kita bisa mengatur warna pinggiran, backgrund, warna huruf, jenis huruf, besar huruf,  dan hampir semua komponen yang ada di dalam Widget Author Box. Menarik bukan ???
Untuk memasang Widget Author Box di bawah setiap postingan / Artikel blog, silahkan ikuti panduannya berikut ini :

Tahap Pertama

1. Pada halaman dasbor blog, klik tab 'Rancangan'
2. Klik tab Edit HTML.
3. Sebaiknya download dulu template anda untuk mencegah kerusakan template karena salah dalam melakukan pengeditan pada kode HTML Template blog.
4. Klik kotak kecil yang ada di depan tulisan 'EXPAND TEMPLATE WIDGET'
5. Cari kode di bawah ini :

]]></b:skin>

Gunakan tombol F3 pada keyboard untuk melakukan pencarian cepat.
6. Letakan kode berikut ini di atas kode ]]></b:skin

/*--- Author Box ---**/
.author-box {
background:#424242;
margin:20px 0 0 0;
padding:10px 10px 0px 10px;
overflow:auto;
color:#FFFFFF;
font-family:verdana, sans-serif;
}

.author-box p {
margin:0;
padding:0;
}

.author-box a{
color:#FFF;
}

.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}

• Jika ingin mengganti warna background kotak Author Box, ganti kode #424242; dengan kode warna anda. Jika ingin memberi background gambar, ganti kode background: #424242; dengan kode di bawah ini :
• background: #424242 url(GANTI KALIMAT MERAH INI URL GAMBAR ANDA).
• Color: #FFFFFF; adalah kode warna huruf. Ganti kode yang berwarna merah dengan kode warna anda untuk mengganti warna huruf.

Tahap kedua

Copy kode berikut ini :
Paste / Pasang / Tempel, atau terserah anda menyebutnya apa di BAWAH kode <div class='post-footer-line post-footer-line-1'> template blog kesayangan anda. Berikut kodenya 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYBii7sSTls_Y8EL1koCUEJ3zZ6g_MIVU7TnrSZoKtZlGT1rFgat4bSPMGdj31yNscyoYnJRekWc7aQnwVYoClTUtRs2wrShUn9c3mUPg_fRADrxTalkoOoMXc-WwuUh_XVwIh7MQPZZXR/s220/Foto+Contact+Me.png' width='70'/><div style='text-align: justify; font-family:trebuchet ms; font-size:13px; text-shadow:2px 2px 3px #000000;'><a href='http://www.blogger.com/profile/12066614431010301134' target='_blank'>ANSTC.</a> Hidup adalah Perjuangam,</div><br/></p>
</div>
</b:if>

• Ganti kode https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYBii7sSTls_Y8EL1koCUEJ3zZ6g_MIVU7TnrSZoKtZlGT1rFgat4bSPMGdj31yNscyoYnJRekWc7aQnwVYoClTUtRs2wrShUn9c3mUPg_fRADrxTalkoOoMXc-WwuUh_XVwIh7MQPZZXR/s220/Foto+Contact+Me.png dengan URL gambar yang ingin anda tampilkan di kotak Author Box. Sebaiknya berukuran 70px X 70px.
• Ganti kode http://www.blogger.com/profile/12066614431010301134 dengan URL profil blog anda.
• Ganti kode ANSTC. dengan nama anda.
• Ganti kode Hidup Adalah Perjuangan dengan kalimat yang ingin anda sampaikan di kotak Widget Author Box.

Anda masih bisa mengedit kode yang lain sesuai keinginan anda seperti Jenis Huruf, Warna huruf, dll. Silahkan acak² saja kodenya sampai puas hehehe....

Silahkan lihat hasilnya dengan mengklik PRATINJAU, Jika anda tidak mengguanakan READ MODE atau semacamnya, tapi jika sebaliknya, langsung saja klik SIMPAN TEMPLATE. Apabila ternyata anda melakukan kesalahan saat mengCOPY PATE kode HTMLnya, anda masih bisa mengembalikan template blog anda pada keadaan semula dengan mengUPLOAD kembali template yang sudah anda DOWNLOAD sebelumnya.

Selamat Mencoba.

Membuat Gambar Atau Target Supaya Selalu Di pojok

Pasti pada bingung nih, apa maksudnya dan kenapa judulnya begitu, sebenarnya saya sendiri juga bingung mau ngasih judul apa untuk trik yang berikut ini.

Setelah Saya pikir-pikir :t eee.. nggak nemu-nemu juga judul yang cocok, ya udah deh saya asal aja kasih judul gitu. Trus apa maksudnya dari judul tersebut dan trik apa yang akan dibahas? Gini, untuknya itu gini, trik nyoba ngebahas gimana cara membuat "ANU" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "ANU" itu apa? "ANU" itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain.

Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik 'Layout -->> Edit HTML'
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {
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, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://andyestc.blogspot.com">
<img src="http://anstc.com/soniclarii.gf" border="0" /></a>
</div>

• "http://andyestc.blogspot.com" adalah link. ganti dengan link kamu.
• "http://anstc.com/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Selamat Mencoba

Mengganti Tanggal Postingan dengan Icon Kalender

Yang pertama harus kita lakukan yaitu mengganti setting tanggal dulu, caranya seperti biasa Login dulu ke blogger terus pilih Settings --> Formatting, ganti "date header format" atau "format tanggal menjadi (mm.dd.yyyy) nha yang masih pemula pasti bingung maksudnya kan? itu lho disebelah tulisan "date header format" kan ada kotak yang ada tanggalnya, trus kamu klik dan pilih yang formatnya bulan.tangal.tahun contohnya 1.13.2008 terus simpan

Langkah yang kedua pilih menu Layout --> Edit HTML . Trus beri tanda centang pada kotak Expand Widget Templates, Oh ya, jangan lupa di back-up dulu template kamu. Yang nggak tahu caranya memback-template silahkan lihat dulu blog ini.....udah ..????
Langkah 1.

Cari kode ini <TITLE><data:blog.pageTitle/></TITLE> (tempatnya dibagian atas) kalo dah ketemu taruh script berikut ini dibawahnya persis

<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://trik-tips.blogspot.com */
/*********************************/
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul', 'Aug 'Sep','Oct','Nov','Dec'];
document.write("<div class='month'> "+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>

Langkah 2.

Silahkan cari kode ini : 

.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}

kalo ggak ada coba cari yang ini :

h2.date-header {
margin:1.5em 0 .5em;
}

Langkah 3.
Kalo dah ketemu taruh script berikut dibawahnya

.dateblock {
background: url("http://anstc.com/kalender/bluecalend.gif")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}

.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;

}

Kode : "http://anstc.com/kalender/bluecalend.gif" adalah gambar icon kalender. kamu bisa menggantinya dengan gambar-gambar dibawah ini. caranya ganti hurup yang dicetak tebal dengan kode gambar berikut ini, misalnya kamu pingin kelender yang berwarna merah,

caranya kamu ganti text bluecalend.gif
dengan redcalend.gif.

blackcalend.gif	blue2calend.gif	bluecalend.gif
greencalend.gif	orangecalend.gif	pinkcalend.gif
redcalend.gif	ungucalend.gif	yellowcalend.gif

Trus kode color:"#3366CC"; adalah kode warna
tanggal, kamu bisa menggantinya dengan warna yang lain. Kamu bisa lihat kode2 warnanya DISINI.

Langkah 4.
Langkah selanjutnya yaitu kamu cari kode ini

<data:post.dateHeader/>, cara nyarinya biar gampang copy kode tersebut,
terus tekan Ctrl-f dan paste di dalam kotak yang disediakan, nha langsung
ketemu kan. kalo udah ketemu ganti kode tersebut dengan script dibawah ini.

<DIV class='dateblock'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>

Langkah 5. 
Simpan Template kamu dan lihat hasilnya
Kalo misalnya tulisan bulan dan tanggalnya terlalu keatas coba tambahkan kode ini padding: 4px 0px 0px 0px; dibawah kode .month { dan juga dibawah kode .day {

NB: Kalo Tanggalnya berubah menjadi tulisan "Undefine" itu pasti kamu tidak memperhatikan tutorial ini dari awal. Coba lihat lagi tutorial ini dari awal dan baca baik-baik perintahnya.

Semoga Bermampaat.

Cara Back-Up Template

Buat para Blogger mania pasti sering dong mengoprek-oprek template yang disediakan, soalnya templatenya sedikit and fasilitasnya kurang tidak seperti yang ada di wordpress. Tapi Blogger punya kelebihan yaitu kita bisa memodifikasi template yang ada semau kita, tidak seperti di wordpress. Di wordpress jika kita mau mengedit template harus bayar dulu, iiihhhh, emangnya kita kaya po? kita kan orang-miskin ya nggak? :D . Tapi sebelum kita mengoprek-oprek template alangkah bijaksananya jika kita memback-up dulu templatenya, Lho? fungsinya apa?, supaya kalo kita ngoprek-ngopreknya salah bisa dikembalikan kembali seperti semula, seperti di restore gitulah. Nha, gimana caranya memback-up template di blogger? gini nih caranya:

• Pertama-tama tentu kamu harus Login dulu dong, trus Pilih Layout -->> Edit HTML. Nha disitu kan ada gini before editing ypoour template, you may want to save a copy of it. Download Full <Template> , klik yang ada tulisan Download Full Template terus simpan file tersebut, biasanya file dalam format xml.

Nha kalo mo memasang template baru atau template yang sudah diedit ato mo mengembalikan template ke sebulmnya kamu tinggal klik tombol Upload yang ada dibawahnya.

Semoga Bermampaat .... Amien

Tentang Technorati

Pasti banyak blogger yang sudah tidak asing lagi dengan kata "Technoraty" , apa itu technorati? Tehcnorati merupakan mesin pelacak blog, dia akan mengindex blog-blog diseluruh dunia dan menempatkan di direktoti mereka. Saat ini (9/1/2008) mereka mengklaim telah mengindex lebih dari 112.8 juta blog di seluruh dunia, dan katanya nih ada sekitar 120 ribu blog yang lahir setiap harinya. Trus apa perlu kita mendaftar kesana? sebenarnya tanpa mendaftarpun blog kita akan bisa terindex disana, tapi jika kita mendaftarkan blog kita, maka itu akan lebih mempercepat blog kita terindex. Trus apa fungsinya technorati itu? jika kita mendaftar di tehnorati dan blog kita kita terindex disana maka blog kita akan lebih dikenal di seluruh dunia. Trus kita juga bisa memantau kepopuleran blog kita, kita bisa mengetahui rangking blog kita dan juga bisa tahu blog mana aja yang ngelink ke blog kita atau istilah lainnya blog reactio

Trus apa rangking itu perlu? atau tujuan kita ngeblog itu apa cuma untuk populer? bagi sebagian orang mungkin acuh tak acuh dengan rangking-rangkingan atau populer-populeran, yang penting mereka asyik ngeblog. Tapi bagi sebagian orang lagi dengan adanya rangking dan kepopuleran itu bisa memacu mereka untuk lebih kreatif lagi dalam ngeblog. Dan juga bagi orang-orang yang berburu dolar lewat internet, mungkin ini sangat penting sekali karena dengan rangking yang tinggi itu mungkin akan mempengaruhi blog mereka untuk di approve oleh advertiser.

Oh ya aku mau cerita dikit nih, sudah sebulan ini sebenarnya aku jengkel banget ama technorati :@ kenapa? karena sejak aku daftarin blog in (sebulan yang lalu) blogku statusnya masih no authoriti yet, padahal kalo blog kita statusnya masih no authoriti yet maka blog kita belum sepenuhnya masuk dalam index mereka, dan juga rangkingnya akan jauh sekali. Setelah beberapa kali aku layangkan surat ke mereka dan aku omel-omelin, trus aku ikut di forum diskusi mereka dan juga membahas tentang permasalahanku ini akhirnya tadi malem blogku mendapatkan status "Authoriti" dan authoritnya langsung melejit jadi "39" :L jadi bagi kamu yang sudah daftar dan statusnya masih "no authority yet" kamu kirimin aja mereka pesan, dan juga di forum diskusi mereka kamu ungkapin permasalahanmu, jangan cuma sekali, terus dicoba sampai berhasil.

Kita kembali ke pokok permasalahan kita, sampai dimana tadi? :t waduh kok jadi lupa ya. Ya udah deh pokoknya itu aja intinya. Bagi yang pengen daftar buruan ke sana, ini situsnya http://technorati.com cara daftarnya gratis.

Semoga Bermampaat... Amien

Apa Itu Page Range

PageRank adalah sebuah algoritma yang telah dipatenkan yang berfungsi menentukan situs web mana yang lebih penting/populer. PageRank merupakan salah satu fitur utama mesin pencari Google dan diciptakan oleh pendirinya, Larry Page dan Sergey Brin yang merupakan mahasiswa Ph.D. Universitas Stanford.
Trus bagaimana cara kerja Page Rank?

Sebuah situs akan semakin populer jika semakin banyak situs lain yang meletakan link yang mengarah ke situsnya, dengan asumsi isi/content situs tersebut lebih berguna dari isi/content situs lain. PageRank dihitung dengan skala 1-10.
Contoh: Sebuah situs yang mempunyai Pagerank 9 akan di urutkan lebih dahulu dalam list pencarian Google daripada situs yang mempunyai Pagerank 8 dan kemudian seterusnya yang lebih kecil.

Banyak cara digunakan search engine dalam menentukan kualitas/rangking sebuah halaman web, mulai dari penggunan META Tags, isi dokumen, penekanan pada content dan masih banyak teknik lain atau gabungan teknik yang mungkin digunakan. Link popularity, sebuah teknologi yang dikembangkan untuk memperbaiki kekurangan dari teknologi lain (Meta Keywords, Meta Description) yang bisa dicurangi dengan halaman yang khusus di desain untuk search engine atau biasa disebut doorway pages. Dengan algoritma ‘PageRank’ ini, dalam setiap halaman akan diperhitungkan inbound link (link masuk) dan outbound link (link keuar) dari setiap halaman web.

PageRank, memiliki konsep dasar yang sama dengan link popularity, tetapi tidak hanya memperhitungkan “jumlah” inbound dan outbound link. Pendekatan yang digunakan adalah sebuah halaman akan diangap penting jika halaman lain memiliki link ke halaman tersebut. Sebuah halaman juga akan menjadi semakin penting jika halaman lain yang memiliki rangking (pagerank) tinggi mengacu ke halaman tersebut.

Dengan pendekatan yang digunakan PageRank, proses terjadi secara rekursif dimana sebuah rangking akan ditentukan oleh rangking dari halaman web yang rangkingnya ditentukan oleh rangking halaman web lain yang memiliki link ke halaman tersebut. Proses ini berarti suatu proses yang berulang (rekursif). Di dunia maya, ada jutaan bahkan milyaran halaman web. Oleh karena itu sebuah rangking halaman web ditentukan dari struktur link dari keseluruhan halaman web yang ada di dunia maya. Sebuah proses yang sangat besar dan komplek.

Mau tahu algoritma page rank?
Dari pendekatan yang sudah dijelaskan pada artikel konsep pagerank, Lawrence Page and Sergey Brin membuat algoritma pagerank seperti di bawah :

Algoritma awal 

PR(A) = (1-d) + d ( ( PR(T1) / C(T1) ) + … + ( PR(Tn) / C(Tn) ) )

Salah satu alogtima lain yang dipublikasikan 

PR(A) = (1-d) / N + d ( ( PR(T1) / C(T1) ) + … + ( PR(Tn) / C(Tn) ) )

* PR(A) adalah Pagerank halaman A
* PR(T1) adalah Pagerank halaman T1 yang mengacu ke halaman A
* C(T1) adalah jumlah link keluar (outbound link) pada halaman T1
* d adalah damping factor yang bisa diberi antara 0 dan 1.
* N adalah jumlah keseluruhan halaman web (yang terindex oleh google)

Random surfer model merupakan pendekatan yang menggambarkan bagaimana sesungguhnya yang dilakukan seorang pengunjung di depan sebuah halaman web. Ini berarti peluang atau probabilitas seorang user mengklik sebuah link sebanding dengan jumlah link yang ada pada halaman tersebut. Pendekatan ini yang digunakan pagerank sehingga pagerank dari link masuk (inbound link) tidak langsung didistribusikan ke halaman yang dituju, melainkan dibagi dengan jumlah link keluar (outbound link) yang ada pada halaman tersebut. Rasanya semua juga menganggap ini adil. Karena bisa anda bayangkan apa jadinya jika sebuah halaman dengan rangking tinggi mengacu ke banyak halaman, mungkin teknologi pagerank tidak akan relevan digunakan.

Metode ini juga memiliki pendekatan bahwa seorang user tidak akan mengklik semua link yang ada pada sebuah halaman web. Oleh karena itu pagerank menggunakan damping factor untuk mereduksi nilai pagerank yang didistribusikan sebuah halaman ke halaman lain. Probabilitas seorang user terus mengkilk semua link yang ada pada sebuah halaman ditentukan oleh nilai damping factor (d) yang bernilai antara 0 sampai 1. Nilai damping factor yang tinggi berarti seorang user akan lebih banyak mengklik sebuah halaman sampai dia berpindah ke halaman lain. Setelah user berpindah halaman maka probabilitas diimplemntasikan ke dalam algoritma pagerank sebagai konstanta (1-d) . Dengan mengeluarkan variable inbound link (link masuk), maka kemungkinan seorang user untuk berpindah ke halaman lain adalah (1-d), hal ini akan membuat pagerank selalu berada pada nilai minimum.

Dalam algoritma pagerank yang lain, terdapat nilai N yang merupkan jumlah keseluruhan halaman web, jadi seorang user memiliki probabilitas mengunjungi sebuah halaman dibagi dengan total jumlah halaman yang ada. Sebaagai contoh, jika sebuah halaman memiliki pagerank 2 dan total halaman web 100 maka dalam seratus kali kunjungan dia mengunjungi halaman itu sebanyak 2 kali (catatan, ini adalah probabilitas).

Semoga Bermanpaat ..... Amien

Dasar Dasar HTML

Sebuah Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/blog. Walaupun sekarang kita bisa membuat web/blog hanya dengan klak-klik mouse tapi setidaknya kita harus sedikit mengerti tentang dasar-dasar HTML, ya tho?. Dalam tutorial kali ini kita tidak akan membahas tentang semua dasar-dasar HTML tapi kita akan mempelajari tag-tag atau kode-kode penting yang sering digunakan dalam membangun sebuah web/blog misalnya cara membuat link, menampilkan gambar, mengganti warna font, membuat barus baru dll. Ok marikita mulai pelajaranya :

* CARA MEMASUKKAN GAMBAR

kode :

<img src="http://anstc.com/banner-trik.gif" border="0" height="17" width="90">

keterangan :
yang warna merah adalah lokasi gambar kamu.
height="17" width="90" adalah ukuran lebar dan tinggi gambar

* CARA MEMBUAT LINK

Kode :

<a href="http://andye-stc.blogspot.com" >trik blog </a>

Keterangan :
Text warna merah adalah link yang dituju.
Tulisan "trik blog" adalah tulisan yang ditampilkan.
Jika pingin yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini :

<a href="http://andye-stc.blogspot.com" target="_blank"><img src="http://anstc.com/banner-trik.gif" border="0" height="17" width="90"> </a>

Keterangan :
Text warna merah adalah link yang dituju
Text warna biru link gambar atau target kamu
Text warna hijau ukuran gambar
Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode "target="_blank" setelah kode "http://anstc.com/banner-trik.gif"
Hasil :
( dibuka pada window yg sama )
( dibuka pada window baru )

* CARA MENGETENGAHKAN TEXT/GAMBAR

Kode:

<cebter>text</center>

Keterangan :
Ganti tulisan "text" dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar

* CARA MEMBUAT BARIS BARU

Kode :

<br>

Keterangan :
Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan

* MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH

Kode :

<b>text</b>

<i>text</i>

<u>text</u>

Hasilnya :
Tebal
Miring
Garis Bawah

* MEMBERI WARNA TEXT

<font color="#FF0000"> text </font>   

Keterangan :
Ganti text warna merah dengan warna atau kode warna kesukaanmu.
Untuk melihat Kode Warna ada di urutan selanjutnya dibawah ini

* KODE-KODE WARNA

Kode2 warna selengkapnya bisa dilihat DISINI

* PENULISAN KARAKTER-KARAKTER KHUSUS

Ada beberapa karakter yang tidak bisa ditulis secara langsung, jika ditulis maka akan hilang atau berubah, jadi untuk menuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut : ... sedang update  

Selamat Mencoba.........

Kode-kode Warna

Di dalam dunia web/blog, warna itu sangat penting dan sangat berpengaruh terhadap penampilan web/blog. Warna-warna biasanya digunakan untuk background, text, links, table dll. Kalo kombinasi warna pada web/blog kita tidak sesuai, atau tidak enak dipandang mata mata, maka hal itu akan membuat pengungjung web/blog kita menjadi kurang nyaman, dan kemungkinan akan malas untuk mengunjungi blog kita lagi. Tapi karena untuk untuk membuat warna-warna ini harus menggunakan kode-kode warna, maka bagi yang tidak begitu mahir tentang html akan kesulitan untuk mendapatkan kode-kode warna ini.

• Nah oleh karena itulah dibawah ini telah  Saya buat Chart HTML Kode Warna bagi yang tidak tahu atau bagi yg pingin tahu kode-kode warna. Cara penggunaannya cukup mudah, km tinggal klik warna yang kamu pilih, maka kode warnanya akan tampil di kotak "kode warna:". Ok silahkan dicoba.
• Klik disini

Cara Menghilangkan Tanda Tang dan Obeng

Sering aku ditanya tentang masalah ini. Yaitu tentang bagaimana cara menghilangakn tanda tang dan obeng yang muncul di blog kita. Bagi yang baru terjun didunia blog pasti ada yang bingung kenapa di blog mereka bisa muncul tanda tang dan obeng yang biasanya bisa digunakan untuk mengedit secara langsung untuk gadget2 atau element2 yang terpasang.

• Sebenarnya itu bukan merupakan suatu masalah, karena tanda tersebut hanya muncul jika pemilik blog sedang login di account blognya dan hanya muncul di komputer orang tersebut. Jadi orang lain tidak bisa melihatnya. Dan kalau pemilik blog tersebut sudah "SIGN OUT" maka tanda tersebut tidak akan muncul lagi.

Kamus Istilah-Istilah Dalam Blog

Buat kamu yang  masih Pemula seperti saya ini yang belum tahu banyak tentang dunia blog, ini ada beberapa istilah-istilah yang perlu kamu ketahui. Buat yang sudah Master, yang sudah banyak makan garam dunia blog juga nggak ada salahnya kok baca-caca artikel ini. Disini sengaja tidak disusun menurut abjad tapi disusun berdasarkan kategori masing-masing
             

                 1. Blog

• Blog : istilah yang pertama kali digunakan oleh Jorn Barger untuk menyebut kelompok website pribadi yang selalu diupdate secara kontinyu dan berisi link-link ke website lain yang mereka anggap menarik disertai dengan komentar-komentar.
• Weblog : istilah lain dari blog.
• Blogging : kegiatan-kegiatan yang dilakukan dalam dunia blog.
• Blogger : seseorang yang melaukan blogging.
• arti lainnya: sebuah layanan blog dari google.
• Blogosphere : komunitas dalam blogging.
• Posting : kegiatan untuk mengirimkan artikel ke dalam blog.

                2. Bentuk-Bentuk Blogging

• Photoblogging : sebuah blog yang difokuskan pada dunia Photografi dan gambar-gambar.
• Podcasting : metode untuk mendistribusikan file multimedia (video/audio) secara online melalui feeds
• Autocasting : bentuk podcasting secara otomatis.
• Blogcasting : penggabungan blog dan postcas dalam sebuah wensite.
• Vlog / Vlogging : jenis blogging yang lebih senang menggunakan video daripada text.
• Audioblog / Audioblogging : jenis blogging yang lebih senang menggunakan audio/musik daripada text.
• Moblogs / Moblogging : kegiatan blogging dengan menggunakan HP (handphone).

                3. Komponen dan Fungsi-Fungsi Blog

• Index page : halaman depan dari blog.
• Header : bagian paling atas blog.
• Footer : bagian paling bawah blog.
• Sidebar : kolom-kolom yang berada di sisi blog.
• Link : proses untuk menghubungkan ke suatu postingan/kontent atau ke web/blog yang lain.
• Archive : sekumpulan/arsip dari semua postingan. Bisa dikelompokkan dalam bulan, tahun dsb.
• Categories : sekumpulan/sekelompok spesifik dari beberapa artikel.
• Commnets : Kompentar-komentar dari para pembaca blog.
• Captcha : kependekan dari "Completely Automated Public Turing test to tell Computers and Humans Apart", yaitu sebuah gambar yang berisi kata atau huruf yang harus diketikkan untuk verifikasi. Berguna untuk menangkal spam.
• Ping (Packet Internet Grouper) : berfungsi untuk memberitahu layanan-layanan yang berhubungan dengan blog (seperti tchnocarty dkk) bahwa kita baru menambah atau mengupdate konten blog kita.
• Trackback : berfungsi untuk memberitahu bahwa kita me-link ke postingan atau kontent blog orang lain.
• Blogroll : sekumpulan link yang dijukan ke blog yang lain.
• Template : desain dasar blog.
• Plugin : sebuah file yang berfungsi untuk menambah feature2 blog.
• Dashboard : sebuah tampilan yang berisi kontrol-kontrol, tool, setting dll saat pertama kali kita login ke blog account.

                4. Penyedia Layanan Blog

• Blogger/Blogspot : Layanan blog gratis dari google.
• Wordpress : Salah satu layanan blog gratis yang lain, memiliki feature yang lebih lengkap daripada blogger.com tapi kita tidak bisa mengotak-atik script HTML, kalo mau mengedit harus bayar dulu, jadi buat yang gratisan nggak bisa ngedit.
• LiveJournal : Tolls blogging gratis dari SixApart
• TypePad : Tolls blogging tidak gratis (bayar) dari SixApart.

                5. Bloging Habits

• Metablogging : menulis artikel tentang blogging.
• Blogstipation : blogger yang sedang malas ngeblog, karena sedang bad mood atau nggak pingin ngeblog.
• Blogopotamus : Postingan blog yang sangat panjang.
• Bleg : adalah ketika seseorang memohon pada sebuah blog.
• Blego : Blog+Ego, ukuran kekayaan blogger.
• Blog Hopping : Berpindah-pindah dari satu blog ke blog yang lain.
• Blogroach : Komentator yang tidak setuju dengan postingan atau kontent suatu blog, biasanya diungkapkan dengan kata-kata yang kasar.
• Blogoholic : Pecandu Blog.
• Blogorific / Blogtastic : Suatu hal yang dahsyat dari perkataan blogger.
• Blogsit : Pemeliharaan blog ketika sang pemilik utama blog sedang bepergian atau sedang liburan.
• Blogvertising/Blogvert : Iklan-iklan yang ada di blog.
• Blurker : Pembaca blog yang hanya melihat-lihat saja, tidak memberikan komentar atau apapun.
• Blogathon : mengaupdate blog setiap 30 menit dan selama 24 jam non-stop.
• Blogiversary : Ulang tahun Blog.
• Blog Carnival : Link ke artikel yang lain yang disamarkan dengan topik yang spesifik.
• Multiblog : menjalankan banyak blog.
• Blog Tipping : pujian atau ucapan selamat setiap tanggal 1 setiap bulannya.
• Blogger Bash : Pesta para blogger.
• Reciprocal Links / Link Exchange : atau Link Love, saling me-link antara blog yang satu dengan blog yang lain.
• Linkbaiting : menulis artikel yang bagus supaya dilink oleh blog yang lain.
• Hitnotice : me-refresh browser berulang-ulang untuk melihat hit-counter atau melihat apakah ada komentar yang baru atau tidak.
• Blogstorm / Blogswarm : Kegiatan komunitas blogger yang sangat besar.
• Blogsnop : menolak respon dari komentator yang bukan temannya.
• Doppelblogger : blogger yang menjiplak konten dari blog orang lain.
• Blogophobia takut terhadap blog atau blogging.
• Blogeerel : opini yang sama yang dikirim berulang-ulang pada sebuah blog.

                6.Tipe-Tipe Blogger

• Problogger : Blogger yang sudah profesional.
• Blogebrity : Blogger yang sangat terkenal, kayak selebriti gitu.
• Blogerati : Komunitas Blogger yang sudah pinter-pinter.
• Blognoscenti : Blogger yang memiliki kemampuan yang spesial.
• Commnetariat : Komunitas para komentator (lho emangnya ada? :D ).
• Dooced : kehilangan pekerjaan gara-gara blognya.
• Blogther : teman/saudara/keluarga blogger.
• Blogstar : Blogger yang mengoperasikan blog yang sangat populer.

                7. Web/Blog Feeds

• Web Feed : format data yang disediakan untuk user agar bisa berlangganan pada postingan sebuah blog.
• RSS : adalah sebuah file berformat XML untuk sindikas. RSS mengijinkan kita untuk berlangganan kepada web/blog yang menyediakan umpan (feed) RSS. RSS kependekan dari Really Simple Syndication (RSS 2.0), Rich Site Summary (RSS 0.91, RSS 1.0), RDF Site Summary (RSS 0.9 and 1.0).
• XML : (eXtensible Markup Language).
• RDF : (Resource Description Framework)
• Atom : hampir sama dengan web feed.
• Photofeed : web feed dengan lampiran gambar.