Langsung ke konten utama

Postingan

Menampilkan postingan dari September, 2017

Cara Membuat Widget Breaking News 2 Style di Blogger

Breaking News atau headline news biasa kita lihat di televisi. Breaking news ini biasanya menayangkan berita-berita terbaru secara sekilas, namun tidak hanya di televisi saja kita bisa melihat breaking news atau headline news ini, di website berita juga selalu ada. Untuk itu pada tutorial kali ini saya akan memberikan tutorial cara membuat widget breaking news 2 style di blogger . Widget breaking news ini biasanya di gunakan oleh situs atau blog dengan niche berita, namun bagi agan yang mau menggunakan widget ini selain niche berita juga di perbolehkan, karena berdampak positif bagi blog seperti menambah view dan memberitahukan kepada visitor bahwa ada artikel lainnya di dalam blog atau situs agan. (Baca juga :  Cara Membuat Widget Random Post Warna Warni dengan Counter di Blog ) Style Widget Breaking News Widget breaking news yang saya bagikan ini memiliki 2 style, berikut tampilan widget breaking news 2 style : Style 1 Widget breaking news ini memiliki cara pemasangan yang tidak ru

Cara Daftar dan Menggunakan MediaFire dengan Mudah

MediaFire adalah sebuah situs file hosting yang menyediakan penyimpanan berkas-berkas dan file. Situs file hosting yang di buat pada tahun 2006 ini menjadi tempat media penyimpanan terfavorit di dunia, selain Google Drive . Untuk itu pada tutorial kali ini saya akan memberikan tutorial cara daftar dan menggunakan mediafire dengan mudah . Sebelum saya membagikan cara daftar dan menggunakan mediafire , agan harus mengetahui kelebihan dan kekurangan dari file hosting mediafire. Berikut adalah kelebihan dan kekuarangan file hosting mediafire. (Baca juga :  Cara Memasang Komentar Disqus di Blogger dengan Mudah ) Kelebihan dan Kekurangan File Hosting MediaFire Kelebihan File Hosting MediaFire Simple dan tidak rumit seperti file hosting yang lain. File yang ingin di download akan langsung terdownload. Berbeda dengan file hosting lain, untuk akun free atau BASIC di berikan 10GB ruang penyimpanan, sehingga dapat menyimpan lebih banyak file. Bebas di bagikan kemana saja. Bebas di download sia

Cara Mendaftar dan Memasang Domain Gratis (tk, ml, ga, cf, gq)

Domain gratis , siapa orang yang tidak menginginkannya, Freenom adalah perusahaan yang memberikan domain gratis tersebut. Karena gratis, Freenom memiliki banyak user dari berbagai penjuru dunia. Pada tutorial kali ini saya akan memberikan tutorial tentang cara mendapatkan dan juga memasang domain gratis ini. Domain gratis yang di sediakan diataranya adalah : TK ML GA CF GQ Tidak hanya domain gratis, Freenom juga menyediakan domain berbayar jika agan ingin membelinya. Saya sendiri pernah menggunakan domain ini untuk blog yang saya buat, yaitu domain dot tk. Saya tau domain ini juga dari seorang teman saya jadi saya mulai mencoba domain ini. Sebelum memberikan tutorialnya mari kita bahas kelebihan dan kekurangan dari domain gratis ini. (Baca juga :  Cara Memasang Komentar Disqus di Blogger dengan Mudah ) Kelebihan dan Kekurangan Domain Gratis (tk, ml, ga, gq) Kelebihan Domain Gratis (tk, ml, ga, gq) Terlihat simple karena hanya menggunakan 2 huruf saja. Lebih mudah di gunakan untuk re

Cara Membuat Widget Social Media Button Efek Berputar

Sebelumnya saya sudah banyak membagikan beberapa tutorial tentang cara membuat widget sosial media dalam berbagai bentuk juga, yang ini pasti tidak asing bagi agan-agan karena widget sosial media ini bisa agan temukan di template yang di buat oleh Arlina Design . Karena belum ada tutor cara membuat widget ini, untuk itu pada tutorial kali ini saya akan memberikan tutorial tentang cara membuat widget social media button dengan efek berputar . (Baca juga :  Cara Membuat Button Dengan Animasi Bounce Effect ) Karena kebetulan hobi saya adalah mencari tau bentuk-bentuk CSS terbaru, jadi saya mulai mempelajari widget ini, dan kemudian saya menemukan script untuk membuat widget sosial media ini. Widget sosial media ini tidak membutuhkan JavaScript jadi untuk pemakaiannya cukup simple dan tidak mengurangi kecepatan blog agan. Berikut adalah tampilan bentuk widget social media button ini. Maaf jika tampilan Gif kurang maksimal. Sebelumnya saya juga membuat tutorial cara membuat widget social

Cara Membuat HTML kbd tag dengan Efek Double click to select

