Back Up 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.

Terus 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". Nah disitulah semua data-data postinganmu berada. Giamna lumayan kan, daripada harus mengetik ulang sampe-sampe membuat tangan gempor mending tinggal copy paste aja. Lagian apa kita ingat semua isi postingan kita?

Cara pasang emoticon pada blogspot

Maaf kalau buat kalian-kalian yang sudah tau tutorial ini. Jujur saya barusaja tau cara memasang emoticon pada blogspot, setelah saya bertanya di suatu forum diskusi di dunia maya yaitu ka**us.us.
Saya cuma ingin berbagi buat kalian yang juga belu tau caranya:

Ternyata caranya sangatlah mudah

Langkah pertama:

masuk sini

Langkah kedua:

Pilih jenis emoticonnya setelah itu klik saja emoticon yang anda inginkan.

langkah ketiga:

Akan muncul suatu kotak dialog, lalu copy-paste code HTMLnya pada bagian posting yang ingin diberi emoticon.

Sangat mudah bukan??

Alasan Ngeblog

Kalo dibilang ngebog cuma buang-bunag waktu, itu tidak benar karena ada beberapa orang yang mendapatkan sumber penghasilan dari blog mereka. Memang benar blog dapat anda gunakan untuk mencari uang, tapi hal itu akan menjadi sebuah kesalahan ketika anda mengguakan UANG sebagai alsan utama untuk ngeblog, karena saat anda menggunakan uang sebagai alasan untuk negbolg dapat dipastikan anda akan berhenti(menyerah ditengah jalan), karena jalan untuk mendapatkan uang dari blog bukanlah hal yang mudah, itu membutuhkan perjuanggan yang sangat keras

Sekarang saya akan memberitau alasan mengapa saya tetap ngeblog meskipun saya belum pernah mendapat uang 1 rupiah pun dari blog

Yang pertama:

Ingin berbagi ilmu

Itu merupakan alsan utama saya, karena kata orang saat ilmu itu di bagikan, maka ilmu itu tidak akan berkurang, bahkan akan bertambah. Para bloger yang bertujuan untuk mendapatkan uang dari bloger mereka, mereka hanya akan melakukan copas agar jumlah postingannya semakin banyak.
Tapi itu adalah perbuatan yang salah. Memang cara itu sangat praktis, tapi apakah itu akan bermanfaat untuk kita? Bahkan untuk si penulis asli akan merasa dirugiakn!
Jadi mari ciptakan blog yang isinya murni tulisan kita(anti copy-paste)

Yang kedua:

Menerapkanilmu yang anda punyai khususnya dalam pemprograman web

Kalo yang ini, saya paling suka dalam blog adalah hack template disini saya mendapat banyak ilmu tentag HTML, dsb. Pada waktu saya SMA saya diajarkan HTML dan sekarang sudah lumayan berkembag, karena hobi saya hack template blogspot saya harus lebih mendalami tentang bahasa-bahasa web, seperti HTML. Dan hasilnya tidak sia-sia, ilmu yang saya dapatka saat saya masih SMA saya rasakan kegunaanya, saat saya membuat baner hack template, bahkan saat posting blog.

Yang ketiga:

Mendapat teman seperjuangan bajhkan bisa memiliki MURID

Kemarin ada Visitor blog ini contac YM saya, lumayan buat nambah temen, meskipun itu cowe..he... masih ditunggu cewe yang mau contac YM saya..becanda
tapi intinya bisa saling tuker ilmu selain kita bisa ngasih ilmu, kadang-kadang kita juga bisa dapet ilmu baru loh

Yang keempat:

Belajar jadi penulis

Buat anda yang mempunyai cita-cita mejadi penulis ayo kita mulai dari hal yang kecil misalnya saja memposting artikel buatan anda di blog, mungkin ada penerbit yang tertarik lalu meminta anda untuk menulis sebuah buku . LIVE IS MYSTERY

Yang kelima:

