Background Post Body

Assalamualaikum..

Tadi, Aishah cari tutorial tentang background untuk post body. Aishah try n try tapi tak jadi. Lepas tu Aishah ada jumpa satu formula ni. Kalau siapa yang tak boleh tu to ni, ikut yang no.2 punya ok.

Teknik 1

1. Design > Edit HTML 

2. Search kod ni

#content-wrapper {

3. Kemudian, copy kod bawah ni dan paste dekat bawah kod yang kita cari tadi

background : url(URL GAMBAR);  

4. Gantikan url image tu dengan url gambar pilihan masing-masing.

Teknik 2

1. Design > Edit HTML

2. Cari kod ni

$(content.background.color.selector) {

3. Kalau tak jumpa juga kod tu, cari kod ni ( kalau cari kod ni, scroll sampai jumpa kod untuk header. Sebelum masuk kod tu, copy paste jer kod yang akan aishah bagi nanti.)

/* Content

 4. Dah jumpa kod nya, kalau perasan bawah dia ada kod macam ni kan

  background-color: $(content.background.color);

5. Ok, gantikan kod di atas dengan

background : url(http://i1216.photobucket.com/albums/dd380/hafizah940903/bckgrnd.png);

* yg warna merah tu, pembaca boleh gantikan kod gambar yang disukai....

Harap tutorial ii dapat membantu...Para bloggers yang mengikuti sekalian

Assalamualaikum 

Macam mana Nak Hilangkan Tarikh Atas Post Title

Assalamualaikum...

Aishah nak tunjukkan cara nak hilangkan tarikh yang dekat atas post title. SIapa nak letak, letak la. Untuk tak lupa tarikh juga kan...

1. Dashboard > Design > Page Elements

2. Klik Blog Post

3. Kemudian, dia keluar macam ni kan...

Jadikan kotak untuk tarikh tu kosong macam di atas.....

Siap dah pun..Senang ja kan..

Assalamualaikumm

Letak Signature @ Gambar Selepas Entri

Assalamualaikum... Tutorial kali ini adalah tentang macam mana nak letak signature atau gambar selepas entri. Ini untuk menunjukkan kita yang tulis entri ini. Ewaah

Signature 

1. Klik sini

2. Lepas tu klik Start 

3. Pilih Using The SIgnature Creation WIzard

4. Lepas tu ikut ja apa yang diperlukan sampai finished. Lepas tu, scroll bawah sikit nampak tak Iwant to use this signature




5. Klik yang tu. Then pilih Generate HTML Code.

Siap...

Pasangkan dalam BLOG


1. Dashboard > Design > Edit HTML > Tick Expand Widget Template

2. Cari kod ni.

      <data:post.body/>

3. Copy kod ni dan paste dekat bawah code tadi

<p><div align='right'><img src='URL SIGNATURE/ GAMBAR'/></div></p> 

* untuk gambar, buat sendiri gambar, then upload dekat mana-mana photo hosting( photobucket). Then ambil dia punya direct link....

Finish ...
semoga berjaya..

Assalamualaikum 

Curved Keliling Blog

Assalamualaikum...

Aishah nak kongsi sesuatu lagi ni. Tutorial ni khas untuk template macam AIshah yang baru ni. Tak salah kalau template yang lain nak buat jugak. Tapi tak cantik sangat.

1. Dashboard > Design > Edit HTML

2. Cari kod ni ( tekan ctrl + F )

.content-outer {

3. Copy kod bawah ni dan paste di bawah kod yang cari tadi

border: 5px solid #C0C0C0;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

Preview dulu baru save

******************************************* 

1. Cari kod ni pula

.content-inner {

2. Copy kod bawah ni dan paste di bawah kod yang cari tadi

border: 5px solid #B041FF; 

-moz-border-radius: 10px;

-webkit-border-radius: 10px; 

Preview dulu baru save

* merah - warna
* biru untuk jenis border... dashed, dotted, solid

Buang Border Image ( hanya untuk template macam AIshah )

Assalamualaikum.

Aishah kan baru tukar template. Jadi, template ni, menyebabkan image yg Aishah letak jadi berborder...So, Aishah search dekat google and Aishah jumpa satu tutorial ni kat HannaFauza's Blog.

 Jadi, Aishah nak share la kat semua orang. Ok. Kalau nak ikut..Tengok bawah ni

1. Dashboard > Design > Edit Html > Tick Expand Widget Template

2. Kemudian, tengok bawah sikit dan jumpa kod macam ni kan..

.BlogList .item-thumbnail img {

 padding: $(image.border.small.size);

  background: $(image.background.color);

  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);

3.  Yang warna merah tu, gantikan dengan 0.

Itu sahaja..Sebelum tamat tutorial ni..AIshah nak ucapkan terima kasih kepada hanna sebab dah buat tuto ni..

Assalamualaikum

Cara Nak Letakkan Facebook Comments dalam Blog

 

CONTOH

Da Step 

1. KLik sini

2. Lepas tu tngok bawah sikit ada kategori Comments kan. Klik yg tu

3. Lepas tu isilah apa yg diperlukan.

4. Siap. Then, klik Get Code

5. Copy kod tu.

Lepas tu

1. Design > Add a Gadget > Html/javascript

2. Paste kod yg u all copy tadi.

Siap

Letakkan Icon Komen Sebelah Post Title

Ok, Tutorial ni memang payah nak jumpa. Sebab tu Aishah nak share OK.  Cuba tengok sebelah post title Aishah ada macam dialok box kan. Itulah yang dimaksudkan. Ianya berfungsi untuk menulis berapa banyak komen yang ada untuk setiap entri kita ok.

1. Dashboard > Design > Edit HTML > Tick Expand WIdget Template

2. Cari kod ni

 <h3 class='post-title entry-title'>

3. Lepas tu copy kod bawah ni and paste di bawah kod tadi ok.

<b:if cond='data:post.allowComments'>

<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/><br/><span style='font-size:10px'>Komen</span></a>

</b:if>

4. Then, cari kod ni pulak

 </head>

5. Copy kod bawah ni dan paste di bawah kod yang dicari pada no.3 tadi. 

<style type="text/css">.comment-bubble {

float: right;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0wPbrHUVTgAiVeBsR2hKbmm-yAuTJ65athBseOfwlc1KWdy2qCFIpNpR19bByQ4IwZeWorFKK3pCm6b4IaXph-daGBXiaHlEwWvA9I0cJulQxp9os_3bilo6p6hOBL9y2IVLTi5IWkaj1/s1600/Blogger+comment+bubble+%284%29.png) no-repeat;

width: 55px;

height: 38px;

font-size: 18px;

margin-top: -15px;

margin-right: 2px;

text-align: center;

}

</style>

merah tu korang boleh gantikan dengan icon yang menarik ok..
Harap Berhasil...

 Preview dulu baru save