Posts

Showing posts from October, 2016

Slideshow Auto Play

Image
Cara membuat Slideshow spt diatas: 1.Masuk Blogger 2.Tata letak/layout 3.Add gadget --> Html/javascript     Masukkan kode dibawah ini <style type="text/css"> /* All Styles Optional */ * { font-family:arial; font-size:10pt; } div#show3 { background-color:#efefef; width:140px; margin:0 auto; border:1px solid #444444; } div#show3 table td, div#show4 table td { height:24px; background-image:url('38.gif'); } div#show4 table td { background-image:url('40.gif'); } div#show3 table input, div#show4 table input { outline-style:none; } </style> <!--[if IE]> <style type="text/css"> div#show3 table td, div#show4 table td { height:21px; } </style> <![endif]--> <script type="text/javascript"> //If using image buttons as controls, Set image buttons' image preload here true //(use false for no preloading and for when using no image buttons as controls): var preload_ctrl_images=true; //And co

Script atau CSS slider, Carousel, Menu, DLL. yang di hosting di Google Drive tidak berfungsi.

Image
Banyak template yang menggunakan Script atau CSS, yang di hosting di Google Drive tidak berfungsi. Entah itu script untuk slider, Carousel dan lain sebagainya. dikarenakan Google menghentikan layanan googlecode 1.Cari Script/CSS yang tidak fungsi itu         "contoh disini saya menggunakan Javascript yg pernah hosting di google Drive" https://googledrive.com/host/ 0B4dIDitMRCZodEpCOGtHYlEwbDg 2.Kembalikan format file asli dari google drive seperti dibawah ini: https://drive.google.com/file/d/ 0B4dIDitMRCZodEpCOGtHYlEwbDg /view?usp=sharing   3.kemudian buka link tersebut di browser. 4. Download file tersebut, 5.kemudian di upload/hosting di tempat lain. seperti di : yourjavascript.com (gratisan, mudah dan gampang)

Slide Carousel Responsive dan support touch screen For Blogger

Image
Kalo nggak dicatat ntar saya lupa, sedikit berantakan, kburu waktu +  male nulis udah gini aja: 1.Buka Blogger 2.Login 3.Pilih Blog kamu => template => Edit HTML 4.kode berikut di dalam/antara <head> </head>: <link rel="stylesheet" href="https://unpkg.com/flickity@2.0/dist/flickity.css" media="screen"/> 5.kode berikut di dalam/antara  <body>   </body>: <script src="https://unpkg.com/flickity@2.0/dist/flickity.pkgd.min.js"></script> 6.masuk layout => Add a Gadget => HTML/JavaScript masukkan kode: <style> /* external css: flickity.css */ .gallery-cell { width: 25%; height: auto; background: #333; margin-right: 10px; } .gallery { background: #eee; } .gallery-cell.is-selected { background: #d0021b; padding: 0 0 30px; } .flickity-page-dots .dot { padding: 0 0 10px; width: 15px; height: 5px; margin: 0 5px 20px; } .flickity-prev-next-button{ ba