Langsung ke konten utama

Postingan

Menampilkan postingan dari November, 2017

Yang Punya Rumah Dan Tamunya

I barat di kehidupan nyata, blog kita ialah rumah kita dan pengunjung blog ialah tamu rumah kita. Kadang tamu itu ada yang diundang, ada juga yang tidak diundang. Yang tentunya ini mempunyai norma-norma kehidupan positif maupun kehidupan maya (bukan kehidupan neng Maya hehehe... ). Salah satunya dalam hal kesopanan atau sopan santun. Baik itu kesopanan dalam hal mendapatkan tamu ataupun kesopanan dalam bertamu. Tentunya kedua belah pihak mempunyai kepribadian yang berbeda, baik tuan rumah ataupun tamu. Ada yang tahu sopan dan ada juga yang tidak tahu sopan... Namun saat kedua belah pihak mempunyai kepentingan yang sama, maka hendaknya persepsi beretika ini haruslah sama. Artinya kedua belah pihak harus memiliki etika, yang punya rumah harus tahu kesopanan mendapatkan tamu dan yang bertamu juga begitu harus tahu juga kesopanan dalam bertamu. Ketika kita aplikasikan di kehidupan maya dalam hal ini blogging. Hal yang sama hendaknya diberlakukan juga. Sebagai tuan ruman, tent

Trik Menyisipkan Link Pada Gambar Di Blog Agar lebih SEO Dan Valid HTML5

I ni memang pekerjaan sepele, hanya menyimpan gambar di postingan atau di blog . Karena pekerjaan sepele, maka banyak orang melupakan dan melewati hal yang dapat mengurangi nilai SEO dan ke-valid-an HTML5 termasuk saya sendiri hehehe... Hal-hal sepele tersebut diantaranya: Size gambar yang besar. Sebaiknya gambar yang akan disimpan di blog memiliki size di bawah 100 kb, karena gambar dengan size besar akan menambah berat beban blog. Agar gambar yang disimpan di blog berkualitas cantik namun memiliki size yang kecil, Anda mampu mengompress size gambar . Lupa menunjukkan tag "alt" dan "title". Hal ini dapat mengurangi nilai SEO blog dan menunjukkan error pada validasi HTML5 . Hal tersebut di atas akan bertambah parah lagi dikala kita menyisipkan sebuah link pada gambar tersebut. Biasanya hal ini terjadi dikala kita menyimpan banner iklan di blog atau lainnya. Biasanya dikala kita mengupload gambar di postingan atau blog, akan berupa aba-aba HTML iba

Para Gadis Payung MotoGP Qatar 2013

P ada hari Minggu kemarin (07/04/2013), gelaran MotoGP 2013 telah digelar balapan pertama yang dilaksanakan di Sirkuit Losail - Qatar dengan night race atau balapan malam hari. Setiap balapan MotoGP tentunya tidak terlepas dengan gadis-gadis rupawan pembawa payung. Karena itu mereka disebut Gadis Payung atau Umbrella Girls. Begitu juga pada race pertama di Sirkuit Losail - Qatar, gadis- gadis rupawan ini menghiasi balapan. Dan menyerupai yang telah kita ketahui, balapan pertama MotoGP 2013 di Sirkuit Losail - Qatar dimenangkan oleh Lorenzo yang memimpin semenjak lap pertama. Namun hiburan yang menarik pada balapan menyerupai biasa disajikan oleh "The Doctor" Valentino Rossi. Start pada posisi ke-7, Rossi menggeber tunggangannya dan masuk pada urutan kelima kemudian tidak lama menduduki posisi ketiga. Namun pada lap berikutnya Rossi melaksanakan kesalahan sehingga harus melorot lagi ke posisi ke-7. Namun secara perlahan Rossi kembali merangkak naik, dan ton

Trik Menyembunyikan CSS Reset Stylesheet Blogger

