Gambar Berjajar di Blog

Waktu kemarin-kemarin ini, Candela ada nanyain tentang gimana caranya supaya gambar di blog bisa diatur berjajar dua kolom seperti gambar di bawah ini. Soalnya sejak blogger berubah versi seperti yang sekarang ini, kita kudu milih alignment buat naruh gambar antara (left, center, right). Bahkan kalau pilih no alignment(apus alignment secara manual di HTML code nya) pun entah kenapa ngga ngaruh & tetep ngga bisa naruh beberapa gambar dalam satu baris. Jadi aku coba cari tau dan ternyata harus pake sistem table. Jadi mungkin tips berikut bisa dicoba, agak rempong sih.

Step 1.

Upload gambar ke blog(bisa lewat HP atau komputer), lalu atur urutan tampilannya & besarnya sesuai yang kita mau. Sayangnya kalau lewat HP, aku ga bisa set mau ditampilin segede apa, pasti sudah otomatis, lalu urutannya juga sesuai urutan upload & posisi ditengah. Kalau lewat komputer, bisa lebih banyak pilihan. Aku biasa pilih ukuran Medium atau Small untuk tampilannya.

Step 2.

Seperti gambar di bawah, mari kita puter otak sedikit dengan coding HTML ya.

Step 3.

Buat pemula, copy semua kode yang ada ke 2 Notepad. Yang notepad1 yang nantinya bakal kita edit, sedangkan yang satu lagi untuk jaga2 aja kalau sampai salah2 masih ada backup yang versi original. Kalau udah jago, ngga perlu copy ke Notepad langsung hajar di HTML codenya.

Step 4.

Karena gambar yang satu dengan yang lain ada new line, otomatis pas liat codenya kita jadi tau kalau yang di dalem <div> sampe </div> itu maksudnya satu gambar. Jadi berhubung ada 2 gambar yang mau disejajarin, kita bakal bikin table dengan 2 kolom. Trus aku lebih suka kalau formatnya 1 table itu 1 baris & 2 kolom, jadi kalau lain kali ada perubahan lebih enak ngaturnya. Cuma kalau yang udah jago bisa semua gambar dibikin banyak kolom dan baris. Caranya bagaimana?

<table> : buat mulai bikin table nah didalemnya bakal ada baris & kolom (ditutup dengan </table>)

<tr> : buat mulai bikin baris, nanti didalemnya ada kolom (ditutup dengan </tr>)

<td> : buat mulai bikin kolom, nanti didalemnya diisi gambar (ditutup dengan </td>)

Ini urutannya ga boleh salah ya... Jadi kalau mau

1 baris & 2kolom :

<table><tr><td>kode gbr1 disini</td><td>kode gbr1 disini</td></tr></table>

1 baris & 3kolom :

<table><tr><td>kode gbr1 disini</td><td>kode gbr2 disini</td><td>kode gbr3 disini</td></tr></table>

Tips : kadang disisi2 gambar waktu kita upload ke blogger, otomatis ada jarak disisi2 gambar (disebut margin). Krn aku lebih suka klo gbrku rapet2 & ditengah, ini semua aku hapus waktu edit di notepad, caranya :

"Ctrl + H" lalu tulisan berikut : style="margin-left: auto; margin-right: auto; atau yang seperti ini : style="margin-left: 1em; margin-right: 1em;" aku taruh di bagian searching trus aku replace all langsung tanpa diisi apa2 dibagian replace. Jadi otomatis semua bakal kehapus.

Step 5.

Semua space & new line yang ngga penting aku apus. Jadinya gambar aku bakalan rata semua & ga jomplang kiri kanan. Kalau seperti yang contoh dibawah ini, bakal ada sedikit jarak antar baris.

Step 6.

Copy Code yang sudah diedit & timpa ke code yang ada didalam HTML blog, lalu click kembali bagian compose & lihat apa hasilnya sudah rapi atau belum. Jangan lupa untuk di Preview untuk double check apa gambarnya udah oke gedenya di layar blog kita atau engga.

Saran aku kalau sudah mulai ngutak ngatik HTML : lain kali kalau ganti design blog diusahain lebar untuk bagian tulisan kita jangan sampai jadi lebih kecil, karena gambarnya bakal keluar dari jalur. Jadi kalau bisa tetep konsisten aja templatenya, jangan gede kecil atau kalau engga gambarnya yang jangan gede2.