BONUSNYA JADI BLOGER YANG BAIK
Jadi bloger yang baik juga ada bonusnys loh. Baru tau?

tapi asal Pr(page rank) anda tinggi
yaitu banya orang akan pasang iklan di blog anda, dan tentunya anda akan mendapat uang.
Tapi ingat jadikan uang sebagai BONUS, BUKAN sebagai tujuan utama

kira-kira begitulah alasan saya tetap jadi bloger, meski belumpernah mendapat keuntungan secara MATERI.
Semoga post ini dapat memotivasi anda.

Cara Memasang spoiler pada blogspot

Apasih sebenarnya spoiler itu?
Spoiler adalah suatu gatget yang digunakan untuk menghemat tempat, juga untuk menghemat bandwidth.
contohnya:

l cara membuatnya:

Langkah 1:

Pasang kode ini pada gambar/teks yang ingin di beri spoiler

<div style="margin: 20px; margin-top:5px"><div class="smallfont" style="margin-bottom: 2px;"><input value="Tampilkan" type="button" style="margin: 0px; padding: 5px; width: auto; font-size: 11px;" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;"><br /><br />GAMBAR ATAU TEKS SOBAT LETAKKAN DISINI<br /><br /></div></div></div></div>

Lalu setelah selesai memposting tinggal klik terbitkan entri.

Memberi navigasi pada blogspot

Menu navigasi adalah gatget yang memudahkan visitor untuk melihat posting-posting kita.
Gambar disamping adalah comtoh gambar dari menu navigasi yang akan diberikan nantinya.
Cara memberinya cukup mudah, langsung saja simak cara-caranya dibawah.

Langkah pertama

login dulu ke account blogspot anda
*masuk ke tab Rancangan,
*pada tab tata letak klik tambah gatget
*klik HTML/ Java scrip

Langkah ke dua

Pada halaman HTML/ java scrip, copy-paste'kan scrip berikut

