Sobat... kita jumpa lagi dalam blog ini. Coba perhatikan gambar slide dibawah ini :
Bagaimana? tertarik? tampilan gambar slide diatas sesuai judul postingan ini diperuntukan untuk baground blog. jadi berbeda seperti postingan admin terdahulu tentang
baground postingan berubah warna . Kali ini tampilan slide ini akan mempercantik baground blog sobat dengan berbagai gambar sesuai keinginan sobat. Nah sekarang ikuti tutorialnya :
1.
Login Keblog Sobat
2. Masuk Rancangan Klik Edit HTML
3. Letakkan CSS berikut diatas kode ]]></b:skin>
4. Letakan script HTML ini diatas kode </head>
<script src="https://sites.google.com/site/cuerosbhelatos/cueros.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/cuerosbhelatos/sikil.js" type="text/javascript">
</script>
<script>
$(document).ready(function() {
$('.sleding').sikil({
fx: 'growX', // Kode growX bisa diganti dengan:fade, scrollUp, scrollRight, scrollDown, turnUp, turnDown, turnLeft, turnRight, wipe, toss, uncover, cover, fadeZoom, zoom, blindX, blindY, growX, growY, curtainX, curtainY //
pager: '#smallnav',
pause: 2,
speed: 2000,//ganti nilai varibelnya semakin besar nilainya semakin lambat efek slidenya//
timeout: 2000
});
});
</script>
5. letakan kode berikut di bawah kode </head>
<div class="sleding">
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsTs1buAdaiPZoA_vahq2eSvzN7nkdSVTahRwDbRjVW6seilN0XaPUUzDCFa3W4-0-xGRW9PGIYLoh8mtbFmoyqj30QzBif73KRzGxaVBSuzKPuR-Y3ZUDRVrKuiycpcO3pqtSpFVbnYw/s640/74.jpg “ class=”coX”
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPs0CwMLMViRxmzNN9yFkrHB5ARjwKOVh0f4z7IlcvfM78ckLyWD2bQokOHpojv5GNW9cRTXVxjuR3F4zb4y95MNenfksKQH_AzIW5xg2TD426flusIFSMMYIqbr2ll6QFH-2LuPYDOxw/s640/78.jpg” class=”coX”
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8QCJq2prVlRfrr044z1RpGy0TE2jdhKxO8GCSkXiRxbxf08enX2DKKS7snUuJRLIrSfVZh7qXI6jGVyc_3yTewv2VWwMaFRX_pFx-HP3eE55_Yz1sxztlZuQoD8HA48OrLR24CWaCWSU/s640/Autumn_Days_1600-x-1200-1024x768.jpg” class=”coX”
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_IV6Qbdqsn3Sao9Fv_zeVASJe6CcBXG7LOrWDWGkbTXfji2fEL4wADQC1oFOc1Sofxqn7t4rzZrC-8gycAMgHBLm7GizU2ooOEtVw36VvimvTPKx9oDimRPNwcO3sCLryvToLKpLyreo/s640/beautifulg_mKRw0fcX.jpg class=”coX”
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8t10V5zTQ6s4vR7VCWxmQQKoaSmrInyoJfI9ZBrsPo2BI0uMj4qYWLthMD93h6jRHRURfrUpW_M3BvbX3_hCYd32e_j0BGu4b3U7KoPN5hle0s-X26h6V_iy66z_YhD1rDxioPIayIt8/s640/gunung.jpg” class=”coX”
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG2iez5ZcamBWhsv_3cQTC0MxLIVk-4tNs3RCB88Lud5WRVjrAaJtQ2sISTOle04Wjj_2sbpQbWHzDyrEfZpeXRtvh9llQ05bYcnydst95VOrWqb9gPoyukyST9gxI46q1i04o1SlhCzo/s640/Laniakea_Sunset_1600-x-1200-1024x768.jpg” class=”coX”
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFJNzNJcP6Stf_47gBi5aYJX5MAvihj8KdduBT63tMHYsdDbnaWFJyqhCiCpEY7cf4JMF85GoUDrJC9XXmIwYmrxwnBnFOb2aGzZLEjLwl2Obo0ets77vx_gl_DuwhI4XwRWCdoMWcNCw/s640/lembahharau.jpg” class="coX"/>
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM7MVHWOpXRpUN-cVlPu-bJ7bwcp13hDNb3UVqu1flTB_AKjJKqXYmwovF9PVrVaGFw7Z8wC8f2-kCV1oEjWZdg6bEKgnJpSUuL5C_f-0MiumvaL5kMr_WIAmdFLRotsInXX5BIy0vFbs/s640/P9.jpg “ class="coX"/>
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt5k_as4mihDCh06gxZxMGzeLizDvaWk6W_XEOEU2Tmundj8Ux9sL6-ZwgKrRnruag-RctVy9fqAEQrVBn81duadrw3EhAyRu0mAIg4qxAhNQVBifNqaU5u2HS7Tnz47Wbqc6-h0vJCfY/s640/P.0.jpg “ class="coX"/>
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjWa187OtTKrUw1h82YhFlbTHqqN7gNe6jP7-qjec_3p37j5GM0viat-K3ARrtfmyyG9KkXav8pIJGxJ0BpxJ2kO0it_x-oBoz63-o4uTDPHNPQOhOfnlk_Q0EPnlXsfyPMvoH5be5cHs/s640/PEMANDANGAN+1.jpg “ class="coX"/>
</div>
Nah sobat selesai sudah pekerjaan memasang gambar slide untuk mengganti baground blog sobat dengan tampilan lebih hidup. semoga bermanfaat untuk sobat terima kasih.
0 Response to "BACKGROUND BLOG BERGANTI SLIDE GAMBAR"
Posting Komentar