Tutorial : Cara Meletakkan Image/Picture/Gambar di Sidebar

Assalamualaikum!
Hai korang.

Malam ni saja je aku nak share something.

Tutorial ni very simple. And aku rasa malu nak share sebenarnya, sebab terlalu mudah kan. Nanti korang gelakkan pulak.

Yelah, mustahil blogger tegar macam korang tak tahu pasal ni.

Tapi kan, aku fikir baik aku buat jugak. Bukan untuk korang pun, untuk aku je. Sebab aku takut lupa nanti. So boleh refer balik. Maklumlah, aku ni bukan org IT. So, semua benda pasal codings ni hanya cebisan pengalaman aku je selama hampir 8 tahun (seriously?!) ber-blogging.

Hehehe.

Mesti korang curious a-p-e-k-e-b-e-n-d-a-l-a-h aku merepek daripada tadi.
Actually, aku nak share html codes untuk masukkan gambar dengan mudah dalam blog.
Especially sidebar lah.

Now, jom usha sikit caranya.

Sidebar :

1. Dashboard - Layout - Add a Gadget - HTML/JavaScript

2. Copy code ni dan paste di ruangan tersebut :

<center><img src="IMAGE URL KORANG" /><center></center> 

3. Ubah yg aku merahkan tu dengan image url/address/link korang.

4. SAVE !!

Alhamdulillah.

Baguslah korang yg baca sampai habis tutorial kacang macam ni.
Tata~

Tutorial : Cara Mencantikkan Image Border di Post

Assalamualaikum!
Hai korang.

Hari ni pelik rasa. Tiba-tiba aku jadi terlebih rajin mendesign blog.
Dan nak dijadikan cerita, aku rasa tak bestlah dengan default image border sekarang.

Korang faham tak ni? Cuba korang publish satu post yg ada gambar. Pastu korang akan nampak pada gambar-gambar tu ada border warna kelabu asap tu betul tak? Dan sedikit shadow ala-ala berbayang.

So, aku pun rasa macam nak tukarlah.
Akhirnya, jadilah macam yg korang tengok sekarang.
Meh aku letak satu gambar supaya korang boleh nampak.

See, lawa la sikitkan border yg kat atas ni.
Apa lagi, jom aku ajar korang !!

1. Dashboard - Theme - Edit HTML - ctrl + F

2. Search kod ni :

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,

Kalau tak jumpa, try search :

.BlogList .item-thumbnail img {

3. Then, korang akan jumpa macam ni :

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: $(image.border.small.size);
background: $(image.background.color);

border: 1px solid $(image.border.color);

  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

4. Seterusnya, korang buang codes yg aku merahkan di Step 3, dan gantikan dengan codes ni :

border: 1px solid #000000;

5. Sebelum tu, korang kena tukar :

OREN : ketebalan garisan

BOLD : jenis garisan 

BIRU : warna garisan

***Cari kod warna di sini.

***Jenis garisan : solid | dashed | dotted

6. Kalau dah settle, PREVIEW dulu. No error then baru korang SAVE !!

Alhamdulillah.

Kalau jadi feel free to share. Kalau tak jadi pulak silakan bertanya di ruang komen. InsyaAllah, aku reti aku jawab.

My Sakura's Story

Assalamualaikum!
Hai korang.

Malas nak menaip.
So, let the pictures speak...

                             

Tutorial : Cara Remove Attribution (Powered by Blogger)

Assalamualaikum!
Hai korang.

Korang tahu tak apa benda tu Attribution?
Tak tahu?

Okaylah. Meh sini aku bagitahu korang.
Secara ringkas yg aku boleh cakap, attribution ni kalau dalam istilah ilmu hadith dorang panggil "ISNAD" atau dalam bahasa melayunya macam "SANDARAN" atau "PENISBAHAN".

Hah. Faham dah?
Alhamdulillah.

So, apa tujuan entri aku kali ni eh?
Hehe.

Sebelum tu aku ada satu permintaan. Cehh.

Cuba korang scroll blog aku sekarang sampai bawah sekali.
Nampak tak apa yg selalu korang nampak kat blog korang?

Ya. Yg tulah aku cakap.

Template by ***. Powered by Blogger.

Hah takdekan?
So, entri kali ni aku nak share la cara aku buang attribution tu.

Apahal pulak nak buang?
Takde apa-apa hal lah, cuma ada sesetengah orang rasa serabut. Kalau macam aku, aku nak buang sebab AKU YANG POWER BUKAN BLOGGER.
Hahaha.

Dahlah. Panjang pulak bercakap.
Jom try buat!

1. Dashboard - Theme - Edit HTML - Jump to widget - Attribution1

2. Lepas tu, korang akan nampak perkataan Attribution1 tu dihighlightkan. Kod yg korang nampak lebih kurang macam ni :

<b:widget id='Attribution1' locked='true' title=" type='Attribution'>

3. Seterusnya, perkataan true yg aku merahkan dalam Step 2 tu, korang tukar kepada perkataan false.

4. So, nanti akan jadi macam ni :

<b:widget id='Attribution1' locked='false' title=" type='Attribution'>

5. Then, PREVIEW dulu. Kalau takde apa-apa error, baru korang SAVE !!

6. Ehh. Belum siap lagi ni. Korang pergi kat Layout. Pastu korang scroll sampai bawah, dan korang akan nampak satu gadget yg bernama Attribution.

7. Apa lagi, buka dan tekan Remove.

8. Lastly, tekan Save Arrangement.

Alhamdulillah.
Senang je kan?

Tapi, kalau ada yg kurang faham korang boleh je komen kat bawah ni.
InsyaAllah aku jawab.