Semoga pada ngerti ya.... mohon maap kalau bahasanya susah ditangkep :) Tapi kalau ada yang mau nanya-nanya(kasih saran atau masih ngga ngerti) silahkan bisa lewat komentar di bawah.

Ciao~

Lanjutan Out Of Space

Inget postingan yg ini?

Ternyata solusi untuk ngedapetin free space yg unlimited dari si Blogger buat foto-fotoku cuma ada satu jalan.............

Jalannya apa?

Yaitu dengan nge-link Profile si Blogger dengan Profile Google+ !!!!!!!!!!!!!!!! Yang artinya kudu real name plus embel2 lainnya...........

Padahal aku sebisa mungkin menjauhkan SNS dari si blog karena SNS lebih banyak berhubungan dengan real life :(

Gimana dunk ya? Bikin satu imel Gugel & G+ baru lagikah????

*Lagi kesel ama gugel, udah yutub di link skrg blog juga........*

Lanjut mikir lagi.... :)

Out of Space #$@*#$%

Mau update blog, eh dapet pesan cinta :

Whoops! You're out of space. You are currently using 100% of your 1 GB quota for photos. Upgrade storage

Photos are stored in your Picasa Web Albums account and are included in your 1 GB free quota for photos. Additional storage you purchase is shared between several Google products and is in addition to your free quota. Learn more

Males banget deh.... Apa nge-blognya ga pake gambar aja ya mulai sekarang?

Edit or Replace Blogger(Picasa) and Google+ Photos

Step by step how to replace or edit your existing Images in Picasa Album/Google+. You need to install Picasa Desktop Application for this tutorial[i'm using ver3.9].

1. Open the Image you want to edit from Picasa Album.

2. Click on "Action" -> "Edit in Picasa". Click "Edit Image" on Confirm Dialog. Choose Picasa Application and click "OK". Now your Image will be copied into "Online Edits" folder.

Gift from Friends

Masih ingat kan dengan Giveaway yang ini? Jadi setelah menanti sekian lama, akhirnya 2minggu yang lalu aku ketemu juga dengan temenku yang berbaik hati buat nge-bawain si UP dari JKT. Ngga cuma itu, ternyata ada bingkisan juga dari si Pitshu :) Nah ini dia si Stella.....

Si Stella sementara ini masih belum bisa dipakai karena masih dingin & hujan melulu ya. Tapi udah sempet aku cobain dirumah & ternyata ukurannya pas :D (Nomer 38 sodara-sodara jikalau ada yang mau ngirimin lagi hahaha). Tapi memang jujur nih kalau liat penampilannya di foto keliatan cling banget ya, tapi aslinya ga seperti itu. Maklumlah ya aku orangnya agak prefeksionis, jadi agak sedikit terganggu sama benang2 diujung jaitan yang dibiarin menjuntai, sama bagian bawahnya yang dipotongnya agak kurang rapi & lemnya yang keliatan juga sampe keluar2 asal ga cepet jebol aja. Eh tapi ga boleh protes kog ya, kan gratisan hahaha.... Cuma untungnya waktu dipake sih keliatan lumayan jadinya. Makasih ya Aina~

Trus bingkisan dari Pitshu adalah Baju. Narsis dikit ya fotonya :D

Bajunya cute banget karena ada gambar cewenya gitu. Trus biarpun tipis, waktu dipake anget juga & aku suka banget hahahaha.... Makasih loh pit^^ pas banget ini masih dingin begini jadi bisa pake yang lengan panjang hehehe :)

Seneng deh punya temen blogger pada baek2 semua, padahal ada yang belum pernah ketemu sama sekali loh (si Pitshu misalnya) tapi ada beberapa yang memang udah kenal dulu sebelum bikin blog. Dan lucunya, kadang aku kalau minta kirim barang atau misalnya ada yang mau ngirim barang ke aku kan pasi lewat sodara yang ada di Indo, nah itu kadang kalo ditanyain pasti suka pada bingung kalau aku bilangnya kenal di Internet :P Soalnya kalo jaman dulu kan kesan kenalan di internet gitu agak2 negatif ya. Tapi kalau kita bisa filter sih, ngga jarang & banyak malah ketemu orang-orang yang baek. Macam Aina & Pitshu (yang lain juga...)

