Cara membuat widget artikel di blog agar lebih menarik

Widget adalah salah satu fasilitas yang disediakan oleh blogger dimana widget dapat berfungsi untuk memudahkan pengguna dalam menampilkan artikel, jam like facebook, radio dll.
-->

Pada Postingan Kali ini sampul ilmu memberikan sedikit pengetahun tentang cara membuat widget artikel agar lebih menarik diblogspot. Seperti contoh diatas adapun caranya:
1. Login Kehalaman dashboard blogger anda
2. Pilih Tataletak
3. Kemudian Clik Tambahkan Gadget
4. Pilih HTML/JavaScript

5. Pada Judul Ketikan Artikel
6. Kemudian Copy Script Dibawah ini dan paste didalam kontent setelah itu simpan
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><style type="text/css" media="screen"><!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:350px; } #spylist ul{ width:310px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:285px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:75px; overflow: hidden; background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x; border:1px solid #ddd; } #spylist li a { text-decoration:none; color:#4B545B; font-size:11px; height:18px; overflow:hidden; margin:0px 0px; padding:0px 0px 2px 0px; } #spylist li img { float:left; margin-right:5px; background:#EFEFEF; border:0; } .spydate{ overflow:hidden; font-size:11px; color:#b40606; padding:2px 0px; margin:1px 0px 0px 0px; height:15px; font-family:Tahoma,Arial,verdana, sans-serif; } .spycomment{ overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:10px; color:#262B2F; padding:0px 0px; margin:0px 0px; } .spysummary{ overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:10px; color:#fb040a; padding:0px 0px; margin:0px 0px; } --></style><script language='JavaScript'>imgr = new Array(); imgr[0] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png"; imgr[1] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png"; imgr[2] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png"; imgr[3] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png"; imgr[4] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#fb040a"; bgTD = "#000000"; thumbwidth = 50; thumbheight = 50; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; showSummaryPost = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#fb040a"; icon2 = " "; numposts = 8; home_page = "http://lembar200.blogspot.com/"; limitspy=4 intervalspy=4000 </script><div id="spylist"><script src='http://file.edikomputer.com/js/recentpostslide.js' type='text/javascript'></script></div>

Catatan :

1. Cari Kata home_page = "http://lembar200.blogspot.com/" Ubah Url yang berwarna Merah dengan URL blog anda
2. Untuk Mengubah gambar/image agar sesuai dengan blog anda caranya clik disini. Setelah Alamat Url Gambar anda telah dibuat cari kata dibawah ini kemudian ganti Alamat URL yang berwarna biru dengan Alamat URL Milik Anda  

imgr[0] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png";
imgr[1] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png";
imgr[2] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png";
imgr[3] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png";
imgr[4] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png";

Semoga Bermanfaat

Cara memasang widget like facebook di samping blog

Buat Sahabat blogger yang masih bingung untuk menempatkan widget like facebook diblog. Kali ini sampul ilmu memberikan penjelasan tentang cara memasang widget like facebook disamping blog anda. Kegunaan like facebook adalah memberikan kesempatan kepada pengunjung yang tertarik atau ingin mengikuti blog anda setiap saat melalui jejaring social (Facebook).

Sebelum memulai memasang like facebook terlebih dahulu membuat halaman like facebook  blog anda untuk pembuatan halaman like facebook dapat dicari dimesin pencari atau Search engine. Setelah halaman like facebook anda telah selesai dibuat lakukan langkah-langkah sebagai berikut :

Buatlah Gambar vertical Like Facebook Anda. Untuk membuat gambar gunakan aplikasi seperti Photoshop, Corel Draw, dll, untuk kali ini sampul ilmu menggunakan gambar seperti dibawah ini

