Cara Nak Meletak Widget Sendiri Dalam Blog

Assalamualaikum....

Aishah sengaja nak buat tutorial ini untuk semua. Tetapi kan Aishah dah kata salah satu hadiah contest ialah welcome to my blog widget. So, nanti bila dah dapat tu macam mana pulak nak bagi dia terapung kat tepi blog ??? Ikut cara ni.

1.  Design > Add a Gadget > HTML/JavaScript

2. Copy kod ni dan paste dekat ruangan content tu

<script language="JavaScript" src="http://adiwidget.com/js/adibottom.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("URL Widget") </script>

3. URL WIDGET tu letak la direct link gambar/widget kita tu ok....

Semoga Berjaya

Assalamualaikum

Cara Nak Letak Install Banner Button

Assalamualaikum....

Cuba tengok kat banner Aishah. Ada button Install Banner kan. Ini supaya dapat memudah seseorang itu letak banner kita dalam blog depa.

1. Design > Add a Gadget > HTML/JavaScript
2. Copy kod ni dan paste di ruangan content

<center><form action="http://beta.blogger.com/add-widget" target="_blank" method="POST"><input value="Tajuk Sidebar" name="widget.title" type="hidden" /><textarea rows="3" cols="5" style="display: none;" name="widget.content">
 <a href="URL BLOG" target="_blank"><br /><img src="link gambar" /></a>
 </textarea><input value="Install Banner" class="button" name="go" type="submit" /></form></center>

Yang Merah tu kalau tak mau tukar pun tak apa.
Biru url blog masing-masing
oren untuk url gambar banner.

       3. SIap. Save.

AIshah nak peringatkan....Tutorial ni adalah untuk meletakkan button install Banner,...

GOOD LUCK

Assalamualaikum

Tips Menampakkan Blog Kita Kemas

Assalamualaikum...

Aishah nak kongsi sesuatu ni. Perkongsian ini adalah berdasarkan pengalaman Aishah sendiri. Ok, kalau nak ikut, ikut la.

Gunakan background yang simple

Maksudnya, gunakan background yang tidak terlalu berserabut. Gunakan background jenis polka dot atau line adalah nampak kemas sebenarnya. Tetapi kalau tak mau guna background tu, cari background yang mempunyai warna yang tidak terlalu terang dan boleh menyakitkan mata.

Elakkan Drpd Guna Tulisan Yang Pelik

Kebanyakan bloggers gemar menggunakan tulisan yang berbelit-belit. Betul tak ? Ok, kalau kita guna tulisan yang simple macam Times New Roman atau Arial lebih menyenangkan orang yang membaca ... Kalau tulisan berbelit, macam mana orang nak baca. Bukan tak boleh baca jer, tapi serabut kepala otak yg membaca tu kan..

Jangan letakkan tulisan terlalu warna warni
Maksudnya dalam satu ayat macam-macam jenis warna yang dia pakai.... Elakkan.... Kalau backgroun putih, tulisan hitam..kalau background hitam, tulisan putih..Itu nampak lebih kemas...

Centerkan segala Widget di bahagian Sidebar

Widget yg selalu kita gunakan ialah widget jam, kalendar, facebook like box dan banyak lagi. Jadi, jangan biarkan ianya berada di sebelah kiri atau kanan... Nampak serabut sangat.. Ok, try untuk centerkan widget tu ok.. Caranya, letakkan kod <center/> pada awal kod dan last kod...

Jangan Gunakan Background Animation

Background untuk blog sgt x cantik kalau animation. Ok first menyakitkan mata n second nampak x kemas n serabut... Cari yg paling simple n itu yg paling cantik....

Itu sahaja yang boleh dikongsikan....Agak boring tetapi diharap dapat membantu pembaca sekalian.

Assalamualaikum

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