Tapi so far, memang aku bukan tipe orang yang open "banget" buat urusan internet. Soalnya dulu banyak pengalaman ga enaknya juga sih soalnya. Makanya aku sekarang jarang banget cerita tentang daily life sampe detail. kadang juga kalau mau posting foto yang keliatan muka jadi mikir2. Padahal kadang ada banyak yang pengen diceritain & ditunjukkin tapi bukan bermaksud pamer juga sih tapi murni karena banyak yang menarik sebenernya. Jadi akhirnya makin kesini jadi makin selektif banget deh & makin jarang posting. Karena kadang aku kepikiran juga, gimana kalo si Boss nemuin mukaku di internet :P

Trus sekarang mungkin aku jarang komen-komen, maklum ya itu captcha nya blogger makin gila aja panjangnya jadi bikin males karena dibacanya syusah. Trus kadang aku suka bingung loh mau komen apa, karena biasanya pas buka udah banyak komen trus kayanya bosen aja klo komenin yang sama juga hahaha. Sama satu lagi, aku tuh orangnya susah mengekspresikan perasaan dalam kata2, jadi kadang buat  ngomong manis pake kata-kata ga bisa! hahaha... jadi kadang udah terlanjur submit komen, pas dibaca lagi kog kaya orang lagi ngamuk ya :P Jadi maklum deh... Trus ditambah aku kadang suka lupa tuh link back yang mampir2 juga & nama yang punya blog karena kadang ada yang sama....

Ngomong-ngomong, semua pada punya temen blogger yang baek juga kan? Kalau belum,mari kita berteman *kedip2* wakakaka..

Threaded Commenting

Hurray... Finally Blogger add their commenting's features.

Now you can respond each comment separately like in w*rdpr*ss.

Check this link for How To make Threaded Commenting in Blogger.

Do you like it? :D

Read Full Story in Google Reader

I'm using Google Reader a lot these days, to manage which blog that i'm following. And one day i checked my own blog from it and found out that my post didn't show in Full story. Actually i'll skip every blog with short content because it' wasting my time to open it in new tab. Anyway i searched about this setting and this is what i got :

Taken from here.
What you need is set your Blog Post Feed with Full option. So easy isn't it?


This Full post will help your reader to see your post in full version on your Google Reader. So, please check your own site feed :)

Hope this help^^

Problem Image Burem di Blog

Buat para pemakai Blogger, pasti pernah dunk upload image ke blog kalian?

Tapi pernah diperhatiin ga, kalau image yang kita upload kadang tampilannya di blog kita jadi jelek banget kualitasnya, padahal pas sebelum diupload baik2 saja. Nah masalah bukan pada mata anda, gambarnya rusak, monitor mulai hang atau blognya bego, tapi masalahnya ada pada link image yang diupload.

Selama ini aku selalu upload dengan settingan Image Size large, tapi masih ada aja yang pecah gambarnya. Sampe sempet kesel banget trus beeralih ke Flickr yang makin bikin ribet aja karena harus upload & copy linknya lagi ke blog, lalu setting size kalau ngga sesuai keinginan.

Akhirnya aku balik lagi ke fiturnya blogger & picasa. Sudah cinta mati soalnya :D Jadi tinggal upload, kalau mau edit yang sudah ke upload tinggal dibuka dari picasa, diedit trus di timpa lagi, ngga perlu edit2 blog krn otomatis diupdatein semua dari picasa(inilah keuntungan kalau pake aplikasi dari developer yg sama).

OK, balik ketopik semula. Permasalahannya ada di link yang di... *apa ya istilahnya*... yang dihasilkan dari mengupload gambar. Coba perhatikan gambar berikut ini yg diupload dengan settingan image size "small", lalu aku olor-olor/tarik-tarik dikit supaya kelihatan lebih gede:


Sudah diperhatikan?? Silahkan kucek2 mata anda buat memastikan gambar diatas tidak burem. Tapi apa mau dikata ya tetep aja burem!!

Sebenernya ngga masalah mau upload dengan settingan size manapun juga. Kalau dirasa gambar yang dihasilkan terlihat butek atau ngga sesuai dengan harapan anda, coba perhatikan gambar berikut ini :

SEE!!!
Aku ngga upload 2 kali loh.. ini tetep dengan gambar yang sama dengan diatas itu kog.

