Cara Backup Postingan Blog dengan Mudah

Untuk membackup data postingan blog kita yang ada di blogspot sangatlah mudah. Blogger.com sendiri telah menyediakan fasilitas (tool) untuk backup data postingan. Sehingga untuk berjaga-jaga dari hal yang tidak diinginkan misalnya blog terhapus kita masih memiliki backup-an data postingan blog lebih mudah.

Backup data ini juga bisa digunakan untuk proses memindahkan blog ke blogspot atau platform lain seperti wordpress, tumblr, dan sebagainya. Atau, hanya kita simpan backup-an data postingan-postingan yang telah kita buat. Karena postingan adalah konten utama blog dan hasil karya kita, sebaiknya kita backup untuk keamanan.

Cara Backup Postingan Blog dengan Mudah
1. Login atau masuk ke akun blogger.com anda
2. Klik menu “Setelan” dan sub menu “Lainnya”
3. Klik “Ekspor Blog”


5. Terakhir klik “Unduh blog”

Semua data khususnya teks yang telah kita posting di blog akan terbackup dalam file berekstensi .xml yang telah kita unduh.
selengkapnya>>

Tips Sederhana Membuat Loading Blog Lebih Cepat

Tips Sederhana Membuat Loading Blog Lebih Cepat

Load time atau waktu yang dibutuhkan untuk menampilkan blog salah satu yang mempengaruhi pengunjung atau traffik blog. Biasanya orang akan membuka tab secara bersamaa, bisa jadi salah satu tab yang dibuka itu adalah blog kita. Jika loading blog kita lelet maka kemungkinan besar tab browser blog kita ditutup.

Oleh sebab itu, penting untuk membuat blog kita lebi cepat. Belum lagi koneksi internet di Indonesia yang masih lemot, jangan sampai dibarengi juga blog yang kita yang berat sehinggal loadingnya lama. Ada beberapa tips sederhana yang akan berefek besar bagi kecepatan loading blog kita, berikut tipsnya:

  1. Optimalkan gambar/foto yang biasanya kita gunakan untuk gambar pelengkap postingan. Dengan menupload gambar dengan ukuran yang kecil dengan mengkompresnya bisa membuat blog lebih ringan. 
  2. Pilih format gambar yang tepat. Lebih baik menggunakan gambar dengan format JPEG atau PNG. Format gambar ini cocok untuk disertakan dalam post blog. Sedangkan format GIF lebih cocok untuk banner dan logo.
  3. Kurangi Cascading Style Sheet (CSS) yang tidak dibutuhkan. Meski dapat membuat blog akan lebih terstruktur dan seragam tetapi jika terlalu banyak membuat loading blog lebih lama. 
  4. Kurangi link yang ada laman blog. Link berupa HTTP disinyalir membutuhkan round trip ke server. Ini menyebabkan tambahan waktu beberapa detik untuk membuka blog kita.
  5. Gunakan tag Height dan Width pada kode html gambar. Tag ini akan membuat browser mengetahui ukuran gambar sebelum memuatnya. Hasilnya aka mempercepat tampilnya laman blog.
selengkapnya>>

Membuat Link Header Blog Mengarah ke Blog Lain

Kamu memiliki beberapa blog yang mungkin sudah tidak terurus lagi, tidak ingin menghapusnya dan ingin blog-blog itu bisa mengarah ke blog utama kamu. Inilah salah satu cara mengarahkan link header blog ke laman utama blog kita atau situs web lain.

Membuat link header blog mengarah ke blog atau situs lain yang kita inginkan juga dapat blog-blog yang sudah terurus kembali bisa bermanfaat. Dengan begitu, kunjungi atau traffik ke blog utama akan lebih meningkat, cara mengubah link header pun juga mudah.

Cara Membuat Link Header Blog Mengarah ke Situs Lain
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode berikut ini

<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>

4. Ganti kode di atas dengan kode berikut

<b:includable id='title'>
  <a href='http://kurniasepta.blogspot.com'><data:title/></a>
</b:includable>

5. Ganti http://kurniasepta.blogspot.com dengan URL yang kamu inginkan.
6. Simpan Template jika sudah selesai.
selengkapnya>>

Membuat Slider Photo Dengan Tombol Play & Pause