1. Upload gambar yang telah anda buat tadi , caranya anda dapat membaca artikel ini Cara Memasang Logo Di Blogger
2. Setelah anda mendapatkan URL dari Gambar yang telah anda Upload langkah selanjutnya adalah login kehalaman www.blogger.com  pilih Template >> EditHtml, kemudian Centang Expand Template Widget cari kode </head> dengan cara Ctrl+F setelah itu copy Script dibawah ini 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
3. Paste kode diatas tepat diatas kode </head> kemudian clik simpan template
4. Pada Tata Letak  click Tambahkan  Gadget dimana saja kemudian pilih HTML/JavaScript  copy script code dibawah ini
<script type="text/javascript">//<!-- $(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); //--></script> <style type="text/css">.floatinglikebox{background: url("http://i1353.photobucket.com/albums/q662/Lembaran/facebookcopy_zps59912404.jpg ") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .floatinglikebox div{border:none;position:relative;display:block;} .floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .floatinglikebox span a{color: #808080;text-decoration:none;} .floatinglikebox span a:hover{text-decoration:underline;} </style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href= http://www.facebook.com/pages/Sampul-Ilmucom/147599598741541 &width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#ffffff;" allowtransparency="true"></iframe><span><a href=" http://lembar200.blogspot.com/ " target="_blank">Sampul Ilmu </a></span></div></div>
5. Pada halaman HTML/JavaScript judul biarkan kosong kemudian pada konten paste kode diatas kemudian clik Simpan
6. Cari kode url ("http://i1353.photobucket.com/albums/q662/Lembaran/facebookcopy_zps59912404.jpg ") pada code script diatas Ubah tulisan yang berwarna biru dengan URL Gambar Anda
7. Kemudian cari kode http://www.facebook.com/pages/Sampul-Ilmucom/147599598741541 Ubah tulisan yang warna merah dengan URL fans page facebook anda

Mudah-mudahan bermanfaat..........

Cara Memasang Logo Di Blogger

Kali ini Sampul Ilmu menjelaskan sedikit Tentang Cara Memasang Logo Di Blogger Tapi Sebelumnya Sampul Ilmu Menjelaskan Sedikit Tentang Pengertian Blog, Pengertian Blog secara garis besar dapat dibedakan menjadi dua bagian, yaitu :

1. Blog Pribadi

Blog pribadi merupakan jenis blog yang paling sering anda jumpai, yang berfungsi sebagai catatan atau buku harian online seseorang. Dan blog pribadi tersebut merupakan jenis blog yang pertama kali muncul.

2. Blog Usaha

Blog usaha adalah blog yang berguna untuk melakukan komunikasi sebuah perusahaan dengan pelanggan atau konsumen, menawarkan jasa, atau informasi mengenai usaha yang sedang dijalankan. Blog usaha juga digunakan untuk keperluan penguatan merek, atau di fungsikan untuk layanan kepada masyarakat sebagai sarana promosi.

Setelah Anda Membuat Blog Pastinya Anda ingin Membuat blog anda Menjadi Menarik Dan indah agar para pengunjung blog anda merasa betah berlama-lama.

Pertama Yang Harus Dilakukan Adalah Memilih Template Blog Yang Menarik, untuk memilih template usahakan templatenya yang ringan.

Setelah Selesai melakukan lagkah diatas pastinya anda ingin template blog anda lebih menarik. dibawah ini adalah cara memasang gambar / logo anda di blog

1.Buat Terlebih Dahulu Gambar / Logo Blog Anda

2.Setelah Gambar/Logo Anda Telah Dibuat. Upload Gambar/Logo Anda di photobucket kemudian singup untuk membuat Acount Anda

3.Setelah itu Pada Menu Clik  Upload Masukan Gambar Yang Anda Telah Buat. Ini dimaksudkan untuk mendapatkan URL gambar Yang Telah Diupload. Caranya Clik Gambar Yang telah diupload maka akan muncul tampilan seperti gambar dibawah ini

4. Clik HTML code kemudian paste di Notped Atau MS.Word  Agar Lebih Mudah Untuk mengambil link gambar anda. Seperti Gambar Dibawah ini

