IKLAN BULAN INI

Friday 23 August 2013

Cara Membuat Slide dengan beberapa Mode Efek

Sekarang saya akan berbagi dengan kawan Cara Membuat Slide dengan bermacam-macam mode :q; disamping pembuatannya sangat simpel sekali alias dengan istilah tak pakai ribet, karena penempatannya semua pada gadget yang berarti tidak menyentuh Template kawan :y;



Caranya :
  • Masuk Account Blogger dengan ID kawan 
  • Pada Dasbor pilih Tata Letak - Tambahkan Gadget
  • Pilih tanda [+] pada HTML / JavaScript
  • Copas Kode berikut kedalamnya 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript" src="https://sites.google.com/site/blogbegocreation/file/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'scrollDown'
});
});
</script>
<style type="text/css">
#content-slider {position: relative; width: 260px; height: 250px; overflow: hidden; margin:0 auto; border:0px solid #333;}
#content-slider img {display: block; width: 260px; height: 250px;}
</style>
<div id="content-slider">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqms3-PBmasKbCkUQr0kywQkTpZzOiSvHkE_ihOTdt_SN1FOKZqERKfCleb2EDMqCFqOVmHfTihqEnJ4JRtRRNjww7hrcY0gHDtaLcoL-h9Sd9tYPNoK8GVtklrR-mASfQN8evfV3H0hI/s1600/Kreasi+BB2+GPLUS.png" /><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbu3M1uPEJL6fx9eMNaQZC5Z56ZzWASg7vVHfMzl9hpfnAfdL2Uw2DokEiZNsvyxrTTzYND_eDKKCvstTSZWb65kKjRN2l9CrryvKz92m6h7mkFXaMx6v3R0GzCPYdcCZv11U-VSJoBq8/s1600/Kreasi+BB1.png" /><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU3qFTbiT0km_U5K-oVKNUR1vRo7TE9i9Vii6zaVBx905vHGXd4dbSKOfsHo4WVAtHhC4lbtYl5hRSxmnxx4iYO0OPFNRnY-nvhr9D79oKxgxHmAPu4Pqr0LTWCVDiKnvZ9jBR6nERaZA/s1600/Kreasi+BB2.png" /><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG1N3UVut4lJIOS6qADrzIpRom1J4IuE5wja1NhL1ULK9pGS2oxN5WDSnqBYFFDh47_JP4_GbPEWYGpHrb0fajnRSkYgwSTW-pe3VIOfITnTB0r0MfeWU08Ng6y7eUvflGCFxK5Civ-Gw/s1600/Kreasi+Kolom.png" /></div></div>

Silahkan kawan ganti teks yang saya beri warna merah seperti width dan height sesuai penempatan dan selera kawan
Ganti URL image saya yang berwarna violet dengan image kawan, soal banyak silahkan disesuaikan
Teks yang berwarna Biru adalah Mode Efek Slide silahkan ganti dengan pilihan berikut :

scrollUp - scrollDown - scrollLeft - scrollRight - slideX - slideY - shuffle - turnUp - turnDown - turnLeft - turnRight - zoom - fadeZoom - blindX - blindY - blindZ - growX - growY - curtainX - curtainY - cover - uncover - toss - wipe - fade


Refrensi : Zhinto 

Read more ...

Sunday 18 August 2013

Tampilkan Artikel Berdasarkan Katagori

Kawan masih ingat dengan postingan saya Tampilkan Artikel berdasarkan Katagori plus Thumbnail :q; karena berisi image secara otomatis akan sedikit memberatkan Blog, walau Thumbnail / image-nya bisa tidak ditampilkan :y; disebabkan scriptnya sedikit lebih banyak atau  postingan saya tentang Tampilkan Judul saja dari Katagori  
Sekarang yang akan saya bagikan dengan kawan Tampilkan Artikel Berdasarkan Katagori yang sedikit berbeda karena tanpa image :z; 
Caranya :
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Tata Letak - Tambahkan Gadget 
  • Pilih tanda [+] pada HTML / JavaScript
  • Copas kode berikut kedalamnya 

<script src="https://sites.google.com/site/blogbegocreation/javascript/kategori.js"></script>
<script>
var numposts = 15;
var showpostdate = false;
var showpostsummary =false;
var numchars = 125;
</script>
<script src="http://blogbego-creation.blogspot.com/feeds/posts/default/-/tips%20trik?orderby=published&alt=json-in-script&callback=rp">
</script>

Silahkan kawan ganti teks yang saya beri warna merah : 
  • Angka 15 adalah jumlah Katagori dari Artikel yang ingin kawan tampilkan
  • blogbego-creation dengan URL Blog kawan
  • tips%20trik dengan Katagori dari Artikel yang ingin kawan tampilkan, [%20] adalah spasi yang aslinya [tips trik]
  • var showpostdate untuk menampilkan tanggal [false/true = pilih]
  • var showpostsummary untuk menampilkan sedikit isi postingan dari Katagori [false/true = pilih]
  • Simpan Blog kawan 

Script ini bisa digabung pada gadget yang sudah ada atau pada satu gadget bisa diisi beberapa script Katagori asal masing-masing diberi Judulnya
Sebenarnya pada Google [Blogspot] widget ini sudah ada cuma Katagori yang bisa ditampilkan dalam satu widget maksimal [5] dan tidak bisa digabung

Read more ...