Yang aku lakukan cuma :
1. Klik Edit Html
2. Cari coding image tersebut lalu lakukan sedikit perubahan seperti berikut ini :

Carilah tulisan /s200/ untuk gambar ukuran kecil, /s320/ untuk gambar ukuran sedang dan /s400/ untuk gambar ukuran besar. Lalu gantilah angka2 diatas dengan /s800/ atau angka lain yang lebih besar daripada ukuran semula dengan maksimum s1600. Karena s1600 ini sama dengan size asli yang ditampilkan kalau kita klik gambar tersebut.

Tapi perlu diperhatikan kalau kita memang cuma mau menampilkan gambar yang mini-mini, sebaiknya tidak perlu melakukan petunjuk diatas karena jadinya gambar yang ditampilkan terlalu sharp jadi ngga bagus. Jadi sebaiknya sesuaikan dengna kebutuhan aja, kalau memang mau fotonya digedein, baru bagus pakai cara ini. Jadi setelah diubah s-nya, silahkan mengolor-olor(melebarkan) foto anda sesuka hati.

Satu lagi kelemahan, dijamin yang buka blog anda kalau lewat HP bakalan sedikit lebih lemot. Ini dikarenakan image yang didownload tentu saja menjadi lebih besar^^.

Jadi silahkan dicoba ya...dan semoga foto narsis anda2 sekalian ngga lagi butek/burem/pecah sampe pengen banting atau ganti monitor. Dijamin kali ini lebih cling cling hasilnya^^

PS : supaya lebih aman, lakukan tips berikut di notepad atau backup postingan anda sebelum melakukan percobaan ya! Dan tips ini tidak berlaku untuk gambar yang aslinya sudah butek dan burem.

Template Baru - Tetep Biru

Template Blogger yang lama ternyata ngga menunjang beberapa feature blogger nih, terpaksa deh diganti ama template yang baru daripada mata butek ngecheck CSS nya satu persatu buat upgrade.

Seperti yang dulu-dulu, tetep aja baliknya milih warna biru juga. Pengen warna gelap, tapi ngga enak kalau dibuka dikantor entar langsung menarik perhatian tetangga bisa2.

Updatean yang lain menyusul deh, males ngutak-ngatiknya saking udah lama banget ngga pernah coba2 CSS jadi kepala langsung puyeng begitu buka source codenya :P Padahal pengen bikin yang transparan2 gitu, tapi ntar deh belajar duluuuu....

Buat yang suka sharing postingan ke FB, udah ada tambahan feature "Share" di blogger. Trus ada feature response juga, nah ini buat menghemat komen aja. Jadi ngga perlu ketik "waaa bagus!!" tapi cukup klik "Cool, Insteresting,.....etc"-bisa diset sendiri.

Jadi gemes pengen utak atik nih jadinya~

Update : WeW, Labelnya udah bisa diubah jadi Cloud secara otomatis :) padahal tadi udah pusing liatin coding ternyata tinggal klik aja beres. Lumayan bisa memperpendek list Tag^^

Love it~

15 Things About Me That You Should Know(Again)

15 hal tentang gw yang harus kalian ketahui:
(Sebisa mungkin beda dengan yang 10 random fact about me)

1. Selalu ngerasa suaranya cempreng tapi sebenernya engga.


2. Lagi pengen banget beli DSLR, tp masih sayang duitnya[hayooo sapa yang mau ngadoin^^]


