Menempel LC-Status Line di Blogger.
March 20th, 2008
Memenuhi permintaan dek Nugi yang dilayangkan lewat email, akhirnya aku membedah juga plugin LC-Status line milik mas Ardy Limosin. Nugi minta supaya plugin ini bisa dipasang di blogger. Dia ngiri liat plugin ini nempel di blog lamaku. Nah, setelah otakku kembali normal dari pengaruh obat-obatan pasca DBD, aku bedah nih plugin. Ternyata tinggal comot beberapa code dan nggak ada yang perlu dirubah kalo mau pasang di template blogger.
Nah, ini aku kasi tau deh caranya. Pertama, buka dulu template blogger kamu. Cari tag html <style> lalu tambahkan code ini dibawahnya:
#topbar { visibility: hidden; z-index: 100; position: absolute; margin:-1px; }
.statusLine { padding: 4px 0px 4px 0px; background-color: #FFF; margin: 0; border-bottom:1px solid #e9d6ac; width: 100%; left: 0px; top: 0px; font-family: sans-serif; font-size: 1em; text-align:center; color:#000; }
.statusLine a { color:#4f250d; text-decoration:underline; }
.statusLine a:hover{ text-decoration:none; }
.statusImg { float: right; padding-right: 4px; vertical-align: middle; display:inline; cursor: pointer; }
Kedua, cari tag </head>. Setelah ketemu, masukkan baris code berikut ini tepat diatasnya:
Nah, setelah itu, cari tag <body> lalu sisipkan code ini tepat di bawahnya:
Hilangkan tag <p> dan </p> yang ada pada kode diatas. Edit pada bagian “Message yang kamu inginkan…” dengan pesan yang ingin kamu tampilkan. Untuk merubah warna dan font bisa merujuk pada stylesheet yaitu baris kode yang pertama. Sementara itu dulu. Kalo ada pertanyaan, silahkan di form komentar.
Rangkuman Link
Tags: blogger, plugin, status line
March 20th, 2008 at 17:15:41
Walah, mbuh ah…. hue he he…
March 21st, 2008 at 10:29:43
Bingung neh.
March 21st, 2008 at 13:33:11
wah makasih ya mas…. ini yang aku tunggu-tungu he..he..
March 21st, 2008 at 13:39:33
oiya mas bisa dimasukkan gambar nggak nih….???
March 21st, 2008 at 13:57:05
oiya tambahan mas…maksudnya gambar itu kayak gambar benner mas… bisa nggak??? ya sekalian coba-coba buka program periklanan biar ada tambahan uang jajan he..he…
March 21st, 2008 at 14:31:48
mas ada yang salah di artikel ini, pada tulisan Cari tag html <style> lalu tambahkan code ini dibawahnya: untuk tag style di blogger nggak ada untuk gantinya kodenya dimasukkan di atasnya code ]]></b:skin> dan untuk yang lain tetep sama
March 21st, 2008 at 14:33:43
oiya lupa lagi untuk tanda “……..” untuk blogger tidak akan bisa oleh sebab itu ganti dengan ‘………’
March 21st, 2008 at 14:55:52
@Bunda Evie:
Bukan untuk yang gaptek…hehehhee…
@Rezki:
Konsultasi deh sama Nugie.
@Nugroho:
Sorry, lum nyoba. Coba aja ganti message-nya dengan tag untuk image. Sesuaikan ukuran gambarnya dengan ukuran div nya. Secara teori sih harusnya bisa. Untuk kesalahan penempatan tag dan model tag, sorry banget, soalnya punyaku masih pake template versi lama yang non XML. Untuk yang XML sesuaikan deh…
March 21st, 2008 at 19:19:22
Hmm.. Ndak dipasang disini jga??
Btw, kok ganti theme lagi??
March 25th, 2008 at 19:22:25
cobak ahhhh………..
March 26th, 2008 at 02:46:37
@adit:
Belum sempat, Dit…rencana mo ditaruh di kiri, bukan diatas. Mo diintegrasi sama screen resolution checking, jadi kalo < 1024×760, nggak di kiri, tapi di bawah. Mmm…kemarin aku ngukur ngukur load time dan processor usage di server offline, antara theme ini sama yang lama berat yang lama. Makane aku ganti ini, supaya lebih cepet tampilnya.
@ansis:
Monggo sis, tapi yang cocok artikel e ada di blog e nugi.
April 4th, 2008 at 15:18:33
mas kode lokasine di ganti neng endi to…?? kok nggonanku nggak muncul….???
April 5th, 2008 at 13:21:47
@nugi:
ada di CSS nya…
Diutak-atik atributnya…