Egi Sopian

Selasa, 21 April 2015

Ibnu Batutah Tokoh Muslim Pengembara Dunia

Dianggap sebagai pelopor penjelajah abad 14 yang belum tertandingi. Sekalipun ada Marcopolo yang juga melakukan penjelajahan dunia, namun masih tidak sebanding dengan Ibnu Batutah!

(Maroko, 1304 M – Fez, 1369 M)

Baca selengkapnya »

Cara Membuat / Mengganti Favicon / Site Icon Blog

» Cara Membuat Blog, » Ilmu Blogspot, » Menghias Blog, » Panduan Dasar Blogspot, » Widget

Favorit Icon atau yang disingkat Favicon adalah sebuah gambar kecil di address bar. Terletak disebelah kiri nama blog ataupun judul posting blog yang sedang kita buka. favicon bawaan blogspot biasanya dilambangkan dengan huruf B dalam kotak berwarna orange. Seorang blogger mengganti faviconnya mungkin bisa jadi agar terlihat lebih indah, keren dan profesional, hehehe. Lihat Gambar di Bawah.

Baca selengkapnya »

Cara Memasang Widget Slide Show Photo Pada Sidebar Blog

tutorial cara memasang slide show photo blog

Memiliki blog yang bagus sudah tentu menjadi impian semua blogger, akan tetapi terkadang kita bingung bagaimana caranya untuk memperindah tampilan blog kita. Sebenarnya tampilan blog yang simple & dinamis yang lebih disukai oleh reader atau pembaca. Akan tetapi jauh lebih bagus bila kita mempunyai ciri khas pada blog kita, salah satunya bisa dengan cara memasang wigdet slide show photo yang berisi foto-foto kita pada sidebar blog.

Widget ini berisi foto-foto kita yang akan tampil secara bergantian secara otomatis. Memasang widget ini jauh lebih praktis & menghemat tempat daripada menyimpan foto di widget 'Gambar/Picture', karena semua foto-foto kita bisa tampil bergantian secara slide hingga tampak seperti menonton sebuah video & ini hanya butuh 1 space aza!

Kalo masih bingung tentang wigdet slide show photo ini bisa melihat ke samping --->
*bener gak ngarah panahnya? hahaha* Coba dilihat ke sidebar widget berjudul "My Highest Achievement" Gimanaaaa, widget slide show ini membuat tampilan blog jadi lebih bagus & menarik tapi gak banyak makan tempat kan?

Mau pasang pasang widget slide show photo ini di blog anda?
Caranya sebenarnya mudah kok, disini saya akan jelaskan bagaimana caranya memasang widget slide show photo secara step-by-step....

Cara memasang slide show photo di sidebar Blog:

1. Login ke blogger seperti biasanya.

2. Masuk ke dashboard blog anda, lalu Pilih opsi 'Tata Letak'.

3. Klik 'Tambahkan Gadget' lalu akan keluar pop-up, Pilih HTML/JavaScript.

4. Beri judul di kolom judul, lalu masukan kode HTML ke dalam kotak konten seperti berikut ini:

Anda tinggal copy-paste kode HTML (yang berwarna biru) dibawah 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: 250px;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 250px;
   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 tulisan berwarna merah "URL FOTO 1/2/3/4" dengan url foto anda yang telah di host atau di upload ke website album foto online seperti photobucket / picasa / flicker, dll.

6. Anda bisa menambahkan sebanyak mungkin foto yang anda mau, tinggal menambahkan saja kode HTML URL FOTOnya.

7. Anda bisa mengedit tinggi & lebar dari foto tersebut. Kode HTML yang saya berikan cocok untuk sidebar blog berukuran 250 pixel atau lebih. Anda dengan mengganti kode HTML berwarna pink dengan ukuran yang anda mau sesuai dengan ukuran sidebar blog Anda.

Baca selengkapnya »

Cara membuat header blog keren dengan photoshop

Tahukah anda apa yang dimaksud dengan header suatu blog? mungkin hal ini sudah tidak asing lagi untuk di dengar bagi agan yang sudah lama bergelut di bidang internet marketing, namun sebaliknya bagi kaum pemula yang baru belajar membuat blog hal ini akan terdengar terasa asing. Nah..oleh karena itu ane berani berbagi tentang cara membuat header blog keren dengan photoshop untuk para pemula yang baru terjun ke dunia blogger salah satunya di bidang internet marketing.

Cara membuat header blog keren dengan photoshop sangatlah mudah untuk di kerjakan semudah cara kita membuat read more otomatis pada blog yang sudah beberapa jam terakhir ane bahas, ini adalah salah satu upaya untuk membuat blog yang kita sayangi terlihat cantik dan di sukai oleh para pengunjung blog. Daripada berlama-lama dan agan juga semakin penasaran, mari sekarang juga kita kupas secara tuntas tentang cara membuat header blog keren dengan photoshop dengan mengikuti langkah-langkah dibawah ini.

Baca selengkapnya »