Meletak Divider Antara Sidebar

1st :: cari divider yang korang nak.

          ada kat sini yer:

           Glitter Graphics

           Graphics-4free

           Ladylony

2nd :: masuk blog korang.

          Dashboard ->Design -> Edit Html 

3rd :: Ctrl + F , dan cari benda ne...

         .sidebar .widget, .main .widget {
         border-bottom:1px dotted $bordercolor;
         margin:0 0 1.5em;
         padding:0 0 1.5em;
         }

 da jumpa?...

4th :: gantikan kod diatas ini dengan kod dibawah...

         .main .widget {
         border-bottom:1px dotted $bordercolor;
         margin:0 0 1.5em;
         padding:0 0 1.5em;
         }

         .sidebar .widget {
         border-bottom:1px dotted $bordercolor;
         margin:0 0 1.5em;
         padding:0 0 1.5em;
         }

5th :: sekarang code kat atas (.sidebar.widget{) kena ubah sikit...

         .sidebar .widget {
         border-bottom:0px dotted $bordercolor;
         margin:0 0 1.5em;
         padding:0 0 50px;
         background-image: url(URL gambar korang nak);
         background-position: bottom;
         background-repeat: no-repeat;

6th :: letakkan URL gambar yang korang da pilih tue dalam kod di atas yer.

7th :: PREVIEW terlebih dahulu baru SAVE.

Kredit By :Dari ECA

---

♥♥Suke Entry neh?Komen Byk2 Dan Klik Button Donate Yer!!♥♥

---

Scroll Bar Untuk Bloglist

Jom ikut Step di bawah :

1. Log in > Design > Edit HTML > Tick Expand Widget Templates 

2. Tekan Ctrl F dan carikan tajuk bloglist korang.. contoh macam kat bawah apa nama bloglist sidebar korang punya:

My Blog List 

3. Bila dah jumpa tajuk bloglist korang tu kan , cuba korang tengokk kod-kod di bawah tajuk yang korang carikan tuh . ada takk kod macam ni :

<div class='widget-content'> 

4. Ye ! Sudah jumpakan ? Bagus2! Now, korang buang tanda > pastu jarakkan sedikit baru korang letakkan kod di bawah di sebelah yang korang jarakkan tadi...

style='overflow:auto; width:ancho; height:200px;'> 

**Yang warna merah tu , bolehlah gantikan dengan size height korang ye.

5. Sudah kan ? Cuba PREVIEW dulu. kalau menjadi , SAVE terus ok ? ;p

=SELAMAT MENCUBA SEKALIAN !=

kredit:cikrose

---

♥♥Suke Entry neh?Komen Byk2 Dan Klik Button Donate Yer!!♥♥

---

Reben Comel Atas Blog dekat header

*Please Credit If You Use This Tutorial!*

1.Kena tekan sini dulu!

2.Dashboard > Design > Edit HTML > Tick Expand Widget

3.Tekan Ctrl + F , cari

</head>

4.Copy code ini dan paste dekat bawah code tadi

<div style=" background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMX-iaEpxmgadEb9Gobbx98MtcUtf1fai-lXaEydxrW6vcvJopP5HZiwtqpWBqK_JYwm8nKtYOxzfDOQWju85t0JIhkTsKjuL-LH-cMOX9TRbqTdh9m3eBcPmolj7WUODMQMJD9pOdkftq/s1600/NabilaDivider.png'); width: 100%; height:34px; z-index: 100; position: fixed; "></div>

5.Preview

Kredit By:Nabila Medan

---

♥♥Suke Entry neh?Komen Byk2 Dan Klik Button Donate Yer!!♥♥

---

Buang border pada image/gambar

Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod 

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

4) Selepas jumpa kod .post-body img, .post-body .tr-caption-container, korang akan nampak kod yang macam kat bawah ni: 

.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);Nota:

Pada nilai yang ditandakan merah, korang tukar semua kepada 0

Contoh:

.BlogList .item-thumbnail img {

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

background: $(image.background.color);

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

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

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

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

5) Lepas dah tukar, klik preview, jika tiada error, klik save template dan lihat hasilnya.

Selamat mencuba! :) 

---

♥♥Suke Entry neh?Komen Byk2 Dan Klik Button Donate Yer!!♥♥

---

Button Like Facebook Pada Entri Post

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Template"

(jangan lupa "backup template" terlebih dahulu sebelum melakukan apa-apa perubahan pada skrip html, sebagai langkah berjaga-jaga)

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod

<div class='post-header'>

4) Letakkan kod di bawah SEBELUM kod <div class='post-header'> yang anda cari di langkah 3 tadi

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

5) Save dan lihat hasilnya. Selamat mencuba! :)

---

♥♥Suke Entry neh?Komen Byk2 Dan Klik Button Donate Yer!!♥♥

---