K arena aku penasaran dengan error pada W3C dan sebuah widget (apa itu namanya...saya sebut saja widget CSS Bundle Blogger ) yang membebani loading blog, aku googling terus untuk mencari cara mengatasinya. Pencarian aku alhasil berlabuh pada sebuah blog DamZaky kepunyaaan mas Damar Zaki, seorang blogger asal Bandung yang sepertinya mengkhususkan pada tutorial "Koding". Seperti apa sih CSS Reset Stylesheet Blogger atau widget CSS Bundle Blogger itu? Jika Anda melihat "Page Source" blog Anda dengan CTRL + U, Anda akan melihat isyarat ibarat di bawah ini: <link type=' text/css ' rel=' stylesheet ' href=' //www.blogger.com/static/v1/widgets/2761160889-widget_css_bundle.css ' /> <link type=" text/css " rel=" stylesheet " href=" //www.blogger.com/dyn-css/authorization.css?targetBlogID=5187131679737497634&zx=3763bd4d-298d-41d6-9a30-9b4bd68ba958 "/> Pada isyarat di atas ada 2 buah CSS

Mempercepat Loading Blog Dengan Menyembunyikan Javascript Widget Blogger

S aya sering menjumpai komentar di blog Maskolis yang menanyakan perihal widget blogger yang tidak mampu tampil, menyerupai widget blog's stat dan lainnya. Nah itu alasannya Maskolis menambahkan sebuah isyarat yang menyembunyikan JavaScript Widget Blogger sehingga semua widget blogger yang menggunakan JavaScript otomatis menjadi tidak mampu jalan. Ternyata hal tersebut dilakukan guna mempercepat loading blog. Dengan Adanya isyarat ini, browser tidak mampu mengenali isyarat JavaScript bawaan Blogger. Seperti yang telah kita ketahui, bahwa semakin banyaknya isyarat JavaScript di blog maka semakin memberatkan loading blog. Mungkin sebagian dari Anda menanyakan menyerupai apa sih Javascript Widget Blogger itu? Jika Anda melihat page source blog Anda dengan CTRL + U, maka Anda akan melihat di bab bawah HTML template Anda menyerupai isyarat di bawah ini. <script type="text/javascript" src="//www.blogger.com/static/v1/widgets/1384195903-widgets.js"&g

Membuat Social Share Buttons Tanpa Javascript

J ika Anda merasa loading blog agak berat atau lambat, salah satu penyebabnya ialah terdapatnya javascript. Mungkin salah satunya ialah sosial share buttons pada blog Anda. Biasanya kita menggunakan sosial share buttons dari pihak ke tiga ibarat AddThis.com dan lain-lain. Nah untuk mengurangi beban loading blog, Anda mampu mengganti sosial share buttons ini dengan sosial share button tanpa javascript. Artinya share buttons ini dibangun dengan menggunakan instruksi CSS dengan menyertakan link untuk sharing artikel ke media umum tersebut ibarat Facebook, Twitter, dan Google+. Jika Anda tertarik untuk mencoba menggunakannya, silahkan copy instruksi di bawah ini: 1. Social Share Buttons Tanpa Javascript Dengan Gambar. <b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='border-top:3px solid #ccc; border-bottom:1px solid #ddd; width:100%;height:35px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10

Membuat Google Translator Ringan Di Blog

S alah satu penyumbang beban blog ialah Google Translator. Ketika kita membuka halaman, maka peramban browser harus melacak HTTP yang dibawa oleh Google Translator sehingga memerlukan waktu lebih untuk membuka halaman tersebut. Berawal dari situ, maka aku mencoba mencari widget translator yang tidak memberatkan loading blog, namun tampilannya memenuhi selera saya. Sebenarnya aku sudah sharing cara membuat translator bendera dan translator simple beberapa waktu yang lalu, namun aku rasa kurang cocok diterapkan pada blog ini atau kurang memenuhi selera saya.  Akhirnya aku mendapat petunjuk dari mbah Google untuk mendarat di blognya mas Taufik Nurrohman yaitu blog DTE. Di situ aku menemukan tutorial ihwal membuat Google Translator yang ringan. Sebenarnya ini ialah translator yang masih menggunakan mesin penerjemah Google Translator, namun tampilannya dimodifikasi sehingga dikala kita membuka halaman, peramban tidak melaksanakan pelacakan HTTP javascript Google Translator

Video Terbaru 2013 PSY - Gentlement

