This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Jumat, 26 September 2014

Cara Mengganti Kursor Blogger-Modifikasi Cursor Blogspot

Cara Mengganti Kursor Blogger-Modifikasi Cursor Blogspot

Cara Mengganti Kursor Blogger - Modifikasi Cursor Blogspot. Kali ini kita akan membahas tentang cara mengubah tampilan kursor yang ada di blog kita. Jika sobat masih penasaran dengan yang dimaksud mengubah kursur, maka silahkan untuk memperhatikan kursor blog ini terlebih dahulu. Bagaimana? Menarik bukan....?
cara ganti tampilan kursor
Nah, di atas itu adalah tampilan kursor blog ini. Bagi sobat yang ingin mengubah kursor yang ada di blog sobat, maka sobat bisa mengubahnya melalui langkah-langkah berikut:

1. login lah ke akun blogger sobat terlebih dahulu
2. Lalu klik "Layout"
cara ganti tampilan kursor

 3. Pilih "add a gadget" lalu pilih "HTML/Java Script" dan paste-kan kode berikut untuk mulai mengubah tampilan kursor yang ada di blog sobat:

a. Kode 1: mengubah kursor tapi tidak mengubah kursor ketika menyorot link

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVuEcaccq79tEVOLmtlXAywnpvdmCu4M_1qpw6Q8TFwY_ybZW_CGzsbUkJr5ix01UC1tCqhvZB94eTGutEDwoAJdgwQuBpeCryPqybpAssLwxBMEQdR0KA0MqA6oWt_ecdbP_CPu5_-j5Q/"), auto;}
</style>

b. Kode 2: mengubah kursor serta tetap berubah walau disorot ke arah link

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVuEcaccq79tEVOLmtlXAywnpvdmCu4M_1qpw6Q8TFwY_ybZW_CGzsbUkJr5ix01UC1tCqhvZB94eTGutEDwoAJdgwQuBpeCryPqybpAssLwxBMEQdR0KA0MqA6oWt_ecdbP_CPu5_-j5Q/"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVuEcaccq79tEVOLmtlXAywnpvdmCu4M_1qpw6Q8TFwY_ybZW_CGzsbUkJr5ix01UC1tCqhvZB94eTGutEDwoAJdgwQuBpeCryPqybpAssLwxBMEQdR0KA0MqA6oWt_ecdbP_CPu5_-j5Q/"), auto;}
</style>

SILAHKAN UNTUK MEMILIH SALAH SATU KODE YANG SOBAT INGINKAN

4. Jika sudah, maka silahkan untuk tekan tombol "SAVE" atau "SIMPAN"

PENTING:

Sobat bisa mengganti link gambar yang telah saya tandai warna biru dengan link gambar kursor sesuai keinginan sobat. Berikut adalah beberapa link gambar kursor koleksi saya:



tampilan kursor 1
Link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUEq8RmpzwBa7o3izr1pr-fj5CO2bCqxO9gs7bpx1ozWtm27SvRzUBfCx0gNtiqrMLnW2zaG2HxRpC2Km82QBShgpLKv70Psq1LP6YkjEE-SbxHGbLis8h-E0oOd-AWlkmjPGk-pShnbY/s400/bat_banana_t4belajarblogger.png



tampilan kursor 2
Link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIiZTZ5WNU1R2wwqzVGjuBQ2Yejent8S4pLp5DKwlzQP1sXOhGvGQXQP0orKjPnSCrkzzeaq7zK-P4TDyGf78C13fd3tB8x7NlegI1ChyphenhyphenwT7S2xT3Va8ZdyxLL4NblBRPNPV1iMjVrb8g/s400/bird_hair_t4belajarblogger.png



tampilan kursor 3
Link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiObsXMzdiA_AVvED2uyoABQegAXS3Kxt8zrn26lqxflUE3dbDvnGtN8B1NNpiKixm7uYRjtGYRi6Dc95r0pZ0nL-31ZG_stkkIgvCLKZft95oeSNv6_vf-1Ix1SK-MbmWmcCEswwGcB_0/s400/guitar_banana_t4belajarblogger.png



Untuk selebihnya sobat bisa mencarinya melalui Google... :D

Semoga bermanfaat. Keep blogging...

Sumber : Cara Mengganti Kursor Blogger - Modifikasi Cursor Blogspot

Cara Mudah Membuat Slide Show Foto di Blog

Cara Mudah Membuat Slide Show Foto di Blog

Sebuah halaman blog yang tidak ada sentuhan foto atau gambar akan terasa membosankan. Jika sudah bosan, maka pengunjung blog tidak akan lama bertahan. Bukan hanya sebagai pernak-pernik, sebuah foto juga bisa memberikan kesan tersendiri. Orang akan lebih hafal dengan gambar daripada tulisan.

Sekarang, kita akan belajar untuk membuat slide show, yaitu foto-foto yang ditampilkan secara bergantian dengan otomatis. Slide show bisa digunakan untuk menampilkan banyak foto tanpa menyita banyak space. Karena foto akan diputar layaknya sebuah video, sehingga lebih menarik dan hemat tempat.

Slide show bisa digunakan untuk menampilkan foto liburan yang banyak, atau memajang foto-foto produk untuk toko online. Cara untuk membuat slide show ini sangat mudah, tidak perlu pintar photoshop atau flash. Kita tinggal menyiapkan foto yang sudah diupload (dihosting). Kita bisa memanfaatkan post blogger, Picasa, Photobucket, dan lain-lain.

Cara Mudah Membuat Slide Show Foto di Blog
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="URL Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />
</div>

5. Ganti URL Foto 1 dengan URL foto yang sudah dihost (upload)
6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya.
7. Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
7. Simpan jika sudah selesai.

Sejarah Bapak Pandu Sedunia, Lord Baden Powell

Sejarah Bapak Pandu Sedunia, Lord Baden Powell