1. Login ke blog/blogspot
2. Kemudian klik Template -> Edit HTML -> Lanjutkan
3. Cari kocde </head> dengan menekan Ctrl+f
4. Kemudian taruh kode di bawah ini tepat di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
5. Setelah itu ke Tata Letak - Tambah Gadget ( atur sesuai keinginan ) lalu paste kode di bawah ini
<ul class="slideshow">
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd7yaEsfXG7Ng284oeh9JfdhpjLzOI_Lh6dFYqL1pWA9ETeIwXW_pZW15rvMBt3QOdJmx0gv2GEcC8XY53f9lWzH6e_owAZcEirAgN-wtRhUVmBYGRnO1GSF1Lgl_yfzXmQ8sQ8OYhAS0s/s640/289655_1985430762547_1446624116_31859153_6509561_o.jpg" title="INSIDER 85 2011" alt="Peucang." /></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-qSmLvh-c6gAQg7OVKghPdD_0AVc9B5zJAbkNORZXXpolfNcx0f4A3-n6sCecBHchIf953uxdBgcdNlHtnQ1UhW7S2Q8kXUzbZStQOx-6LT4LYj75xafICB2shsSq7z4oVmDs6wqsJxT/s640/185416_1985423282360_1446624116_31859136_6452914_n.jpg" title="INSIDER 85 2011" alt="Peucang." /></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiItBbOsNHxNvvOIaMwWlUYYdyv-mJE9SCogZ04bH4UM2P0LeoQUfFj2ILEGZbzQHCZ_84w4DCHTFW4V2tsfWfPH-QLZQ0cBqlAduiXXn1hGXY8C3d5oqo2CqkGvJcvDFhyphenhyphenAlzYPHfy-g6r/s640/289285_1985438122731_1446624116_31859173_3158270_o.jpg" title="INSIDER 85 2011" alt="Peucang." /></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7zjHnEi5G7eHiJJhMkDsDg1GCBfDkQLrN6qTFnXC4lL46vsftWgBhYrPIAd1oV26_xNMqNthVsZU_hRPPHFBolTrJBu24P577ZpFChO8rJfxj-zPlfe1YC01Vp3x3iaCmH2G43cF2Zx40/s512/IMG00085-20110727-1149.jpg" title="INSIDER 85 2011" alt="Peucang." /></a></li>
</ul>
6. Ganti tulisan berwarna merah dengan URL gambar anda , ganti TITLE dan ALT sesuai keinginan anda
2. Kemudian klik Template -> Edit HTML -> Lanjutkan
3. Cari kocde </head> dengan menekan Ctrl+f
4. Kemudian taruh kode di bawah ini tepat di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
//Execute the slideShow, set 6 seconds for each images
slideShow(3000);
});
function slideShow(speed) {
//append a LI item to the UL list for displaying caption
$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');
//Set the opacity of all images to 0
$('ul.slideshow li').css({opacity: 0.0});
//Get the first image and display it (set it to full opacity)
$('ul.slideshow li:first').css({opacity: 1.0});
//Get the caption of the first image from REL attribute and display it
$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));
//Display the caption
$('#slideshow-caption').css({opacity: 0.7, bottom:0});
//Call the gallery function to run the slideshow
var timer = setInterval('gallery()',speed);
//pause the slideshow on mouse over
$('ul.slideshow').hover(
function () {
clearInterval(timer);
},
function () {
timer = setInterval('gallery()',speed);
}
);
}
function gallery() {
//if no IMGs have the show class, grab the first image
var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));
//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));
//Get next image caption
var title = next.find('img').attr('title');
var desc = next.find('img').attr('alt');
//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
//Hide the caption first, and then set and display the caption
$('#slideshow-caption').animate({bottom:-70}, 300, function () {
//Display the content
$('#slideshow-caption h3').html(title);
$('#slideshow-caption p').html(desc);
$('#slideshow-caption').animate({bottom:0}, 500);
});
//Hide the current image
current.animate({opacity: 0.0}, 1000).removeClass('show');
}
//]]>
</script>
<style type="text/css">
ul.slideshow {
list-style:none;
width:600px;
height:240px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:Arial,Helvetica,Trebuchet MS,Verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
width:600px;
height:240px;
border:none;
}
#slideshow-caption {
width:600px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
</style>
<ul class="slideshow">
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd7yaEsfXG7Ng284oeh9JfdhpjLzOI_Lh6dFYqL1pWA9ETeIwXW_pZW15rvMBt3QOdJmx0gv2GEcC8XY53f9lWzH6e_owAZcEirAgN-wtRhUVmBYGRnO1GSF1Lgl_yfzXmQ8sQ8OYhAS0s/s640/289655_1985430762547_1446624116_31859153_6509561_o.jpg" title="INSIDER 85 2011" alt="Peucang." /></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-qSmLvh-c6gAQg7OVKghPdD_0AVc9B5zJAbkNORZXXpolfNcx0f4A3-n6sCecBHchIf953uxdBgcdNlHtnQ1UhW7S2Q8kXUzbZStQOx-6LT4LYj75xafICB2shsSq7z4oVmDs6wqsJxT/s640/185416_1985423282360_1446624116_31859136_6452914_n.jpg" title="INSIDER 85 2011" alt="Peucang." /></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiItBbOsNHxNvvOIaMwWlUYYdyv-mJE9SCogZ04bH4UM2P0LeoQUfFj2ILEGZbzQHCZ_84w4DCHTFW4V2tsfWfPH-QLZQ0cBqlAduiXXn1hGXY8C3d5oqo2CqkGvJcvDFhyphenhyphenAlzYPHfy-g6r/s640/289285_1985438122731_1446624116_31859173_3158270_o.jpg" title="INSIDER 85 2011" alt="Peucang." /></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7zjHnEi5G7eHiJJhMkDsDg1GCBfDkQLrN6qTFnXC4lL46vsftWgBhYrPIAd1oV26_xNMqNthVsZU_hRPPHFBolTrJBu24P577ZpFChO8rJfxj-zPlfe1YC01Vp3x3iaCmH2G43cF2Zx40/s512/IMG00085-20110727-1149.jpg" title="INSIDER 85 2011" alt="Peucang." /></a></li>
</ul>
6. Ganti tulisan berwarna merah dengan URL gambar anda , ganti TITLE dan ALT sesuai keinginan anda
SEMOGA BERMANFAAT :)
Sumber : http://www.berryhs.com/2011/10/cara-membuat-slide-show-di-blog.html
Merekomendasikan di Penelusuran, Berbagi di Google+
+1 memicu percakapan. Klik tombol +1 untuk memberikan cap persetujuan publik Anda pada sesuatu. Selanjutnya, jika Anda ingin langsung berbagi, tambahkan komentar dan kirim ke lingkaran yang tepat di Google+.Pada saat teman dan kenalan Anda menelusuri Google, mereka dapat melihat +1 Anda. Anda akan membantu mereka menemukan hal-hal terbaik di web – dan Anda mungkin saja memulai percakapan yang lain!
Buka Google+
atau buka saja webnya DISINI
Cara menambahkan Google Plus One (+1)
- Login ke blog
- Kemudian klik Template -> Edit HTML -> Lanjutkan
- Beri tanda centang pada Expand Template Widget
- Cari kode </head> dengan menggunakan CTRL+F
- Setelah ketemu taruh kode berikut ini di atasnya
{lang: 'id'}
</script>
6. Cari kode <div class='post-footer'> dengan menggunakan CTRL+F
7. Setelah ketemu taruh kode berikut ini di bawahnya
<g:plusone expr:href='data:post.url' size='medium'/>
8. Kita dapat menganti medium dengan standard, small, atau tall.
9. Jika sudah selesai simpan template
ini adalah materi pertama dari statistika, pada pertumuan ini bu dosen mengajarkan tentang definisi dari statiska dan probabilitas
kalau mau download tinggal klik saja --------> DISINI
kalau yg pertemuan ke 2 ini bu dosen mengajarkan tentang Penyajian data.
kalo mau baca2 materinya silahkan saja di download haha
monggo di sedot DISINI
pertemuan yg ke 3 adalah Ukuran pemusatan , di dalam materi ini di jelaskan tentang MEDIAN,MODUS,KUARTIL,DESIL,PERSENTIL DLL
tinggal sedot aja DISINI
kalau mau download tinggal klik saja --------> DISINI
kalau yg pertemuan ke 2 ini bu dosen mengajarkan tentang Penyajian data.
kalo mau baca2 materinya silahkan saja di download haha
monggo di sedot DISINI
pertemuan yg ke 3 adalah Ukuran pemusatan , di dalam materi ini di jelaskan tentang MEDIAN,MODUS,KUARTIL,DESIL,PERSENTIL DLL
tinggal sedot aja DISINI
kali ini saya mau berbagi cursor dari tim kebanggaan saya yaitu Manchester United
kursor ini di peruntukkan untuk mempercantik kursor di blog sobat.
silahkan di copy saja kalo belom ngerti caranya buka DISINI :)
kursor ini di peruntukkan untuk mempercantik kursor di blog sobat.
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/sports/spo-5/spo590.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/02/21/manchester-united.html" target="_blank" title="Manchester United"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Manchester United" style="position:absolute; top: 0px; right: 0px;" /></a>
silahkan di copy saja kalo belom ngerti caranya buka DISINI :)
artikel ini gua ambil dari http://www.bamz.us , sebelunya minta maaf dari pihak admin tersebut jika artikelnya gua copas heheh :D
berikut adalah langkah-langkahnya
- Login ke Blogspot
- Buka halaman design > Edit HTML > centang Expand template widget
- Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
- Paste kode berikut tepat dibawah </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
- Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p> ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
- Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
- Finish simpan template dan lihat hasilnya
- summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
- summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
- img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
- img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
- Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.
Gua baru dapet ilmu dari blog-blog orang tentang membuat judul blog bergerak nih haha, kalo mau di coba silahkan saja, gua cuma mau berbagi saja :)
1. Login ke blog/blogspot
2. Kemudian klik Template -> Edit HTML -> Lanjutkan
3. Cari kode <title><data:blog.pageTitle/></title> dengan menekan Ctrl+f
4. Setelah ketemu ganti kode tersebut dengan
<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
5. Kalau ingin merubah kecepatan geraknya, tinggal atur angka yang berwarna biru dari script diatas. Jika angkanya di ubah 100 keatas, maka gerakannya makin lambat, kalau angkanya kurang dari 100, gerakannya semakin cepat. Tinggal pilih yg mana yg enak hahaha
6. Jika sudah selesai tinggal di simpan
1. Login ke blog/blogspot
2. Kemudian klik Template -> Edit HTML -> Lanjutkan
3. Cari kode <title><data:blog.pageTitle/></title> dengan menekan Ctrl+f
4. Setelah ketemu ganti kode tersebut dengan
<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
5. Kalau ingin merubah kecepatan geraknya, tinggal atur angka yang berwarna biru dari script diatas. Jika angkanya di ubah 100 keatas, maka gerakannya makin lambat, kalau angkanya kurang dari 100, gerakannya semakin cepat. Tinggal pilih yg mana yg enak hahaha
6. Jika sudah selesai tinggal di simpan
1. Login ke blog/blogspot
2. Kemudian klik Template -> Edit HTML -> Lanjutkan
3. Cari kocde </head> dengan menekan Ctrl+f
4. Kemudian taruh kode di bawah ini tepat di atas kode </head>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/sports/spo-5/spo590.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/02/21/manchester-united.html" target="_blank" title="Manchester United"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Manchester United" style="position:absolute; top: 0px; right: 0px;" /></a>
2. Kemudian klik Template -> Edit HTML -> Lanjutkan
3. Cari kocde </head> dengan menekan Ctrl+f
4. Kemudian taruh kode di bawah ini tepat di atas kode </head>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/sports/spo-5/spo590.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/02/21/manchester-united.html" target="_blank" title="Manchester United"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Manchester United" style="position:absolute; top: 0px; right: 0px;" /></a>
Popular Posts
-
Bismillahirrohmannirrohim tau cara printscreen kan? pasti mencet tombol "PrtSc" (printscreen) lalu ke paint sehabis itu di past... -
Hal yang pertama di lakukan adalah melakukan update/upgrade, tujuannya untuk memperbaharui system dan paket yang sudah terinstall seb...
-
Assalamualaikum Wr. Wb. Screenshot berguna untuk menjepret gambar dari layar Handphone sobat kedalam bentuk Gambar. Caranya cukup mudah... -
CARA INSTAL DRIVER INTEL DI BACKTRACK 5 R3 Pada tulisan saya kali ini saya ingin berbagi tentang cara menginstall driver intel di backt...
-
.png)
mau seperti gambar diatas? caranya sangat mudah hehe langah pertama adalah masuk keterminal lalu ketik " sudo apt-get install fort...
Popular posts
-
Siapa yang tidak kenal dengan Apple Mac OSX ??? Apple Macintosh adalah sebuah Operating System yang handal ...
-
Sobat blogger pasti tau, bahwa copy paste adalah hal yang biasa ketika kita ingin menambah jumlah postingan kita, maka kita mencari cari art...
-
Yang biasa suka banget downloan ga mungkin kan downloadnya lama pake yang di browser. mending pake aplikasi ini aja biar mantap. Ini aplikas...
-
Mac OS adalah singkatan dari Macintosh Operating System. Mac OS merupakan sistem operasi komputer yang dibuat oleh Apple Computer khusus u... -
Kali ini saya akan share cara sederhana untuk membuat robot yaitu cara membuat robot dengan menggunakan bahan-bahan yang sederhana, cara ce... -
Hal yang pertama di lakukan adalah melakukan update/upgrade, tujuannya untuk memperbaharui system dan paket yang sudah terinstall seb...
-
Cheat Engine (CE) ialah sebuah aplikasi open source yang dibuat oleh darkbyte dan seperti namanya program ini digunakan untuk mengech...
-
BlackBerry OS adalah milik Sistem Operasi Mobile , yang dikembangkan oleh Research In Motion untuk perusahaan BlackBerry garis smar...
-
onet adalah sebuah game yg membutuhkan kecepatan mata untuk mencocokan gambar. mungkin pada awalnya anda tidak suka karena game ini b...