S epertinya penyanyi fenomenal Korea, PSY ingin mengulang kembali kesuksesannya menyerupai lagu Gangnam Style. Dia kembali mengeluarkan video musik terbarunya pada 2013 ini dengan judul lagu " Gentlement ". Terbukti, gres saja satu hari dirilis di Youtube, kini video musik "Gentlement" milik PSY telah dilihat oleh hampir 19 juta orang dari seluruh dunia. Akankah ini menjadi menyerupai Gangnam Style? Kita lihat saja bagaimana selanjutnya hehehe... Penasaran dengan video Gentlement ini? Silahkan lihat pada video player dari Youtube di bawah ini. Penilaian terserah Anda masing-masing... Apakah akan menggantikan popularitas Harlem Shake yang baru-baru ini telah mendunia?

Membuat Widget Subscribe Komplit Sederhana

K enapa aku katakan widget subscribe ini komplite dan sederhana? Karena widget ini mewakili beberapa widget subscribe lainnya menyerupai subscribe via email, subscribe via rss, follow profil G+, like Facebook, follow on Twitter, dan follow blog atau Google Friends Connect. Dengan menggunakan gambar untuk mewakili beberapa subscribe tersebut, maka kita dapat mengurangi penggunaan javascript yang dibawa oleh widget like box Facebook, Google+ Follower, ataupun Twitter dan lainnya. Sehingga dapat mengurangi beban blog dikala loading. Nah bagi yang ingin mencoba membuatnya, yuk kita berguru bersama untuk membuat widget subscribe komplite dan sederhana ini. 1. Kita menggunakan isyarat CSS untuk mengatur tampilan gambar Email, RSS, Twitter, Facebook, dan Google+. Silahkan copy isyarat di bawah ini dan simpan DI ATAS isyarat ]]></b:skin> . .social a{color: #6e6e6e;font: bold 12px Arial;text-decoration: none;padding: 3px 5px 2px;position: relative;display: inlin

Membuat Kotak Iklan Teks Seperti Iklan PPC

A pakah Anda sudah mulai untuk memonitize blog? Salah satunya mungkin dengan Iklan. Ada mampu mendaftarkan blog Anda pada website yang khusus menyediakan iklan ibarat Google Adsense atau mungkin iklan-iklan PPC dalam negeri ibarat Sitti, Kliksaya, dan lain-lain. Atau mungkin Anda dapat menyediakan slot-slot iklan di blog untuk yang ingin memasang iklannya di blog Anda mampu berupa banner atau teks . Nah hari ini mari kita berguru membuat kotak iklan teks ibarat iklan PPC pada umumnya. Pasti Anda semua sudah tahu kan? Sebagai pola mampu dilihat pada gambar di bawah ini. Atau mampu Anda lihat demonya DI SINI (Silahkan lihat pada sidebarnya). Bagaimana tertarik untuk mencobanya? Silahkan ikuti langkah-langkahnya di bawah ini. Pertama: Silahkan copy arahan di bawah ini dan pasti DI ATAS arahan ]]></b:skin> pada edit HTML. #ads_ppc {text-align: left; width: 300 ; height: 250 ; padding:5px; margin:0px;border:1px solid #1a4d86} Kedua: Silahkan copy

Video Bunga Citra Lestari - Cinta Sejati (OST. Habibie & Ainun)

M alam ahad ini dari pada keluyuran enggak karuan, mending nonton video yang satu ini hehehe... Tentunya Anda sudah tahu kan film yang mengisahkan kehidupan Pak Habibie ?  Nah video ini yaitu sound track dari film tersebut yang dinyanyikan oleh Bunga Citra Lestari yang juga sebagai bintang film utama wanitanya sebagai Ibu Ainun. Lagu ini ciptaan Melly Goeslaw. Penasaran bagaimana lagu ini? Silahkan nikmati pada player di bawah ini yang sengaja aku bawakan dari Youtube untuk Anda.

Mengambil Screenshot Halaman Web Dengan Firefox Extension

B anyak aplikasi untuk membantu Anda mengambil screenshot dari desktop Anda guna keperluan tutorial Anda. Namun untuk aplikasi tersebut hanya bisa mengambil screenshot yang hanya tampil di desktop Anda. Bagaimana bila Anda ingin mengambil screenshot dari sebuah halaman web atau blog yang memanjang ke bawah? Tentu saja Anda bisa. Syaratnya Anda menggunakan browser Firefox dan menginstallkan sebuah ekstensi yang dapat membantu mengambil screenshot dari halaman sebuah web atau blog yang memanjang ke bawah. Adalah SimpleWebCapture yang merupakan sebuah ekstensi untuk Firefox yang dapat membantu Anda mengambil screenshot dari halaman sebuah web atau blog yang memanjang ke bawah atau dari top to bottom. Ini memiliki kegunaan juga bagi Anda yang sedang berguru membuat template blog dan ingin mengambil screenshot dari demo template blog yang sedang Anda buat. Sehingga Anda tidak perlu mengambil screenshot dua kali kemudian menyambungkannya dengan Photoshop atau lainnya.  Hanya

