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