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…

Tips mengganti URL pos yang sudah dipublikasikan

Pernah searching tapi halaman yang dituju tidak ditemukan. Telisik kehalaman pencarian salah satu web saat itu, ternyata URL yang digunakan sudah berganti. Mungkin sangat menyebalkan bukan jika kita sendiri yang sedang mencari informasi terbaru tapi link yang dituju ternyata tidak ada. Berdasarkan itu pula, untuk kita yang sedang membagikan info, ada baiknya untuk tidak pernah lagi merubah link. Bukannya tidak boleh, tapi ikuti caranya agar pos yang telah banyak trafik dari mesin pencari tetap ada.Cara Merubah Permanen link Postingan di Blogspot Setelah di Publikasikan seketikaKita semua paham dan pasti setuju bahwa, setelah pos dipublikasikan secara otomatis kita tidak dapat merubah link tersebut dengan alasan apapun. Dengan merubah link, artinya tautan yang ada sebelumnya akan dianggap hilang. Oleh karenanya Blogger tidak ingin membiarkan pengunjung sebuah blog merasa kehilangan pos yang sedang ia tuju.Seketika kita mempublikasikan pos baru ada baiknya kita set URL terlebih dahulu. …

Tips memilih hosting untuk blog

Perkembangan teknologi jaman sekarang dapat dikatakan sangat cepat. Lebih cepat dibanding perkembangan seekor anak ayam yang baru menetas hingga siap dipotong. Banyak blogger baru bermunculan tiap harinya dengan konten yang sangat kreatif dan tentu saja bermanfaat. Seiring dengan perkembangan itu pula, banyak para penyedia layanan hosting menawarkan paket hosting yang sangat menarik dengan keunggulan masing-masing. Kadang, kita menganggap hal mudah dalam memilih web hosting, pastinya kita juga harus hati-hati menentukan mana provider terbaik web hosting yang akan dipakai. Pengembang blog biasanya asal pilih saja dalam menentukan layanan server untuk blog mereka tanpa memilih dan memilah lebih dahulu. Ada beberapa poin yang harus diperhatikan sebelum kita menggunakan hosting untuk blog atau website profesional lain, berikut ini poin-poin yang perlu diperhatikan.Lokasi ServerSebaiknya kita sebagai blogger tau mana target dari blog kita dibuat. Kestabilan akses web/blog kita akan dipenga…