M ungkin kamu bosan dengan tampilan facebook ??? Jangan kuatir , sekarang facebook mempunyai Aplikasi untuk merubah tampilan background dan warna . Saya sudah mencobanya dan hasilnya terlihat cukup menarik . Jika temen temen semua ingin ikutan ayo ikuti langkah saya he...
Aplikasi ini masih mempunyai kekurangan, tampilannya kurang stabil, Terkadang kembali seperti tampilan seperti biasa, jadi harus di refresh lagi. Aplikasi ini tidak terlalu banyak memberikan fasilitas yang lebih bagi penggunanya.
Perubahan tampilan di Facebook tersebut tidak dapat dilihat oleh teman-teman di facebook lainnya jika dia tidak menggunakan dan menginstal terlebih dahulu aplikasi tersebut di facebook dan komputernya. Untuk browser selain dari Internet Explorer (Windows) dan Firefox (Windows or Mac) , aplikasi ini belum bisa dipergunakan/di install.
Berikut cara menginstal dan menambahkan aplikasi tersebut di facebook-mu :
1. Join ke group ini, HOW TO CUSTOMIZE YOUR FACEBOOK (with background and colors!!)
2. Install Aplikasi di : http://www.yontoo.com/Install.aspx atau di http://apps.facebook.com/pagerage/
3. Pilih style dan warna yang kamu inginkan di http://apps.facebook.com/pagerage/
Jangan lupa kunjungi teman-temanmu untuk menginstal aplikasi ini di komputernya agar dapat melihat perubahan background di facebook kamu.
Selamat Mencoba…
Anda Ingin Merubah Background dan Warna Facebook
Gallery Gambar Melayang Di Pojok
K arena banyaknya permintaan yang di kirim lewat emial , kini saya postingkan gambar gambar melayang yang sementara ini saya punya and entar kalo ada lagi akan saya posting lagi buat anda semua he... he...Itu juga kalo anda suka , anda tidak suka pun tak mengapa ya daripada gak pernah posting gitu loh...soalnya pikiran lagi ac dc terus gak konek konek he...
Menghilangkan Subsribe : to post (atom)
P ada Blogspot banyak tampilan yang kadang-kadang tidak disukai kemunculannya. Seperti tampilan Langgan : entri (atom) atau Subsribe : to post (atom) yang letaknya dibawah postingan.Jika anda merasa tidak nyaman akan keberadanya mari saya bantu menyingkirkanya he.. he..
Sebenarnya penampilan itu memiliki fungsi tersendiri yaitu agar pengunjung bisa dengan mudah menemukan alamat feed anda. Tetapi tulisan tersebut menjadi tidak penting lagi jika anda sudah menggunakan layanan feed dari Feedburner.
Anda ingin menghilangkan tampilan tulisan itu. Simak caranya...!!
# Sign ke Blogger.
# Pilih Tata Letak.
# Pilih Edit HTML.
# Back up template dulu, untuk menjaga jika terjadi kegagalan.
# Beri tanda centang pada Expand Widget Template.
# Cari kode seperti dibawah ini :
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
# Hapus / Delete kode diatas.
# Klik tombol Simpan Template.
# Lihat Blog anda sekarang
SEMOGA SUKSES
Mengatur Link Di Blog
N ahhh jika dulu saya udah membuat tutorial tentang cara membuat warna link warna-warni , tapi sekarang saya akan membagi sedikit ilmu saya kepada saudara-saudaraku sekalian yang ingin mengubah link pada blog kalian... dalam perbincangan kali ini saya akan membahas tentang warna font link, warna link jika pointer diarahkan, warna link yang sudah dikunjungi dan lain-lain .Langsung saja tanpa basa-basi lagi karena sudah cape' basa-basinya
Masuk menu Layout kemudian masuk ke Edit HTML kemudian cari Code CSS seperti dibawah ini
a:link {
color:#346ba4;
text-decoration:underline;
}
a:visited {
color:#800000;
text-decoration:underline;
}
a:hover {
color:#56b9ff;
text-decoration:underline;
}
Nah jik anda ingin mengotak-atik akan saya terangkan dibawah ini..
a:link { <<<-- Link aktif
color:#346ba4; <<<---- Ini adalah warna Link aktif yang belum tersentuh apapun text-decoration:underline;
}
a:visited { <<-- Link jika sudah dibuka/diklik
color:#800000; <<<--- Ini adalah warna Link jika URLnya sudah pernah dikunjungi text-decoration:underline;
}
a:hover { <<--Link jika pointer berada pada Link
color:#56b9ff; <<<--- Ini adalah ini adalah warna jika Pointer diarahkan pada Link text-decoration:underline;
}
Ganti tulisan yang berwarna merah dengan code warna yang anda sukai, Untuk code warna anda bisa cari di DISINI.
Tulisan yang tercetak biru diatas menandakan Link bergaris bawah anda bisa merubah menjadi tidak bergaris bawah dengan mengganti tulian underline menjadi none.
Menambah Gambar Di Judul Postingan
H alo Sobat dimanapun Anda berada . Sebelumnya Saya akan menanyakan kabar kalian semua.. apakah kalian baik-baik saja..? soal oke semoga baik-baik saja yah . Oke kita langsung saja ke topik pembicaraan kali ini yaitu saya akan membahas tentang cara menambah gambar sebelum judul posting di blog Anda.
Lalu apa gunanya..
Gunanya Cuma untuk memperindah judul posting kita biar terkesan bagus dilihat oleh pengunjung blog Anda dan membuat blog Anda lebih Expresif .
Oke buat Anda yang pengen membuatnya silahkan ikuti cara dibawah ini..
Pertama-tama kita pastikan sudah log in ke blogger, setelah log in kita masuk menu Layout kemudian masuk menu Edit HTML
Lalu Cari Code CSS seperti dibawah ini yang mirip di blog Anda :
Nah telah ketemu tambahkan Code semacam background:url(http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png) no-repeat left center; dan juda code height:48px; biar IE (internet Explore) bisa mengadaptasi jika di Mozilla Firefox tidak masalah tanpa code height, sehingga kurang lebih code CSSnya menjadi
Setelah Anda tambah jangan lupa Atur paddingya agar gambarnya terlihat dengan ukuran yang sempurna... tapi jika Anda menggunakan Background yang saya kasih diatas paddingnya seperti ini padding:48px 0px 0px 45px;
Nah Code yang tercetak tebal dan merah diats adalah lokasi URL gambar, jika Anda ingin mencari koleksi gambar yang lainya Anda Bisa Cari di www.iconarchive.com.
Dan code height sesuaikan dengan tinggi background kamu.
Setelah Semua selesai dan beres tidak ada kesalahan lalu Simpan pengaturan Anda.. dan lihat hasilnya
Oke saya kira cukup sekian jika ada pertanyaan silahkan lontarkan saja di kotak komentar...
.
Mengenal Kode Kode Warna
K adang ada yang tanya tentang script-script kode warna HTML,bagi mereka masih bingung untuk mengenali kode HTML warna/script warna,Kali ini saya buatkan contoh warna sekaligus scriptnya,Semoga dapat membatu.kamu tinggal memilih warna mana yang kamu suka,nanti otomatis scriptnya akan muncul.Semoga dapat membantu ngeblognya kamu.
Tweety Berterbangan Di Blog
Bagi temen-temen yang ingin menghias blog, dan suka dengan kartun tweety melayang dan bertaburan di blog anda? Inilah kesempatan untuk membuat blog terkesan lucu dan unik.. hehehe… Ikuti langkah-langkah pembuatannya berikut ini:
1. login di blog kamu.
2. Dan pilih tata letak/layout --> tambah gadget
3. Pilih HTML/javascript
4. Copy Paste script berikut ini di kolom HTML/javascript.
Kode nya sebagai berikut:
5. Kalau sudah simpan dan lihat hasilnya....
Kalo udah terbang jangan lupa turun !!
Membuat Text Area
A pa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.
Untuk membuat text area, silahkan anda Copy Paste kode di bawah ini :
<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>
Sebagai contoh :
Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 " tadi dengan angka yang lebih tinggi nilainya.
Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.
Text Area dengan memakai HighLight :
Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>
Sebagai contoh :
Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area.
Elemen tombol highlight All :
1. <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.
2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.
3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.
Element text area :
1. <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
2. <text style="WIDTH: 300px">-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"
3. HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.
Contoh text area yang memakai tombol highlight diatas, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode dan selamat mencoba.
Ada juga web yang langsung mengubahnya menjadi encode masuk aja ke sini http://centricle.com/tools/html-entities/
Label Animasi Di Blog
K emarin lusa ada yang minta di buatkan tutorial tentang bagaimana membuat widget label / kategori dalam bentuk animasi flash . Widget tersebut biasa di gunakan oleh pengguna mesin wordpress, namun jika anda sebagai pengguna mesin blogger ingin memasang widget tersebut, anda bisa melakukannya.
Anda tertarik juga untuk memasang widget ini? berikut adalah langkah-langkahnya :
1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. KLik tab Edit HTML.
4. Klik tulisan Download Template Lengkap. silahkan backup dulu templatenya biar aman.
5. Cari kode yang mirip dengan kode di bawah ini :
<b:section class='sidebar' id='sidebar' preferred='yes'>
6.Copy Paste kode di bawah ini di bawah kode yang tadi ;
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
</tags>" />
<p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
</object>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
7.Klik tombol SIMPAN TEMPLATE
8.Selesai.
Seharusnya dengan langkah di atas, anda sudah mempunyai sebuah label atau kategori dalam bentuk animasi flash. Akan tetapi agar lebih pas dengan template yang anda gunakan, ada beberapa yang bisa di ubah pada kode di atas, misal :
# Untuk mengubah lebar widget :
width="250"
Nilai “250” adalah lebar widget sebesar 250 pixel. Nilai ini bisa anda ganti sesuai kebutuhan, misal : 300
# Untuk mengubah tinggi widget :
height="200"
Nilai "200" adalah tingg widget sebesar 200 pixel. Nilai ini bisa anda ganti sesuai kebutuhan, misal : 250
# Untuk mengubah warna background ":
<param name="bgcolor" value="#ffffff" />
Tulisan “ffffff” adalah kode warna untuk putih, jika anda ingin mengubahnya, gantilah kode warna tersebut dengan kode warna yang anda inginkan. Contoh : kode warna untuk hitam adalah “000000” .
# Untuk mengubah warna tulisan :
<param name="flashvars" value="tcolor=0x000000&
Tulisan “000000” adalah kode warna untuk hitam, jika anda ingin mengubahnya, gantilah kode warna tersebut dengan kode warna yang anda inginkan. Contoh : kode warna untuk putih adalah “ffffff”.
Dan jika anda mengerti lebih banyak, anda bisa mengubah yang lain- lainnya pula.
Selamat Mencoba !
Menghilangkan Nav Bar
N avbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.
Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com?
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.
Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.
1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Copy script berikut ke dalam tag head
#navbar-iframe {
display: none !important;
}
contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: 23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
4. Kemudian Simpan
Selamat Mencoba.....!!
Judul Blog Berjalan
Y upz sesuai dengan judul yang diatas aku akan menerangkan secuil ilmu yang aku dapatkan dari pengalaman. jika anda belum faham aku kan menerangkan dulu,judul blog berjalan?
judul blog kita terlihat berjalan di title bar browser anda untuk lebih mempercantik blog kita dan blog kita telihat menarik jika dikunjungi oleh orang lain. Seperti judul blogku ini.Gimana pengen tau caranya?
1. Login ke blogger kemudian ke menu Layout ---> Edit HTML
2. Cari kode/script ini :
3. Ganti kode diatas dengan kode ini :
Angka 100 diatas adalah merupakan kecepatan pergerakanya jika kamu tambah angkanya maka pergerakanya akan lambat dan jika mengurangi angka maka pergerakanya akan semakin cepat
Silahkan mencoba kalau belum berhasil silahkan coba lagi sampai berhasil .
Nambahin Post Rating
Mau nambahin post rating seperti gambar dibawah ini:
Trik ini aku dapat dari jackbook.com. cara menginstalnya diblog:
* seperti biasa sign in di blogger
* klik menu layouts
* klik Edit HTML
* centangi tulisan Expand Template Widget
*
* cari kode <data:post.body>
* kopi dan pastekan kode ini dibawah kode <data:post.body>
Membuat Link Pelangi
A pakah kamu bingung ketika mouse kamu tunjukkan pada link di blog ini???
ya..... ketika kamu menyorot link di blog ini linknya kan berwarna-warni coba aja kalo gak percaya!!!
pengen nampilin link blogmu seperti ini?
1. Sign In di blogger.com
2. klik Layout lalu klik Edit HTML
3. cari kode ini : <head>
4. setelah itu Copy Pasta kode ini dibawahnya :
<script src='http://pamungkaz.googlepages.com/rainbow.js'>
/*
Rainbow Links Script- TAKANASHI Mizuki
For full source code, 100's more DHTML scripts, and TOS,
Visit http://www.dynamicdrive.com
*/
</script>
5. klik Simpan Template
6. setelah itu lihat deh hasilnya
Menghilangka Angka Pada Label
Sebenarnya artikel ini sudah banyak yang mosting tapi apa salahnya kalo saya juga ikut mosting. Rencananya angka yang ada disamping label akan dihilangkan( yah biar lebih kelihatan profesional)
Caranya sederhana ikuti langkah berikut...
1. Sign in ke blogger dengan ID anda.
2. Klik Layout.
3. Klik menu Elemen Halaman.
4. Klik tab Edit HTML.
5. Klik tulisan Download Template Lengkap, silahkan di save dulu untuk backup (penting untuk di lakukan).
6. Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :
7. Tunggu beberapa saat ketika proses sedang berlangsung.
8. Silahkan anda cari kode berikut pada kode template milik anda :(<data:label.count/>)
9. Jika anda sudah menemukan kode yang seperti di atas, silahkan hapus/delete.
10. Klik tombol Simpan Template.
11. Selesai. Silahkan lihat hasilnya !
Gambar Melayang Di Pojok
Pasti pada bingung nih, apa maksudnya dan kenapa judulnya begitu, sebenarnya aku sendiri juga bingung mau ngasih judul apa untuk trik yang berikut ini. Setelah aku pikir-pikir eee.. nggak nemu-nemu juga judul yang cocok, ya udah deh aku asal aja kasih judul gitu. Trus apa maksudnya dari judul tersebut dan trik apa yang akan dibahas?
Gini, untunya 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 untuk di blog ini aku pasang gambar sonic yg sedang lari-lari (pojok kiri bawah). Nha udah tahu kan maksudnya. 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 sudah ketemu taruh 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 "buttom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>
<div id="trik_pojok">
<a href="http://nokus.blogspot.com/2008/11/gambar-melayang-di-pojok.html">
<img src="http://img255.imageshack.us/img255/7312/soniclariwf4.gif" border="0" /></a>
</div>
"http://img255.imageshack.us/img255/7312/soniclariwf4.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.
Tips Meng Edit HTML Blogspot
Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha tips kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.
Berikut ini beberapa tips untuk edit HTML bogger:
1. Backup Template
Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.
2. Memberi Tanda Centang pada Kotak "Expand Widget Template"
Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.
3. Tips Mempermudah Pencarian
Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan Ctrl+f"" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".
4. Tips Menghadapi Error Yang Muncul
Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.
Mungkin untuk masalah mengahadapi berbagai pesan error ini akan kita bahas lebih lanjut diepisode yang lainnya yang lebih spesifik.
Yak mungkin itu aja dulu tips-tips dalam pembahasan kali ini. Kita jumpa lagi di tips-tips berkutnya.
Tambah Header II
Ada cara mudah untuk menambah satu kolom header yang bisa dipasang dengan berbagai macam widget semisal text, video, iklan, link dan sebagainya. Dengan cara ini tidak dibutuhkan penambahan kode apapun selain merubah status baris kode html tertentu pada blogspot dan selanjutnyq tinggal drag dan drop atau menambah widget seperti biasanya..
Cari kode dibawah ini dan kemudian ganti angka 1 pada maxwidget dengan angka diatas 1 misalnya 2 atau 3 (tergantung berapa banyak widget yang ingin anda tambahkan) dan kemudian ganti status “no” pada showaddelement menjadi “yes” dan kemudian simpan. Hasilnya bisa anda lihat seperti gambar dibawah .
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
Cara Mengganti Template
Blog adalah ibarat rumah kita, dan tentunya kita ingin blog tersebut tampil menjadil lebih cantik dan indah. Banyak cara yang dilakukan untuk membuat blog menjadi lebih cantik, diantaranya dengan menambah pernak pernik dan juga dengan mengganti tampilan/template blog. Jika kita mengganti template dengan template yang sudah disediakan blogger maka itu adalah cara yang paling mudah, tinggal pilih simpan langsung jadi.
Namun template yang disediakan sangat sedikit dan tampilannya juga standar, sehingga kita seringkali mencari template lain yang lebih cantik, karena sekarang banyak sekali situs-situs yang menyediakannya dengan gratis. Namun jika kita menganti template dengan template lain yang disediakan oleh selain blogger, maka itu tidaklah semudah sebagaimana dengan menggunakan template yg disediakan blogger, karena ada beberapa efek sampingnya, diantaranya yaitu kamu akan kehilangan element2 kamu ato malah blog kamu jadi rusak. Nha berikut ini akan aku jelaskan hal-hal apa aja yang harus diperhatikan jika kamu pingin ganti template dengan jasa lain.
Pertama , kamu harus membackup dulu tempalte kamu jika template baru kamu tidak berhasil diinstall, caranya masuk ke menu "Layout --> Edit HTML", trus klik link bertuliskan "Download Full Template" terus simpan file yang diberikan.
Kedua , yaitu membackup elemen-elemen atau widget-widget yang sudah pernah kamu pasang, caranya gini, Masuk ke menu "Page Elementedi", nha disitu kan banyak tuh element-element yang udah kamu pasang trus dibawahnya kan ada link bertiliskan "edit" klik link-link tersebut satu persatu, copy isi dari elemen itu dan taruh dalam notepad. Kalo kamu nanti dah ganti template dan mau memasang elemen-elemen tersebut tinggal copy dari notepad terus pasang di "add page elements".
Ketiga , jika template dan elemen-elemen sudah kamu backup langkah selanjutnya yaitu mengupload template yang sudah kamu download. Biasanya file template yang di download berextenxi "xml" tapi kadang-kadang ada juga yang berekstensi "zip atau rar", kalo begitu kamu harus mengekstraknya dulu sehingga kamu akan mendapat file berekstensi "xml". Trus gini cara ngaploadnya, Kembali ke menu "Edit HTML", trus disitu kan ada tombol "brows" klik tombol tersebut terus cari file template yg pingin kamu pakai sudah kamu download, trus klik tombol "upload".
Keempat , biasanya kamu akan mendapat konfirmasi seperti gambar dibawah ini, itu artinya elemen-elemen kamu akan dihapus. Klik tombol " Confirm & Save "
Kelima , jika ternyata yang muncul adalah seperti gambar dibawah ini maka itu artinya ada yang tidak beres dengan template kamu dan kamu tidak bisa memakai template tersebut di blog kamu, jadi kamu ganti aja dengan template yang lain.
Keenam , coba preview blog baru kamu, merasa sudah cocok ikuti langkah ketuju. Jika kamu mendapati ada gambar header yang sebelumnya kamu pake buat header masih muncul di template baru kamu dan posisinya sepertinya tidak cocok, maka kamu harus menghilangkannya dulu gambar header tersebut, caranya masuk kembali ke menu "Page Element", dibagian header coba kemu edit dan hapus gambar kamu. Jika di bagian header tidak ada link "edit" coba kamu ganti dulu templatenya dengan template yang disediakan oleh blogger dan kembali ke "Page Element" trus "edit dibagian header dan hapus gambar header kamu kemudian ikuti lagi langkah-langkah ketiga
Ketujuh , Kembalikan elemen-elemen yang sudah kamu backup tadi sehingga kini kamu memiliki template baru dan elemen-elemen yang dulu tidak hilang.
Semoga Berhasil !
Tambah Header I
Anda mungkin pernah berfikir bagaimana cara gampang menambah kolom yang lebarnya sama persis dengan lebar header dan terletak diatas main dan sidebar, tanpa perlu pusing menambah kode html lagi.
Sebenarnya blogspot telah menyediakan kode tersembunyi yang dapat diaktivkan untuk tujuan tersebut. Caranya yaiti pada saat anda memasuki tab “edit html”, cari kode dibawah ini dan ubah status showaddelement dari yang semula “no” menjadi “yes” dan kemudian simpan.
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
Hasilnya dapat anda lihat seperti pada gambar :
Cara Membackup Blog
Setelah mengalami kejadian hilangya blog yang kemarin itu, ternyata baru tahu betapa pentingnya untuk membackup blog kita. Setelah mutar-mutar akhirnya nemu juga layanan untuk membackup blog kita, yaitu di blogbackuponline. Dengan layanan ini kita bisa dengan mudah membackup blog kita disana secara gratis.
Tapi layanan ini hanya memberikan space sebesar 5 MB (kok sedikit ya).Tapi jangan khawatir walopun cuma 5 MB tapi aku rasa cukup untuk membackup data-data blog kita. Jika kita memposting rata-rata perpostingan itu 1000 karakter, maka itu cukup untuk membackup sampai 5000 postingan, lumayan kan. Tapi untuk yang versi FREE alias gratis kita tidak bisa membackup data berupa gambar dan video. Kita hanya bisa membackup artikel-artikel postingan kita saja.
Gimana? tertarik untuk membackup datamu? Caranya cukup mudah, yaitu:
1. Buka website https://www.blogbackuponline.com dan daftarkan diri kamu disana. Setelah mendaftar kamu akan mendapatkan kiriman email untuk mengaktifkan account km.
2. Kalo sudah aktif login ke website tersebut. Setelah login maka segera registrasikan alamat blogmu yaitu dengan cara mengklik tombol "Start Registering Your Blog".
3. Masukkan alamat blog km dalam kotak yang disediakan, kemudian klik tombol "Register Blog"
4. Setelah itu maka tunggulah proses backupnya. setelah itu pilih tombol "Start Full Backup", Selesai deh.
Trus caranya mengembalikan data kita gimana?
Untuk yang versi bayar, sangat mudah dan bisa dilakukan secara otomatis dengan memencet menu restore. Tapi untuk yang versi GRATIS, kita hanya bisa mendapatkan data-data postingan kita. Caranya masuk ke "Dashboard" trus klik tombol "Manage" setelah itu pilih menu "Content". Nha disitulah semua data-data postinganmu berada. Giamna lumayan kan, daripada harus mengetik ulang ampe membuat tangan gempor mending tinggal copy paste aja. Lagian apa kita ingat semua isi postingan kita? ya to?
OK Selamat Mencoba..........
