Langsung ke konten utama

Postingan

resizeImage() permudah sesuaikan thumbnail Blogger

Kebutuhan akan mempercantik dan mempercepat tampilan web/blog semakin dibutuhkan. Apalagi kreatifitas dan kemampuan dalam membuat theme semakin hari semakin expresif. Meski fungsi yang akan dibahas ini telah keluar lama, tapi tak masalah untuk dipubublikasikan ulang.Pemanggilan gambarPerlu diingat, bahwa sejak dahulu (entah pastinya) untuk menampilkan thumbnail cukup dengan pemanggilan <data:post.thumbnail/> pada tiap loop post yang kita punya. Sedangkan untuk hasilnya hanya menampilkan gambar kecil dengan format s72-c, contoh: https://2.bp.blogspot.com/-ZmfcM9-CwX0/WluUXKS8jCI/AAAAAAAATEk/34COXB_6y-IHvhmhp675tinPGn26XLCCQCK4BGAYYCw/s72-c/blogger-resizeImage-function-totoprayogo-795864.png Sangat kecil, dan dengan hasil yang seperti itu kita harus pintas mensiasati dengan kode tambahan javascript agar sesuai dengan yang kita mau. Perlu diingat juga script javascript yang banyak kadang berpengaruh pada kecepatan loading web/blog.Seperti yang sudah ada di-intro, ini adalah fungsi…

Menunggu Xiaomi Redmi 5A

Sudah tanggal 27 Desember, hanya tinggal beberapa jam lagi sudah dapat order ponsel Xiaomi Redmi 5A. Setelah kemarin Xiaomi meluncurkan ponsel terbarunya (masuk jajaran keluarga AndroidOne) MI A1. Handphone sejuta umat dengan kualitas diatas rata-rata ini bakalan menjadi pesaing brand lain yang menjadi produk larisnya.Aku, menunggu ponsel ini karena berniat untuk menggantikan ponsel lama yang juga dari Xiaomi yakni Redmi 2. Produk lama yang sebenarnya dulu pernah kecewa karena setelah beli harus hadir Redmi 2 Prime dan itu mempunyai performa diatasnya. Dan sekarang hadirlah Redmi 5A dengan harga yang merakyat, saya berniat sekali untuk mendapatkannya dengan haraga Rp 999.000.Mengapa Pilih Redmi 5A?Selain karena harga yang murah meriah a.k.a murmer, fitur yang ditawarkan juga memang ini sebenarnya bukan dikelas bawah. Semua sudah diatas, cuma nantinya mungnkin ponsel ini akan "menghancurkan" harga pasar ponsel yang melangit. Alasan lainnya adalah karena ponsel lama ku wajib …

3 Cara unik menghilangkan "bundle.css" pada Blogger

Sudah diketahui banyak orang bahwasannya source yang tidak terpakai sebaiknya jangan sampai ter-load. Karena hal ini banyak web/blog yang menjadi sedikit lebih lambat sekian detik. Meski sudah telah diketahui juga, bahwa banyak dari para blogger mem-posting tulisan tentang bagaimana cara agar bundle yang dari theme bawaan blogger menjadi hilang. Berikut adalah cara yang banyak beredar dijagat maya.Mark as comment <b:skin>Berikut ini adalah langkah / cara pertama untuk menghilangkan bundle.css pada Blogger. Cara ini mungkin banyak dilakukan dan cukup sederhana. Cara ini nantinya akan menjadikan source bundle.css dalam comment, hasilnya dalam html seperti berikut: <-- .... <link href='https://www.blogger.com/static/v1/widgets/3332739511-widget_css_bundle.css' rel='stylesheet' type='text/css'/> ....--> Dan biasanya CSS bundling yang lain pun akan mengekor, tidak akan di-load.Jangan lupa backup theme/template Blogger Kamu agar sewaktu-waktu jika a…

Cara memasang breadcrumb di blogger?

Disini saya hanya mencoba mengembangkan sebuah kode yang siapa pertama kali membuatnya di Blogger. Kode ini sangat populer di Blogger bahkan banyak yang membuatnya lebih stylish dengan menambahkan kode CSS. Sebelumnya, kita bahas terlebih dahulu disini secara singkat, tapi maaf jika tidak sesuai atau masih melenceng.Apa itu breadcrumb?Breadcrumb itu hanyalah sebuah navigasi pada sebuah website. Kebanyakan, breadcrumb hadir pada sebuah website yang besar yang memiliki kategori dan banyak sub-kategori atau lebih mudah disebut hirarki. Menurut saya begitu, ingat ya ini menurut saya saja dan jangan jadikan patokan sebagai acuan. Berikut adalah contoh breadcrumb (gambar) atau bisa dilihat diatas judul pos ini. Apa fungsi/kegunaan breadcrumb? Sedemikian rupa pemahaman saya mengenai definisi apa itu breadcrumb. Oleh karena itu beberapa fungsi breadcrumb lebih diperuntukkan kepada pengguna / user saja, kecuali kita telah melakukan optimasi terhadap kode breadcrumb agar lebih Search Friendly…

Cara Mudah atasi dynamic IP menjadi static IP

Baru pertengahan bulan Desember 2016 kemarin membeli Broadband baru dari XL yakni Mi-Fi XL GO. Senang karena mendapatkan koneksi 4G dengan harga yang miring. Dengan koneksi yang cepat memang menyenangkan untuk browsing maupun sekedar bersosial lewat internet. Namun sayang, beberapa situs yang menggunakan IP Address sebagai session log nya, contohnya internet banking, cPanel dan lainnya. Itu hanya beberapa contoh yang membuat saya susah untuk akses beberapa situs tersebut.Sudah bertanya-tanya lewat twitter ke pihak XL tentang dynamic IP dari koneksi mereka yang sering berganti dengan sangat ceoat ini. Namun dengan segala pertanyaan yang hadir tidak ada satupun solusi agar menjadi IP Statik.Sempat menyerah dan memutuskan untuk berhenti berlangganan. Namun ada sedikit pencerahan dengan menggunakan VPN. Bebrapa VPN Gratis dapat kita temukan dengan mudah. Tidak perlu repot juga untuk pengaturan nya baik di Windows 7, Windows 8 maupun Windows 10 dan tidak lupa di berbagai OS lainnya.Begitu …

Blogger function b:class

Atribut blogger yang satu ini membantu dalam pengelolaan tampilan blog kita, apalagi custom menggunakan CSS. Dengan bantuan kondisi-kondisi tertentu yang kita sesuaikan.SyntaxBerikut ini adalah contoh syntax untuk b:class, tapi perlu diingat sebelumnya
Syntax tag b:class dapat digunakan disemua XML Blogger kecuali b:skinTag b:class dapat diakumulasikan <div> <b:class cond='CONDITION' name='CLASS_NAME'/> </div> Little InfoSebelum melangkah lebih jauh, ada penjelasan sedikit agar tak nyasar. <b:class cond='CONDITION' name='CLASS_NAME'/> <b:class cond='CONDITION' expr:name='EXPRESSION'/> Penjelasan singkatParameter name ini wajib ada. Data berupa string dan dapat dikombinasikan dengan tag Blogger Expression. Data ini nantinya yang akan menjadi value class yang dimaksud.
Sedangkan untuk parameter cond tidak wajib bin tidak harus disertakan. Data ini "biasanya" berupa logika dengan …