Den Cokie

Ini adalah cara membuat banyak slider pada postingan blogger (khususnya), tidak perlu buka template blog untuk menaruh css & script-nya cukup hanya pada laman postingan saja. Berikut adalah codingnya <!-- Blogger Slideshow Dengan Thumbnails --> <!-- _Slideshow Styles & script --> <link rel ='stylesheet' id ='camera-css' href ='http://project.dimpost.com/camera-slideshow/css/camera.css' type ='text/css' media ='all'> <script type ='text/javascript' src ='https://code.jquery.com/jquery-2.1.4.min.js'></script> <script type ='text/javascript' src ='http://project.dimpost.com/camera-slideshow/scripts/jquery.mobile.customized.min.js'></script> <script type ='text/javascript' src ='http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script> <script type ='text/javascript' src ='http://projec...

Sesuai dengan judul, artikel ini untuk mencegah artikel yang kita tulis di copy.  Membatasi bagian-bagian tertentu yang dapat  di copy, seperti <pre>, <blockquot>, <i>. dan lainnya, sesuai dengan yang kita butuhkan. Saya sudah menerapkannya pada blog ini. 1.Buka Dasboard Blog yang akan di pasang kode ini. 2.Pilih Template. 3.cari ]]></b:skin>  4.letakkan kode berikut di atas nya. .post-body{ -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none } Jika Kita ingin beberapa bagian dapat di copy, tambahkan kode berikut di atas ]]></b:skin>  juga blockquote,.blockquote,pre,code,i { -webkit-touch-callout:text; -webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; -o-user-select:text; user-select:text } kode yang berwarna biru adalah kode class yang dapat di copy isi didalamnya. 5.Simpan Template. 6.Selesa...

Bak primadona pada zamannya, FIZ merupakan sepeda motor yang masih digemari hingga saat ini. siapasih yang nggak tau dengan motor yang satu ini?  Menurut mbak wiki, besutan ini adalah lanjutan dari generasi sepeda motor Yamaha Alfa yang memiliki jeroan 105cc yang lebih dahulu diperkenalkan pada akhir tahun 1980-an. Model Force 1 pertama yang diluncurkan tahun 1992 ini masih menggunakan model rem teromol depan belakang. Motor ini adalah motor bebek pertama Yamaha di Indonesia yang sudah memakai teknologi pendingin YPCS singkatan dari Yamaha Performance Cooling System.  Cara kerja YPCS adalah dengan mengandalkan kipas sebagai sistem pendingin mesin. Kipas ini berfungsi menyedot udara dari luar untuk mendinginkan sirip blok mesin. Jadi suhu mesin tetap terjaga, kinerja mesinpun bisa terus optimal. Bebek pertama dengan sistem YPCS Sistem ini sebenarnya sudah sianut lebih dulu oleh Suzuki yang disebut Suzuki Jet Cooled. namun ditambah dengan nozzle yang menyemp...

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...

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)

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...

Membuat Logo Berputar: Kode CSS: .box-animations{ background:url( urlgambar )no-repeat center; width: 75px ; height: 75px ; margin:0; -moz-animation:animaputar 2s infinite linear; -webkit-animation:animaputar 2s infinite linear } @-moz-keyframes animaputar{ 0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} } @-webkit-keyframes animaputar{ 0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} } Kode Html: <div class='box-animations'/> url gambar Dimensi = Harus perspektual, supaya muternya nggak oblak