Membuat slider photo atau juga biasa dikenal slide show untuk menampilkan photo di blog dengan otomatis dengan tombol previous, pause/play and next. Slider menjadikan blog lebih menarik. Cocok untuk blog pribadi atau seorang penyuka photografi. Kita dapat menampilan beberapa photo dengan tampilan yang cantik.

Slider Photo bisa dipasang di sidebar blog, atau post. Semisal menampilkan hasil-hasil jepretan setelah liburan ke suatu tempat. Widget ini akan dapat menghemat space, pengunjung blog pun tinggak mengklik tombol previous, pause/play and next untuk menikmati photo-photo yang disuguhkan.

Membuat Slider Photo sangatlah mudah, yang perlu disiapkan adalah photo yang sudah diupload atau host. Selanjutnya untuk membuat atau memasang Slider Photo di blog ikuti-langkah-langkah yang akan Belajar Ngeblog di BLOG sampaikan.

Cara Membuat Slider Photo Dengan Tombol Play & Pause
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<center><script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="https://trickstoo-video-slider.googlecode.com/svn/trickstoo-slider" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('#carousel').carouFredSel({
prev: '#prev',
next: '#next',
auto: {
button: '#play',
progress: '#timer',
pauseOnEvent: 'resume'
},
scroll: {
fx: 'fade'
}
});
$('#wrapper').hover(function() {
$('#navi').stop().animate({
bottom: 0
});
}, function() {
$('#navi').stop().animate({
bottom: -60
});
});
});
</script>
<style type="text/css">
#wrapper {
border: 1px solid #ccc;
background-color: #000000;
width: 600px;
height: 400px;
padding: 20px;
margin: 0px 0 0 0px;
position: center;
left: 50%;
top: 50%;
box-shadow: 0 5px 10px #ccc;
}
#inner {
position: relative;
width: 600px;
height: 400px;
overflow: hidden;
}
#carousel img {
display: block;
float: left;
}
#navi {
background-color: #333;
background-color: rgba(30, 30, 30, 0.8);
border-top: 1px solid #000;
width: 600px;
height: 70px;
position: absolute;
bottom: -60px;
left: 0;
z-index: 10;
}
#timer {
background-color: #222;
background-color: rgba(20, 20, 20, 0.8);
width: 0;
height: 70px;
position: absolute;
z-index: 20;
top: 0;
left: 0;
}
#prev, #next, #play {
display: block;
position: absolute;
z-index: 30;
}
#prev, #next {
width: 47px;
height: 47px;
top: 13px;
}
#play {
width: 53px;
height: 53px;
top: 10px;
background: url(http://3.bp.blogspot.com/-owTluGE3gWE/UbMLqvzWwrI/AAAAAAAAbCQ/B-1YtXKfxGA/s1600/pause.png) 0 0 no-repeat transparent;
left: 50%;
margin-left: -27px;
}
#play.paused {
background: url(http://4.bp.blogspot.com/-ua3KYxJgPbo/UbMLrGkobfI/AAAAAAAAbCY/aYk7mYc9_gU/s1600/play.png) 0 0 no-repeat transparent;
}
#prev {
background: url(http://2.bp.blogspot.com/-1zqBjDexeWM/UbMLsB10CHI/AAAAAAAAbCo/NgGBnQwiiG0/s1600/prev.png) 0 0 no-repeat transparent;
left: 220px;
}
#next {
background: url(http://1.bp.blogspot.com/-segLuy5FzSQ/UbMLr23sZiI/AAAAAAAAbCg/s_N3Z_qGn18/s1600/next.png) 0 0 no-repeat transparent;
right: 220px;
}
</style>
<div id="wrapper">
<div id="inner">
<div id="carousel">
<img src="IMAGE URL" alt="title" width="600" height="400" border="0" />

<img src="IMAGE URL" alt="title" width="600" height="400" border="0" />

<img src="IMAGE URL" alt="title" width="600" height="400" border="0" />

<img src="IMAGE URL" alt="title" width="600" height="400" border="0" />
</div>
<div id="navi">
<div id="timer"></div>
<a id="prev" href="#"></a>
<a id="play" href="#"></a>
<a id="next" href="#"></a>
</div></div></div></center> 

Kamu bisa mengubah tampilan widget ini, misalnya untuk merubah ukuran dengan mengganti angka 600 dan 400. Jangan lupa ganti IMAGE URL dengan URL photo yang akan ditampilan, dan ganti title dengan judul yang ingin kamu tampilkan.

5. Simpan jika sudah selesai
selengkapnya>>