<pre><style><br />.showpageArea a {<br />text-decoration:underline;<br />}<br />.showpageNum a {<br />text-decoration:none;<br />border: 1px solid #ccc;<br />margin:0 3px;<br />padding:3px;<br />}<br />.showpageNum a:hover {<br />border: 1px solid #ccc;<br />background-color:#ccc;<br />}<br />.showpagePoint {<br />color:#333;<br />text-decoration:none;<br />border: 1px solid #ccc;<br />background: #ccc;<br />margin:0 3px;<br />padding:3px;<br />}<br />.showpageOf {<br />text-decoration:none;<br />padding:3px;<br />margin: 0 3px 0 0;<br />}<br />.showpage a {<br />text-decoration:none;<br />border: 1px solid #ccc;<br />padding:3px;<br />}<br />.showpage a:hover {<br />text-decoration:none;<br />}<br />.showpageNum a:link,.showpage a:link {<br />text-decoration:none;<br />color:#333;<br />}<br /></style><br /><br /><br /><script type="text/javascript"><br />function showpageCount(json) {<br />var thisUrl = location.href;<br />var htmlMap = new Array();<br />var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";<br />var isLablePage = thisUrl.indexOf("/search/label/")!=-1;<br />var isPage = thisUrl.indexOf("/search?updated")!=-1;<br />var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";<br />thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;<br />var thisNum = 1;<br />var postNum=1;<br />var itemCount = 0;<br />var fFlag = 0;<br />var eFlag = 0;<br />var html= '';<br />var upPageHtml ='';<br />var downPageHtml ='';<br /><br />var pageCount=5;<br />var displayPageNum=3;<br />var firstPageWord = 'First';<br />var endPageWord = 'Last';<br />var upPageWord ='Previous';<br />var downPageWord ='Next';<br /><br />var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';<br /><br />for(var i=0, post; post = json.feed.entry[i]; i++) {<br />var timestamp = post.published.$t.substr(0,10);<br />var title = post.title.$t;<br />if(isLablePage){<br />if(title!=''){<br />if(post.category){<br />for(var c=0, post_category; post_category = post.category[c]; c++) {<br />if(encodeURIComponent(post_category.term)==thisLable){<br />if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){<br />if(thisUrl.indexOf(timestamp)!=-1 ){<br />thisNum = postNum;<br />}<br /><br />postNum++;<br />htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;<br />}<br />}<br />}<br />}//end if(post.category){<br /><br />itemCount++;<br />}<br /><br />}else{<br />if(title!=''){<br />if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){<br />if(thisUrl.indexOf(timestamp)!=-1 ){<br />thisNum = postNum;<br />}<br /><br />if(title!='') postNum++;<br />htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;<br />}<br />}<br />itemCount++;<br />}<br />}<br /><br />for(var p =0;p<>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ if(fFlag ==0 && p == thisNum-2){ if(thisNum==2){ if(isLablePage){ upPageHtml = labelHtml + upPageWord +'</a></span>';<br />}else{<br />upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';<br />}<br />}else{<br />upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';<br />}<br /><br />fFlag++;<br />}<br /><br />if(p==(thisNum-1)){<br />html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';<br />}else{<br />if(p==0){<br />if(isLablePage){<br />html = labelHtml+'1</a></span>';<br />}else{<br />html += '<span class="showpageNum"><a href="/">1</a></span>';<br />}<br />}else{<br />html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';<br />}<br />}<br /><br />if(eFlag ==0 && p == thisNum){<br />downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';<br />eFlag++;<br />}<br />}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ }//end for(var p =0;p<>1){<br />if(!isLablePage){<br />html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';<br />}else{<br />html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';<br />}<br />}<br /><br />html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;<br /><br />if(thisNum<(postNum-1)){ html += downPageHtml; html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';<br />}<br /><br />if(postNum==1) postNum++;<br />html += '</div>';<br /><br />if(isPage || isFirstPage || isLablePage){<br />var pageArea = document.getElementsByName("pageArea");<br />var blogPager = document.getElementById("blog-pager");<br /><br />if(postNum <= 2){ html =''; } for(var p =0;p< innerhtml =" html;">0){<br />html ='';<br />}<br /><br />if(blogPager){<br />blogPager.innerHTML = html;<br />}<br />}<br /><br />}<br /></script><br /><br /><script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script><br /><div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://arawna.blogspot.com">Grab this Widget</a></div></pre>/textarea></p></form></div><br /><br />

setelah selesai lalu simpan

Langkah ketiga

Pindahkan element tadi kebawah element posting. Lalu klik simpan

Selesai deh...

Membuat Read More Sederhana

Sebenarnya fungsi read more adalah untuk menghemat tempat pada blogspot, sehingga visitor hanya harus membaca garis besarnya saja, dan jika tertarik bisa klik read moreNya agar dapat membaca seluruh posting secara kaseluruhan.
Mengapa trik ini saya bilang sederhana, karena anda cuma perlu menghafalkan trik yang sangat sederhana.
Langsung saja ke caranya:

Langkah pertama:

Ketik artikel/posting yang inggin anda buat

RainBow Link

Yang dimaksud dengan RainBow Link adalah sebuah link yang jika kita dekatkan kursor, maka link tersebut akan berubah warna seperti pelangi. Sehingga akan lebih menarik untuk para visitor untuk mengkliknya, juga tanpilan blog anda menjadi lebih moderen dan menarik.
caranya pun cukup mudah, anda tinggal mengikuti langkah-langkkah dibawah ini:

Langkah 1:

Login ke Blogspot anda, lalu masuk ke tab rancangan, edit HTML.

Langkah 2:

Centang kotak yang bertuliskan Expand Widget Template.
lalu cari code

</head>

Langkah 3:

Pasang kode ini

<br /> <script src="'http://roele112.googlepages.com/rainbow.js'"></script>

di dibawah kode

</head>

Langkah ketiga

Simpan template, dan cek di blogspot anda. Akan tergores keindahan dari link-link yang anda ciptakan!hehehe