3. Benci copy cat dan lagi orang yg ambisius[they're too annoying for me]


4. Suka kagum ama Orang yg otaknya encer krn bawaan lahir(nerd), yang low profile, sabar, suka berada dibelakang layar, plus ngga ambisius.^^


5. Suka banget ama pantai(terutama yang aernya biru muda) & langit berbintang diatas gunung.


6. Waktu jaman skul suka nodong temen deketku yg cowo buat nraktir saking ga da duit huahuaha....[dah lama ga ketemu si Iv^^]


7. Plin-plan banget, jadi jangan heran klo hari ini ngoceh A, besokannya B. Wong mo makan apa aja suka bingung(maklum garis tanganku bercabang nih)


8. Ngerasa otakku mulai menyusut sejak masuk SMA, akibat terlalu males + kurang gizi.


9. I luv my nail^^. Aneh ya? Cuma dari SD dulu aku ga suka potong pendek tp malah dikikir biar bentuknya bagus. Tapi ga punya kuteks krn bikin kuku-ku jadi jelek, tp paling demen ama kuteks-nya the face shop.


10. Dari jaman skul ampe skrg, benci banget klo misalnya lagi mau ujian trus ada yang bilang "waahhhh rajin ya belajar!", "Loe kan pinter, ga usah belajar aja pasti bisa", krn bikin tambah tekanan mental aja klo kebetulan emang ga bisa klo udah pinter ngapain juga belajar?? Mending tidur aja[hihihi seringnya ketiduran sih]


11. Pengen banget belajar dandan ama potongin rambut orang. Sebenernya aku setaon kesalon sekali doang sisanya potong sendiri neh^^


12. Suka makan kentang ama tempe goreng. Soalnya waktu SMP setiap wiken ama my sis selalu masak 2 menu itu doang. Dan percaya ato engga aku dah mulai masak sendiri dari kelas 4SD(telor dadar, nasi goreng, roti goreng)


13. Keknya aku=my mom banget(mirip), selalu berusaha bisa nunjukin kalo bisa mandiri, tapi sebenernya ga selalu bisa. Makanya dia selalu khawatir-in yg aneh2x(tapi ngga pernah berani bilang langsung ke aku).


14. Ga bakalan pernah bisa cocok ama orang yang ga pernah bisa mikirin orang lain.


15. Terakhir, sering sedih tiap kali mikirin "Kenapa aku ga bisa ada dideket orang2x yang aku sayang". Makanya selalu berprinsip "Money counts for nothing as compared to time, love and your own life".

Ok, PR dari Sherine udah selesai ya^^. Dan sekarang giliran 5 orang yang harus ngerjain Tag "15 Things About Me That You Should Know" ini, adalah :
Fellys, Nie, Pitshu, Vini, Nena
(buat yang udah pernah bikin, boleh pass)

Award - 1

Thx buat Alvina yang udah ngasih award buat aku. Sorry banget kalo lama baru diposting lagi disini. Nah ini dia award-nya :


RULES:
1. Letakkan logonya di blogmu.
2. Berikan sebuah link kepada orang yang telah memberimu award.
3. Menominasikan sedikitnya 7 blog.
4. Menambahkan link kepada orang-orang yang diberikan nominasi di blog anda.
5. Tinggalkan pesan kepada nominatormu.

10 random fact about me :

1. Parnoan, apalagi kalo ketemu ama orang ga kenal yang tingkahnya mencurigakan.
2. Kayanya aku lebih takut ketemu penjahat daripada setan.
3. Ngga suka kalo ada orang ngga dikenal yang nge add FS/FB/YM/MSN aku. Udah pasti di reject kecuali aku salah ngenalin tu orang.
4. Paling ngga bisa belajar dikamar yang berantakan, jadinya tiap kali mau ujian aku malah sibuk beberes(bahkan ditengah malam sekalipun). Padahal biasanya abis itu malah jadi kehabisan waktu buat belajar(jadinya ga belajar deh).
5. Gamer yang ngga punya bakat game. Tapi seneng klo bisa nyaingin gamer cowo.
6. Aku benci belajar bahasa!
7. Ngga pernah kepikiran buat kerja di LN. Adanya juga kepikiran buat nikah muda dan jadi profesor sekaligus ibu rumah tangga.
8. Bawel banget dan kadang otak ma mulut suka ngga sinkron.
9. Gampang kepancing buat emosian(kecuali pas lagi ngga mood). Makanya butuh temen yang kalem buat jadi partner of crime.
10. Lagi kepengen sekolah lagi(ngga perlu S2, yang penting sekolah^^), tapi sayangnya ngga punya duit dan otak aku juga pas-pas an.

OK, that's all.
Selanjutnya, award ini aku kasih ke para cewe2x yang ada di list blog aku:
Angel, Elmo, Ernawati, Eva, Fellys, Nie, Pitshu, Sherinesky, Sri, Stephanie, Vini, Willy.
(buat yang udah pernah bikin, boleh pass)

New Header 1

Akhirnyaaa.......punya Header baru, bukan template lagi dan udah bisa ngelink. Bener2x bete banget deh kalo ahrus nyesuain dengan template yang udah ada. Sebenernya gampang, tapi gara2x si template aku jadi terjebak ngedit ditempat yang salah.

Tapi yang penting udah ada header baru, udah bisa diklik, descriptionnya masih keliatan plus halaman blog yang lebih lebar(ngikutin pelebaran jalan^^). Nanti2nya aku pengen ubah semuanya, cuma kalo udah ngeditin HTML bisa2x aku ga tidur 2hari[maklum terlalu perfeksionis jadi ga boleh melenceng dikit]......

nanti deh kalo udah pengangguran baru aku edit lagi, sekarang mau makan trus nonton Gossip Girl lagi ahhhh....

Cloud Tag

Yippie...akhirnya aku bisa ngubah Widget Label ku supaya ngga menuh2xin halaman ini lagi. Yang tadinya semua ditulis kebawah sekarang jadi berupa Tag Cloud seperti dibawah ini :

Caranya bagaimana?? Ini dia....Tapi cara ini cuma berlaku buat pemakai Blogger dengan new template, jadi kalo belum yang ter-baru sebaiknya diupdate dulu.

Step2xnya adalah sebagai berikut :

1. Buka halaman "Add and Arrange Element". Dari halaman Dashboard klik Layout.
2. Kemudian tambahkan Gadget baru berupa Label. Atur sesuai keinginan, lalu simpan.
3. Pindah ke halaman "Edit HTML".
4. Sebagai backup klik Download Full Template, lalu save file tersebut.
5. Berikutnya check pilihan Expand Widget Templates.
6. Setelah itu search widget label seperti berikut :
   

   <b:widget id='Label1' locked='false' title='Labels' type='Label'/>
   .
   .
   .
   <b:include name='quickedit'/>
   </b:includable>
   </b:widget>



7. Selanjutnya timpa dengan coding berikut.
   

   <b:widget id='Label1' locked='false' title='Labels' type='Label'>
   <b:includable id='main'>
   <b:if cond='data:title'><h2><data:title/></h2></b:if>
   
   <div class='widget-content'>
   <div id='LabelDisplay'>
   </div>
   </div>
   
   <script language='javascript' type='text/javascript'>
   function zoomStyle() {
   var max = 0;
   var min = 10000;
   <b:loop values='data:labels' var='label'>
   if (<data:label.count/> &gt; max)
   max = <data:label.count/>;
   if (<data:label.count/> &lt; min)
   min = <data:label.count/>;
   </b:loop>
   var display = &quot;";
   <b:loop values='data:labels' var='label'>
   var temp = <data:label.count/> - min;
   var size = 80 + (temp * 100) / (max - min);
   display = display + &quot;<span style='font-size:" + size + "%'><a expr:href='data:label.url + "?max-results=100"' style='text-decoration:none;'><data:label.name/></a></span> &quot;;
   </b:loop>
   
   obj = document.getElementById(&#39;LabelDisplay&#39;);
   obj.innerHTML = display;
   }
   
   zoomStyle();
   </script>
   
   <b:include name='quickedit'/>
   </b:includable>
   </b:widget>
   

8. Kemudian klik tombol Preview untuk melihat hasilnya. Kalau sudah OK, jangan lupa Save Template dan silahkan menikmati hasilnya. Kalau gagal, silahkan buka Template awal yang telah didownload sebelumnya dengan menggunakan notepad lalu timpa coding yang ada dengan isi file tersebut.
   

Selamat mencoba.

Emotion @ my Post Editor

Fiuh, akhirnya setelah melakukan hal-hal bodoh, berhasil juga nambahin emotion di editor akumakasih buat fellys yang udah kasi link-nya, you should try it fel! Anyway, today seem too bored for me(dunno why i write this blog in english today ). But sometimes i really want to write it in another language, but u know lah my english is so bad that's why i always give up. maybe i should try to write in Japanese?(it could be worst! but i'll try it someday) So ashamed to tell that actually my TOEFL point is under 550(How can? For someone like u who's working aboard, but here i am) I realize that i don't have any talent to learn Foreign Language except Computer Language i think, but no matter how worst it i have to encounter it since no ways to escape from this Job nor this country.

So, if you read my blog and see how poor my grammar and vocabulary, please give me some solution! Or if you have any favourable mind to teach me just leave a msg please.

Link to add emotion template on your blogger editor is here.