Langsung ke konten utama

Postingan

Menampilkan postingan dengan label Blogger

Blogger Tag [b:loop]

Akhir-akhir ini seneng kalo otak-atik XML Blogger. Meski banyak orang bilang, Blogger itu sulit dalam pengembangan template-nya, tapi itu ku jadikan sebuah tantangan. Sedikit demi sedikit mulai memahami tag dalam Editor XML Blogger .
Dan kali ini tag perulangan dari sebuah array yang disebut b:loop, langsung ketopik:Sintak baku b:loop Berikut ini sintak utamanya: <b:loop values='ARRAY' var='VARIABEL'> <!-- kode eksekusi --> </b:loop> Dari sintak tersebut, setidaknya values dan var harus diisi. values berisi data bertipe array, sedangkan var berupa nilai variabel apapun. Selain atribut diatas, b:loop dapat ditambahkan atribut opsional, yakni index dan reverse.
index untuk memperoleh nomor indeks dari perulangan, sedangkan
reverse untuk membalikkan arah perulangan, nilai bakunya adalah 'false'.Contoh penggunaan b:loopSimple <b:loop values='["Pisang","Melon","Manggis"]' var='buah'> <!--…

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…

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…

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 …

Blogger dengan tampilan baru

Blogger dengan segudang pengguna mulai terobati kerinduan akan hasil update system dan fitur barunya. Melalui blog resminya kemarin dengan judul postingan A first few tweaks toward a better Blogger mengumumkan bahwa kini mempunyai tampilan yang katanya lebih baik daripada sebelumnya. Perubahan Web versionSebenarnya dari segi tampilan, hanya sedikit saja yang berubah, yakni cara akses. Kini dengan mudah berpindah dari Blog yang satu ke Blog yang lain. Blogger merangkum semua daftar Blog kedalam dropdown dan memberikan sedikit akses warna yang menjadi ciri khas si Blogger tersebut.
Dari sisi dashboard, inilah yang paling mencolok. Jika biasanya menampilkan daftar Blog dalam bentuk tabel, kini menampilkan langsung Blog mana yang terakhir kali terupdate. Hasilnya apa? Kita dapat sedikit menghemat waktu dan tentunya kuota internet dalam me-manage konten blog.Perubahan Mobile AppDari update-an kecil dari Blogger ini, sebenarnya Blogger juga wajib dan segera untuk update aplikasinya yang suda…