Awesome Screenshot Untuk Mengambil Screenshot Halaman Web Dengan Google Chrome

S etelah aku kemarin memposting cara membuat atau mengambil screenshot dari sebuah halaman web atau blog yang menggunakan browser Firefox adalah dengan SimpleWebCapture , kini giliran pengguna browser Google Crhrome untuk mengambil screenshot halaman sebuah web atau blog. Seperti halnya pengguna Firefox, pengguna Chrome juga dapat menggunakan ekstensi-nya untuk mengambil screenshot halaman sebuah web atau blog yang memanjang ke bawah dari top to bottom.  Ada beberapa ekstensi Chrome yang berkhasiat untuk mengambil screenshot, namun setelah aku coba aku merekomendasikan salah satunya saja adalah Awesome Screenshot . Berbeda dengan ekstensi Firefox yang menarin aku sharing, Awesome Screenshot untuk Google Chrome ini selain mengambil screenshot dari halaman web atau blog, juga menyediakan halaman tool untuk mengedit screenshot yang kita ambil menyerupai untuk memberi keterangan gambar untuk tutorial dan lainnya. Kaprikornus setelah Anda mengambil screenshot, maka otomatis

Membuat Kotak Untuk Slot Iklan Dengan Link Pasang Iklan

K arena ada yang menanyakan bagaimana membuat kotak iklan menyerupai gambar di samping, maka kini aku share saja barang kali ada yang belum tahu cara membuatnya. Kotak ini mampu menggunakan gambar atau juga hanya goresan pena saja. Namun aku di sini hanya menggunakan goresan pena semoga size blog agak irit.  Namun ada yang membedakan dengan kotak-kotak iklan lainnya ialah adanya goresan pena "Add by..." di bab bawah kanan yang berisi link halaman pasang iklan sehingga tampilannya menyerupai iklan PPC. Bagaimana tertarik untuk mencoba membuatnya? Silahkan ikuti langkah-langkahnya di bawah ini. Silahkan copy instruksi di bawah ini dan paste di gadger HTML/Javascript di tata letak atau layout. <div style='background: #e1e1e1; text-decoration: none; border: 1px solid #333; width:300px;height:250px;margin:0;padding:0;text-align:center;position:relative'> <div style="padding-top:55px;"> <span style="font:30px Oswald;&

Memodifikasi Related Posts Maskolis

A da beberapa temen Kompi Ajaib yang menanyakan cara membuat related posts Kompi Ajaib yang berada di bawah postingan. Related posts ini gotong royong aku dapat dari Maskolis juga, namun pada tutorialnya tersebut penempatannya disatukan dengan widget subscribe, sehingga bagi yang kurang teliti mungkin akan sedikit gundah untuk mengambil kode-kode related posts-nya. Nah sekarang aku sharing widget Related Posts ini dengan sedikit memodifikasinya sehingga tampilannya akan menyerupai gambar di bawah ini. Hanya merubah lebar, size dan jumlah thumbnail, dan gambar shadow di bawah widget. Nah bagi yang tertarik silahkan ikuti langkah-langkahnya di bawah ini. 1. Silahkan copy aba-aba di bawah ini dan letakan DI ATAS aba-aba ]]></b:skin> #related{width:100%;border-bottom:0px solid #ccc;margin:.1em 0 .5em;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCh7UGGYNoNuX0XaYlrgSTqh679jKcgnR55LeomsRzHFrPaA0NXeiLA-lBWQsaRLUe9vqB_lKaT_V0uTtrRrs

Cara Membatasi Jumlah Post Yang Tampil Ketika Klik Label

