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

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