Yang Berwarna Biru Adalah Alamat URL Gambar Yang Telah Diupload. Untuk Lebih Jelasnya Clik Gambar Tesebut.

5.Sekarang Waktunya Untuk Memasang Gambar/Logo Anda diblog.

6.Pilih Tata Letak Kemudian Tambah Gatged Pilih HTML/JavaScript.

Copy Code Dibawah Ini Untuk Menampilkan Gambar/Logo Di Sudut Kiri Atas

<script language="JavaScript" src="http://reyarifin.googlecode.com/files/blogger_kiri_atas.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png ") </script>

Copy Code Dibawah Ini Untuk Menampilkan Gambar/Logo Di Sudut Kanan Atas

<script language="JavaScript" src="http://reyarifin.googlecode.com/files/blogger_kanan_atas.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png ") </script>

Copy Code Dibawah Ini Untuk Menampilkan Gambar/Logo Di Sudut Kiri Bawah

<script language="JavaScript" src="http://reyarifin.googlecode.com/files/blogger_kiri_bawah.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png ") </script>

Copy Code Dibawah Ini Untuk Menampilkan Gambar/Logo Di Sudut Kanan Bawah

<script language="JavaScript" src="http://reyarifin.googlecode.com/files/blogger_kanan_bawah.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png ") </script>

Pada Judul Biarkan Kosong Kemudian Paste Kode Diatas Ini Ke Konten Setelah Itu Save. Dan Lihat Blog Anda
Catatan Ganti URL ini "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png" Dengan URL Gambar Anda
Semoga Bermanfaat

Referensi :
Komunitas Blogger Indonesia

Cara Membuat Gambar Animasi DiBlog

Buat Sahabat Blogger Yang ingin Tampilan Web/Blognya Menarik Dengan Animasi Burung Seperti Diatas

Kali ini Sampul ilmu akan memberikan sedikit Trik Untuk Membuat Animasi Diblog

Pertama Yang Harus Siapkan 2 Atau 3 Gambar Yang ingin dijadikan sebagai Gambar Animasi. Sampul Ilmu Memilih 2 Gambar Seperti Disamping

Bagi Teman-Teman Disarankan Agar Membuat Gambar Sendiri  Di Photoshop Atau Corel Draw Biar Lebih Menarik.  Apabila Anda Sudah Membuat Gambarnya. Diharapkan Agar Gambar Tersebut DiCompress Agar Size lebih kecil dari size sebelumnya agar proses upload lebih cepat nantinya.

Oke Setelah Langkah Diatas Sudah Selesai

1.Klik alamat ini Picasion.com. Maka Akan Muncul Gambar dibawah ini.

 2. Setelah Muncul Tampilan Seperti Gambar Diatas Kemudian Klik Browse Untuk Memasukkan Gambar Yang Sebelumnya Sudah Anda Buat. Kali ini Sampul Ilmu Hanya Memasukan 2 Buah Gambar. Apabila Anda Mempunyai 3 Gambar Langsung Saja Masukan Pada Image 3.

3. Pada Kolom Size Anda boleh mentukan ukuran untuk gambar animasi anda .

4. Pada Kolom Speed Adalah Pilihan Kecepatan Slide Show Gambar Animasi yang anda buat

5. Setelah Selesai Melakukan Langkah Diatas Kemudian Klik Create Animation 

Akan Muncul Gambar Seperti Dibawah Ini:

6. Kemudian Copy Kode Pada HTML code for blog/website Dan Paste Ke Widget HTML/Java Script Di Halaman Template Blog Anda. Atau Juga Dapat Anda Tampilkan Di Post Web Anda Dengan Cara Copy Kode HTML Di Post anda Pilih Compose Lalu Paste Kemudian Klik Simpan Dan Lihat Hasilnya..

Semoga Bermanfaat..