B eberapa waktu yang lalu ada pengunjung Kompi Ajaib yang menanyakan bagaimana cara membatasi jumlah postingan yang muncul saat klik pada label di menu, sehingga tampilannya tidak memanjang ke bawah alasannya ialah banyaknya post yang ditampilkan. Jika tampilan postingan pada label tidak dibatasi, biasanya postingan yang muncul per halaman mampu tampil dalam jumlah banyak, mampu hingga 20 post per halaman. Nah untuk itu kita mampu membatasinya dengan menambahkan instruksi dibelakang URL label-nya. Trik ini bekerjsama cukup sederhana, namun bagi yang belum tahu tentunya akan sulit sekali. Apalagi bagi blogger otodidak menyerupai aku ini. Untuk membatasi jumlah post yang tampil saat klik label ini, kita menambahkan atau memberi perintah "jumlah maksimal" postingan yang ditampilkan. Label-label ini biasanya disimpan di menu header sebagai navigasi yang diberikan admin kepada pengunjung, sehingga mereka akan lebih mudah menelusuri postingan lainnya sesuai dengan la

Kompiana - Template Biru Modifikasi Dari Johny Wusss

T adinya mau nungguin Maskolis untuk meminta reviewnya untuk template editan saya. Tapi kayaknya waktu bertapa Maskolis akan masih lama hehehe entah kapan mas yang satu ini akan muncul lagi. Template editan ini saya ambil dasarnya dari Johny Wusss yang sudah terbukti wuusss loadingnya hehehe.... Sehingga dibutuhkan template editan ini loadingnya akan ibarat kakaknya hehehe... Makara saya tidak banyak menambahkan javascript, hanya javascript untuk related post, cutter untuk thumbnail di homepage, dan paginasi homepage. Perubahan lain yang dilakukan ialah di kawasan header, footer, tampilan homepage. Dan tentunya perubahan warna template yang didominasi warna biru sehingga saya kasih title postingan ini "Kompiana - Template Biru Modifikasi Dari Johny Wusss". Entah kenapa saya paling seneng pakai nama "Kompi" pada blog-blog saya ibarat Kompi Ajaib, Kompi Side, Kompi Wide, dan sekarang Kompiana. Tampilannya ibarat gambar di bawah ini. DEMO | DOWNLOA

Menambahkan Title Tag Pada Label Blogger

S eperti yang telah kita ketahui, bahwa title judul atau title link pada sebuah blog tidak menentukan nilai final SEO sebuah blog, namun tidak ada salahnya kalau kita melengkapi semua link dengan title tag. Seperti halnya dengan widget label pada blogspot, ternyata linknya tidak disertai dengan title tag. Sehingga saat dicek nilai SEO khususnya di Chkme, link-link pada label menerima warning alasannya yaitu link-link tersebut tidak terdapat title tag. Oleh alasannya yaitu itu aku mencoba sharing untuk menambahkan title tag pada label blogger.  Sebenarnya trik ini aku hanya coba-coba saja, namun ternyata penerapannya berhasil. Jika blog Anda menggunakan widget label, silahkan sorot linknya dengan mouse, kalau tidak ada tooltip yang memunculkan title silahkan coba dengan trik ini. Setelah aku cek lagi di Chkme, warning untuk link pada label sudah teratasi. Jika Anda ingin mencobnya, silahkan tambahkan isyarat expr:title='data:label.name' ini pada link-link la

Mengatasi Related Articles Template Johny Wusss

A pakah Anda pengguna template Johny Wusss buatan Maskolis? Jika iya mungkin Anda akan megalami hal yang sama dengan yang aku alami. Yaitu related articles yang berada di bawah postingan di samping widget subscribe yang tidak terisi full dengan 6 buah thumbnail postingan. Biasanya hanya muncul 5 buah postingan pada beberapa postingan. Nah untuk itu aku mencoba mengatasinya dan berhasil. Sekarang postingan blog aku yang lain yang menggunakan template Johny Wusss, related articles-nya terisi penuh dengan 6 buah thumbnail postingan. Biasanya related articles sebelum diatasi akan tampak menyerupai gambar di bawah ini. Untuk mengatasi hal menyerupai gambar di atas, coba cari arahan menyerupai di bawah ini pada edit HTML. <div class='related-posts'> <p>Related Articles</p> <script type='text/javascript'> var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJTxcRLPEBCwNz8TlzQ5wjd4qUg3si1lfGyRyhK