Element <kbd> biasa di gunakan untuk membuat masukan perintah dari keyboard, dan bisa juga di gunakan untuk membuat perintah ( voice command ). Namun tag kbd ini juga di gunakan para pengguna situs web untuk membuat perintah di tengah teks, seperti blog Tutorial Umum sendiri juga menggunakan tag kbd untuk membuat sebuah perintah untuk pengunjung. Untuk itulah pada tutorial kali ini saya akan memberikan cara membuat HTML kbd tag dengan efek double click to select . (Baca juga :  Cara Membuat Efek Tombol Keyboard di Blogger Dengan CSS ) Agan juga bisa mengatur warnanya sesuai keinginan agan. Dan juga untuk efek hover teksnya, agan juga bisa menggantinya sesuai keinginan agan. Apabila agan tidak ingin menggunakan JavaScript dari tag kbd ini, agan tidak perlu memasukan JavaScriptnya, karena JavaScript dari tag kbd ini di gunakan agar memudahkan pengunjung untuk memblok text kbdnya. Untuk tampilan element kbd tag ini, silahkan lihat di bawah ini. Langsung saja untuk cara memasang HTM

Cara Membuat Syntax Highlighter Otomatis Tanpa Javascript di Blogger

Syntax Highlighter adalah sebuah wadah untuk menampilkan sebuah kode pemograman. Dimana, syntax highlighter ini sering di gunakan untuk membuat sebuah tutorial di sebuah situs web.Syntax highlighter umumnya berwarna-warni, karena menggunakan banyak javascript , namun pada tutorial kali ini, saya akan membagikan tutorial tentang cara membuat syntax highlighter otomatis tanpa javascript di blogger . Wow tanpa javascript? Emang bisa? Karena syntax highlighter ini hanya menggunakan satu warna saja, jadi syntax highlighter ini tidak memerlukan javascript. Untuk memanggil syntax highlighter ini, agan hanya cukup menggunakan 2 script saja, karena itulah di sebut otomatis. (Baca juga :  Cara Membuat Prism Syntax Highlighter untuk Menampilkan Script Code di Blogger ) Mengenai syntax highlighter yang bisa mengurangi kecepatan blog agan, agan tidak perlu takut karena syntax highlighter ini hanya menggunakan script CSS saja. Itulah bedanya syntax highlighter ini dengan syntax highlighter yang lai

Membuat Widget Social Media Button Flat Design di Blog

Social media button atau biasa di sebut tombol sosial media , di gunakan untuk menghubungkan beberapa sosial media yang kita miliki agar pengunjung bisa langsung berinteraksi dan melihat sosial media yang kita miliki. Namun kali ini yang berbeda adalah tombol sosial media ini menggunakan flat design yang kekinian, untuk itulah pada tutorial kali ini saya akan memberikan cara membuat widget sosial media button dengan effect flat design . Widget ini adalah widget yang ringan karena tidak menggunakan javascript, dan hanya menggunakan script CSS dan HTML saja. Jadi agan tidak perlu takut untuk memasang widget social media button flat design ini. Sedikit informasi saja, flat design ini di populerkan oleh Google , dan banyak di gunakan dalam berbagai produk google. (Baca juga :  Cara Membuat Gambar Flat Design Ala Tutorial Umum Blog ) Bagi yang belum tahu bagaimana cara memasang widget social media button flat design ini, ikuti langkah-langkah dari saya. Cara Memasang Widget Social Media B

Cara Memasang Script Anti AdBlock di Blogger

AdBlock adalah plugin yang biasa di gunakan para pengguna internet agar lebih mudah berkeliling di dunia maya tanpa melihat iklan yang menggangu. Tetapi ini sangat merugikan bagi para pemilik sebuah situs ataupun website-website yang menjadi publisher dari pengiklan, untuk itulah pada tutorial kali ini saya akan memberikan tutorial cara memasang script anti adblock di blogger . Langsung saja untuk cara memasang script anti adblock di blogger, ikuti langkah-langkah dari saya berikut ini. (Baca juga :  Cara Memasang Script Redirect UC Browser ke Chrome Lebih Cepat ) Cara Memasang Script Anti AdBlock di Blogger Langkah pertama masuk ke akun Blogger agan Kemudian pilih menu Tata Letak , pilih Tambahkan Gadget , pilih HTML/JavaScript Lalu masukan script di bawah ini tepat di kolom Konten , sementara Judul tidak usah di isi <style scoped='' type='text/css'>#h237{position:fixed !important;position:absolute;top:0;top:expression((t=document.documentElement.scrollTop?do

Cara Membuat Iklan Tautan AdSense Responsif di Blog

Iklan tautan yaitu iklan yang muncul dengan tampilan seperti tombol . Awalnya saya juga sempat bingung bagaiman cara memasang iklan seperti tombol ini, kemudian saya bertanya kepada teman saya. Lalu ia menjawab itu adalah iklan tautan, karena saya juga ingin memberikan ilmu yang saya dapat, untuk itu pada tutorial kali ini, saya akan memberikan tutorial cara membuat iklan tautan adsense responsif di blog . Sebelumnya saya sudah jelaskan bahwa iklan tautan ini berbentuk seperti tombol, namun teks dari tombol iklan ini bisa menyesuaikan dengan isi artikel blog, sehingga sangat menguntungkan untuk menambah nilai CTR( Clickthrough Rate ). Namun untuk masuk langsung ke dalam halaman pengiklan, pengunjung yang mengklik iklan tautan ini harus mengklik iklan lagi agar pengunjung blog agan bisa masuk ke halaman pengiklan. Kurang lebih contoh stepnya seperti ini. (Baca juga :  Cara Memasang In-Article Ads Google AdSense Secara Otomatis ) Ukuran Iklan Tautan Google AdSense Untuk ukuran dari ik