Cara membuat slide bergambar dari artikel terbaru muncul di atas blog. Cara memasang animasi slider dari posting blog with thumbnail. Script auto content slider Jquery . Membuat efek effect slide otomatis di atas blog dari artikel terbaru. Membuat slideshow headline news seperti situs website. Membuat model slide artikel bergambar di atas blog. Membuat artikel bergambar tampil berjalan satu-persatu seperti slideshow situs website. Membuat Auto Feature Slider diBlog. Memasang Jquery Slideshow diBlog. Cara Membuat Feature Content Slider diBlog. Membuat Slideshow Dari 5 Artikel Bergambar. Membuat Slideshow Otomatis Dari Artikel Bergambar. Auto Content Slider Horizontal Blog. Membuat Slideshow Headline News Horizontal. Membuat Effect Slideshow Thumbnail Horizontal-Vertical. Membuat Auto Slider Per Label with Thumbnail. Membuat Animasi Slide Bergambar diBlog. Menambahkan slideshow thumbnail berjalan otomatis.Auto Content Slider Effect Jquery. Membuat Slider Posting Bergambar Di widget. Membuat Artikel Bergambar Slideshow Otomatis. Membuat Feature Slideshow Tampil Di Postingan. Memasang Slideshow Gambar Di Posting. Membuat Slide Foto Toko Online Tampil Di Posting. Membuat slide gambar satu-persatu seperti Toko Online tampil di Posting. Membuat auto feature slider Vertical. Membuat recent post slideshow Horizontal. Membuat Auto Slider Recentpost Horizontal. Tutorial 20+ Model Feature Slideshow Headline News. Script Code Jquery Auto Slider Vertical-Horizontal. 1. LogIn ke akun blogger. 2. Setelah masuk dasbor, Pilih Rancangan/Design. 3. Pada menu bagian atas, Klik Edit HMTL, tepatnya berada di sebelah menu ‘edit elemen’. 4. Beri centang pada kotak ‘Expand Widget Templates’. 5. Tekan CTRL + F di keyboard, masukkan kata kunci ]]> ke dalam kotak find. 6. Setelah ketemu, copy script kode berikut dan letakkan tepat di atas kode ]]>. #slideshow { margin:0 auto; width:640px; height:263px; background:transparent url(http://i1133.photobucket.com/albums/m596/abu-farhan/slick-bg_slideshow.jpg) no-repeat 0 0; position:relative; } #slideshow #slidesContainer { margin:0 auto; width:560px; height:263px; overflow:auto; /* allow scrollbar */ position:relative; } #slideshow #slidesContainer .slide { margin:0 auto; width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:263px; } /** * Slideshow controls style rules. */ .control { display:block; width:39px; height:263px; text-indent:-10000px; position:absolute; cursor: pointer; } #leftControl { top:0; left:0; background:transparent url(http://i1133.photobucket.com/albums/m596/abu-farhan/slick-control_left.jpg) no-repeat 0 0; } #rightControl { top:0; right:0; background:transparent url(http://i1133.photobucket.com/albums/m596/abu-farhan/slick-control_right.jpg) no-repeat 0 0; } .slide h2, .slide p { margin:15px; font:normal 11px Verdana, Geneva, sans-serif; color:#ccc; } .slide h2 { font:italic 24px Georgia, "Times New Roman", Times, serif; color:#ccc; letter-spacing:-1px; } .slide img { float:right; margin:0 15px; } Kalau sudah klik simpan template dan tunggu beberapa saat sampai penyimpanan selesai. Berikutnya klik kembali menu ‘Rancangan’, atau dalam blog versi English “Design”. Tambahkan gadget/widget baru, gulir ke bawah dan klik tanda “+” pada HTML/JavaScript. Sekarang masukkan script kode dibawah ini ke dalam widget.
script> Keterangan: Gantilah kode yang dicetak Biru dengan alamat url blog Anda. Simpan, dan lihat hasilnya.
Copyright voa-junior.com Under Common Share Alike Atribution 1. LogIn ke akun blogger. 2. Setelah masuk dasbor, Pilih Rancangan/Design. 3. Pada menu bagian atas, Klik Edit HMTL, tepatnya berada di sebelah menu ‘edit elemen’. 4. Beri centang pada kotak ‘Expand Widget Templates’. 5. Tekan CTRL + F di keyboard, masukkan kata kunci ]]> ke dalam kotak find. 6. Setelah ketemu, copy script kode berikut dan letakkan tepat di atas kode ]]>. #slideshow { margin:0 auto; width:640px; height:263px; background:transparent url(http://i1133.photobucket.com/albums/m596/abu-farhan/slick-bg_slideshow.jpg) no-repeat 0 0; position:relative; } #slideshow #slidesContainer { margin:0 auto; width:560px; height:263px; overflow:auto; /* allow scrollbar */ position:relative; } #slideshow #slidesContainer .slide { margin:0 auto; width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:263px; } /** * Slideshow controls style rules. */ .control { display:block; width:39px; height:263px; text-indent:-10000px; position:absolute; cursor: pointer; } #leftControl { top:0; left:0; background:transparent url(http://i1133.photobucket.com/albums/m596/abu-farhan/slick-control_left.jpg) no-repeat 0 0; } #rightControl { top:0; right:0; background:transparent url(http://i1133.photobucket.com/albums/m596/abu-farhan/slick-control_right.jpg) no-repeat 0 0; } .slide h2, .slide p { margin:15px; font:normal 11px Verdana, Geneva, sans-serif; color:#ccc; } .slide h2 { font:italic 24px Georgia, "Times New Roman", Times, serif; color:#ccc; letter-spacing:-1px; } .slide img { float:right; margin:0 15px; } Kalau sudah klik simpan template dan tunggu beberapa saat sampai penyimpanan selesai. Berikutnya klik kembali menu ‘Rancangan’, atau dalam blog versi English “Design”. Tambahkan gadget/widget baru, gulir ke bawah dan klik tanda “+” pada HTML/JavaScript. Sekarang masukkan script kode dibawah ini ke dalam widget.
script> Keterangan: Gantilah kode yang dicetak Biru dengan alamat url blog Anda. Simpan, dan lihat hasilnya.
Copyright voa-junior.com Under Common Share Alike Atribution 1. LogIn ke akun blogger. 2. Setelah masuk dasbor, Pilih Rancangan/Design. 3. Pada menu bagian atas, Klik Edit HMTL, tepatnya berada di sebelah menu ‘edit elemen’. 4. Beri centang pada kotak ‘Expand Widget Templates’. 5. Tekan CTRL + F di keyboard, masukkan kata kunci ]]> ke dalam kotak find. 6. Setelah ketemu, copy script kode berikut dan letakkan tepat di atas kode ]]>. #slideshow { margin:0 auto; width:640px; height:263px; background:transparent url(http://i1133.photobucket.com/albums/m596/abu-farhan/slick-bg_slideshow.jpg) no-repeat 0 0; position:relative; } #slideshow #slidesContainer { margin:0 auto; width:560px; height:263px; overflow:auto; /* allow scrollbar */ position:relative; } #slideshow #slidesContainer .slide { margin:0 auto; width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:263px; } /** * Slideshow controls style rules. */ .control { display:block; width:39px; height:263px; text-indent:-10000px; position:absolute; cursor: pointer; } #leftControl { top:0; left:0; background:transparent url(http://i1133.photobucket.com/albums/m596/abu-farhan/slick-control_left.jpg) no-repeat 0 0; } #rightControl { top:0; right:0; background:transparent url(http://i1133.photobucket.com/albums/m596/abu-farhan/slick-control_right.jpg) no-repeat 0 0; } .slide h2, .slide p { margin:15px; font:normal 11px Verdana, Geneva, sans-serif; color:#ccc; } .slide h2 { font:italic 24px Georgia, "Times New Roman", Times, serif; color:#ccc; letter-spacing:-1px; } .slide img { float:right; margin:0 15px; } Kalau sudah klik simpan template dan tunggu beberapa saat sampai penyimpanan selesai. Berikutnya klik kembali menu ‘Rancangan’, atau dalam blog versi English “Design”. Tambahkan gadget/widget baru, gulir ke bawah dan klik tanda “+” pada HTML/JavaScript. Sekarang masukkan script kode dibawah ini ke dalam widget.
script> Keterangan: Gantilah kode yang dicetak Biru dengan alamat url blog Anda. Simpan, dan lihat hasilnya.
Copyright voa-junior.com Under Common Share Alike Atribution 1. LogIn ke akun blogger. 2. Setelah masuk dasbor, Pilih Rancangan/Design. 3. Pada menu bagian atas, Klik Edit HMTL, tepatnya berada di sebelah menu ‘edit elemen’. 4. Beri centang pada kotak ‘Expand Widget Templates’. 5. Tekan CTRL + F di keyboard, masukkan kata kunci ]]> ke dalam kotak find. 6. Setelah ketemu, copy script kode berikut dan letakkan tepat di atas kode ]]>. #slideshow { margin:0 auto; width:640px; height:263px; background:transparent url(http://i1133.photobucket.com/albums/m596/abu-farhan/slick-bg_slideshow.jpg) no-repeat 0 0; position:relative; } #slideshow #slidesContainer { margin:0 auto; width:560px; height:263px; overflow:auto; /* allow scrollbar */ position:relative; } #slideshow #slidesContainer .slide { margin:0 auto; width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:263px; } /** * Slideshow controls style rules. */ .control { display:block; width:39px; height:263px; text-indent:-10000px; position:absolute; cursor: pointer; } #leftControl { top:0; left:0; background:transparent url(http://i1133.photobucket.com/albums/m596/abu-farhan/slick-control_left.jpg) no-repeat 0 0; } #rightControl { top:0; right:0; background:transparent url(http://i1133.photobucket.com/albums/m596/abu-farhan/slick-control_right.jpg) no-repeat 0 0; } .slide h2, .slide p { margin:15px; font:normal 11px Verdana, Geneva, sans-serif; color:#ccc; } .slide h2 { font:italic 24px Georgia, "Times New Roman", Times, serif; color:#ccc; letter-spacing:-1px; } .slide img { float:right; margin:0 15px; } Kalau sudah klik simpan template dan tunggu beberapa saat sampai penyimpanan selesai. Berikutnya klik kembali menu ‘Rancangan’, atau dalam blog versi English “Design”. Tambahkan gadget/widget baru, gulir ke bawah dan klik tanda “+” pada HTML/JavaScript. Sekarang masukkan script kode dibawah ini ke dalam widget.
script> Keterangan: Gantilah kode yang dicetak Biru dengan alamat url blog Anda. Simpan, dan lihat hasilnya.
+ komentar + 1 comment
mn om cara2 nya,,,
Terimakasih Ciboy Levionsa atas Komentarnya di Membuat Slideshow Berita Foto Seperti Detik.com Mhttp://magicxxcyber.blogspot.com
Posting Komentar
Informasi Pilihan Identitas:
Google/Blogger : Khusus yang punya Account Blogger.
Lainnya : Jika tidak punya account blogger namun punya alamat Blog atau Website.
Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan).