Posts

Showing posts with the label Tips Blog

Search Box Keren Dan Stylish Untuk Blogger

Image
Dibawah ini ada 6 Style yang bisa anda pilih salah satunya atau bisa langsung pasang semuanya biar rame . Dan cara pemasangannya adalah seperti dibawah ini . Login Blogger Layout Add Gadget Tempelkan script Search Box  Save Style 1 <style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT2TnQhFhf_URMgKncVzobj5mKi7lW84W65ao5KpJ7KkqxQseocnMGDmBp7JAvOTkx01NqaClybJ-EpXMt-f3tsjYnJ8N8-CweakDNjEY8VxcNhm9sxihcxgcLzx2eJR6ZlP4fiRg3gSeD/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchfor...

Mengganti warna teks dan background saat di blok

Image
      B aiklah kali ini saya akan membagikan tentang cara mengganti warna teks dan background saat di blok Pada sebuah blog atau web kita sering menemukan gaya gaya teks yang saat di blok warna background dan teks tidak seperti warna standar biru dan putih yang membosankan itu, ada kuning, hijau, merah, ungu dan lain sebagainya. Lantas, bagaimana caranya? Ok, kita dapat memamfaakan elemen CSS yang sederhana dengan menambahkan  ::selection{background-color:#ff6858;color:#fff;} pada style. Namun itu saja tidak cukup karena akan berjalan pada peramban Google Chrome saja menurut pengalaman. Bagaimana agar berjalan pada semua peramban? Berjalan pada semua peramban sih enggak, namun kita dapat menutupi kekurangan agar berjalan pada IE, Opera, Edge, Mozilla maupun Chrome dengan menmbahkan ::-moz-selection {background:#0089E0;color:#fff;} ::-webkit-selection {background:#0089E0;color:#fff;} Jadinya akan seperti ini dibawah ini : ::selection{background-color:#0089E0;color:#f...

Membuat Banner Iklan Dengan Css

Image
Membuat Banner Iklan Dengan Css  - Seperti yang sudah kita tahu bahwa  Banner Iklan  berperilaku seperti poster dan baliho dimana di dalamnya berfungsi untuk memajang beraneka informasi sesuai dengan pihak yang bersangkutan.  Banner iklan bisa sangat mudah kita jumpai di pinggir jalan dan tempat-tempat strategis dengan tujuan agar lebih banyak orang yang melihat dan menjangkau pasar yang luas. Biasanya iklan bertujuan komersil. Banner iklan tidak hanya bisa kita jumpai di pinggir jalan maupun di berbagai perempatan, karena fungsi tersebut kini dapat diterapkan pada website maupun blog untuk menampilkan iklan berupa produk maupun layanan serta informasi. Pada umumnya, situs website yang memiliki pengunjung akan menampilkan banner baik itu berisi iklan produk sendiri maupun produk dari pihak lain dimana situs website tersebut berperan sebgai pemasar saja. Dan pada umumnya, banner biasa dibuat dengan media gambar statis JPG, gambar bergerak GIF dan sering pu...

Cara Ampuh Tingkatkan Page View Blog

Image
C ara Ampuh Tingkatkan Page View Blog - kali ini saya akan berbagi trik yang ampuh sekali untuk meningkatkan pageview blog dengan sangat sangar ! Ya ... saya bilang sangar dan pokoknya Joss dah . Caranya gimana  ??? Nah itu dia yang akan saya bahas di artikel ini . Kebetulan tadi saya habis jalan-jalan di sebuah blog yang membuat bingung dan bilang "orang yang aneh yang punya blog ini" haha . Kenapa saya bilang aneh ... ? Pas saya lihat statistik widget blog itu saya sempat bilang Hmmmeeh pantesan aja ... Page view blog tersebut sudah tembus 10 jutaan lebih >.< wooow ... Padahal materinya biasa saja saya bilang . cuma post-post berita . Tapi dia pakai trik yang tidak saya sangka sama sekali . Yaitu dengan auto refresh . Nah loh ... Caranya gampang sekali jika anda pengen pakai trik ini . Dan silahkan rasakan meledaknya pageviews di blog anda . Cara Meningkatkan Pageviews dengan Auto Refresh Untuk menggunakan cara ini , silahkan masuk ke template anda dan letakkan kode d...

Daftar Kode Icon Font Awesome Lengkap

S ebelumnya saya sudah memosting dan membahas Cara Menggunakan Icon Font Awesome Pada Css Dan HTML ,pada kesempatan ini saya akan kembali memosting Daftar Kode Icon Font Awesome Lengkap.Nah but yang belum tau   Apa Itu Icon Font Awesome ? Font Awesome  adalah jenis font yang berbentuk gambar atau icon yang digunakan untuk mempercatik  tampilan blog atau website, Font awesome sendiri memiliki banyak versi, ada yang lama dan ada yang terbaru. Yang membedakan yang lama dengan yang baru adalah untuk versi terbaru biasanya ada penambahan ikon-ikon unik dan menarik. Kelebihan Icon Font Awesome  Ringan, bisa mempercepat loading blog karena biasanya yang digunakan adalah image atau gambar ikon. Gratis alias Free , bisa digunakan untuk komersial maupun non komersial. Icon akan terlihat sempurna di dalam ukuran font berapapun. Mudah untuk diberikan Style CSS dan bisa di warnai. Compatible dengan Bootsrap 3.0.0. Support dengan Browser lama. Okey langsung saja saya sajikan ...