Macam mana nak letak Kotak Blockquote Warna Pink dll.

Macam mana nak letak kotak pink mcm dekat page ila ni ? ahha, mule-mule pun ila tatawu pe sebnanye kotak pink ni. Tengok blog orang lain, mcm best je. Lawa bukan? :)
Selalunya orang pakai kotak ni sebab dye nak wat tutorial, nak senang tunjukkan code
for tutorial, or just nak highlight kan something. 
And korang tahu tak pe kebendenya kotak pink ni? 
Tu la dinamakan, BLOCKQUOTE. haha :)

Jom, ila ajar jom camne nak pakai kotak pink ni. Ooppps, i mean Blockquote :) 

1. Pergi ke Dashboard korang, then click Layout ==> Edit HTML ==> tick kotak Expand Widget Templates

2 Then tekan dekat keyboard button ctrol + f , type & cari word .post blockquote { highlite semua word bawah ini

.post blockquote {
margin:1em 20px;
}

3. Copy dan pastekan semua itu dengan code ini

.post blockquote {

background: #FFCC99;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 1px solid #ff0d62;

margin:1em 20px;
} 

4.Take note !

background: #FFCC99;

Border: 1px solid #ff0d62;

Korang boleh tukar dekat tulisan merah tu, so that korang boleh letak warna yang korang nak . Kalau korang tak tahu nak letak kaler pe, pergi dekat LINK ni .

Dekat tulisan hijau tu, korang boleh setkan line macam mane korang nak untuk jadikan borde kotak tu. Korang boleh pilih solid,dotted,or dashed.

Yang kaler biru tu pulak, korang boleh setkan ketebalan line border kotak blockquote. Letak la, 1px ke, 2px ke, and ikot suka hati korang la berapa angka korang nak letak

solid adalah garisan lurus. contoh ___________

dotted adalah garisan titik² contoh .........................

dashed adalah garisan putus² contoh _ _ _ _ _ _ _

5.Then, tekan laju-laju dekat button SAVE

6. Pergi New post ==> then tulis lah sesuatu kemudian highlite semua word anda kemudian tekan button ni :

UPDATE

KALAU korang tak jumpa code blockquote, jangan risau, korang boleh terus copy code yang di beri dan paste kan dia sebelum

]]></b:skin>

Oke, tu je ! Siap dah ! haha, complicated tak? Ila rasa tak, ni simple punye code je, tak kaco byk pun.

So ape lg? Pergi la try ye :) Goodluck !

p/s : Credit to Liyana Lunia 

Autopost your new blog entries to Facebook through RSS Graffiti

Salam. Korang ingat lagi tak before ni, ila ada wat tutorial about  Autopost entri blog korang through Facebook notes ?

Ingat tak? haha, i've found that tiba-tiba ada problem pulak dgn autoupdate kat facebook tu. Thanks to Kak Wani @ Mizz Butterfly yang telah mencuba tutorial tersebut, dan bagi feedback kat ila mengenai problem autoupdate tersebut :)

So kali ni, ila dah jumpa cara kedua nak promosikan blog you all through facebook. Nak tahu caranya ? Jom, kita kenali RSS Graffiti.

RSS Graffiti merupakan salah satu aplikasi yang ada di facebook. Setiap kali korang update blog, aplikasi ini akan postkan link entri terbaru korang tu dekat facebook. Korang boleh setkan nak postkan link tu dekat page korang, dekat wall korang. 
Secara tak langsung, aplikasi ni akan memudahkan korang untuk mempromosikan blog korang and get immediate feedback dari rakan-rakan di facebook :)

Cara Import Feed Blog Ke RSS Graffiti sangat mudah, yang pasti korang kene ada Facebook, jom kita tengok caranya:

1. Login dulu ke Profile korang kat Facebook 
2. Lepas tu, tekan laju-laju pergi ke link berikut http://www.facebook.com/RSS.Graffiti 
3. Tekan Go To Application, lepas tu baca instruction dia.





4. Klik Add Feed dan masukkan feed Blog korang dekat Kotak Feed URL, Contoh: http://surayafadhilah.blogspot.com/





5.  Lepas dah masukkan Feed URL, jangan lupa click here to fetch and preview untuk memastikan feed blog korang berfungsi, dan secara automatiknya, Feed URL korang tadi akan bertukar.
   Contoh : Daripada http://surayafadhilah.blogspot.com/ kepada http://surayafadhilah.blogspot.com/feeds/posts/default .


6. Lepas tu, korang isi Kotak Source Name dan Kotak Source Url. Kotak Source Name tu, letak Title Blog korang la kiranya.
   Contoh: Iela|Dlm|Diam . Kotak Source Url pula, letak website blog korang.
   Contoh: http://surayafadhilah.blogspot.com/ 





7. Setelah Selesai, Klik Save Button.
   
   
   
   
8. Dekat area RSS Graffit, pastikan dekat sebelah foto profil korang ada tulis  Status: Configured





9. Nanti, bila korang dah post something dekat blog korang, everytime korang post, akan kelihatan mcm ni dekat wall korang: 

So, thats all tutorial dari ila buat masa ni. If korang ada problem mengenai tutorial ni, jgn segan-segan, drop ur questions kat Shoutbox or Komen this Tutorial oke? 

Selamat Mencuba :)

Autopost entri blog korang through Facebook notes.

Tutorial dikhaskan kepada Blogger yang ada Facebook. Selepas korang update di blogspot, korang tidak perlu update di facebook. Dia autoupdate.
Kelebihan guna features ini:

• Menambahkan hit orang masuk ke blog. (facebook members)
  
• Menjimatkan masa tidak perlu post sekali lagi di facebook.
• Menyampaikan mesej blogpost lebih cepat kepada member di facebook.
• Boleh dapat feedback tentang entri blog dari kawan di facebook.
  

Ini tutorial dia:

• Login Facebook > Application > Notes (Rujuk bawah)

• Cari Notes > My Notes > If korang tak pernah buat note - Tekan Write a note > Pages' Notes > Import seperti gambar dibawah:

• Masukkan url blog (atau website or wordpress) korang (contoh: http://surayafadhilah.blogspot.com) di tempat yang ada kotak pink. Jangan lupa tick term and service. (Rujuk bawah)

• Tekan "Start Impoting" > "Confirm". Sekarang facebook korang up to date. Semua update yang dibuat blog akan autoupdate di facebook.

Kalo tutorial ini berguna kepada korang, jangan lupa tinggalkan komen k ? 

Harap tutorial ni dapat mempopularkan blog korang dengan member2 di facebook :)

Hide SHOUT BOX dekat tepi blog

fareast

Shout box di side bar menyemakkan? Nak loading sidebar mengambil masa yang lama? Mahu mengatasi masalah ini? Mari-mari ila ajarkan. Caranya.mudah sahaja, pastikan anda sudah memiliki Shoutbox, jika tidak anda boleh dapatkan shoutbox disini –> ShoutMix.com . Ikuti langkah-langkah dibawah ini.

1. | Copy dan Paste kan Code ini kedalam blog anda. (Dimana-mana sahaja yang sesuai)

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('http://img412.imageshack.us/img412/5049/tmerah.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #666666;

background:#F5F5F5;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

MASUKKAN CODE SHOUT BOX ANDA DI SINI

<div style="text-align:right">

<a href="javascript:showHideGB()">

[close]

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

2. | Pastikan anda memasukkan code shoutbox anda pada text yang berwarna merah di atas. Seperti:

<div>
<!– Begin ShoutMix – http://www.shoutmix.com –><iframe title=”abx” src=”http://www5.shoutmix.com/?abx” width=”" height=”" frameborder=”0″ scrolling=”auto”><a href=”http://www5.shoutmix.com/?abx“>View shoutbox</a></iframe><br /><a href=”http://www.shoutmix.com” title=”Get your own free shoutbox chat widget at ShoutMix!”>ShoutMix chat widget</a><br /><!– End ShoutMix –>
<div style=”text-align: right;”>

3. | Anda boleh menetapkan ketinggian dimana Shoutbox itu berada di bahagian tepi blog. Ubah nilai pada text berwarna biru eg: 60px / 77px / 100px (mengikut kesesuaian blog).

4 | Terpulang kepada anda untuk menetapkan Shoutbox berada di sebelah kanan (right) atau kiri (left) dengan menukarkan right / left pada text berwarna Ungu, tapi perlu diingatkan kedudukkan asal adalah disebelah kanan, jika anda menukarkan pada kedudukan kiri, gambar (tabs) anda juga perlu ditukar kerana akan kelihatan janggal.


5 | Jika anda ingin menggunakan gambar (tabs) sendiri anda perlu menukarkan Link pada text berwarna Aqua itu kepada Link gambar anda sendiri. Jika anda membuat tabs sendiri dan tabs itu hanya keluar separuh sahaja sila ubah nilai pada tex berwarna Oren. (Mengikut kesesuaian)

Contoh-contoh tabs yang digunakan. (Right Click –> Copy Image location jika anda ingin salah satu gambar dibawah ini) :

-- —- -- –— —- —- –—

Selamat mencubanya
*Sebarang kemusykilan, jangan segan-segan tanya ila dekat Shout Box disebelah .

How to Add the Facebook Like Button Below every Post

Oke, post ni dibuat khas untuk Wan Syakirah Deraman. How to add FACEBOOK LIKE BUTTON below your posts. Kalau ada sesiapa nak gunakan code ni, sila-sila lah ye. If tak faham, feel free to leave anything in the SHOUT BOX at the right side of this blog. Terima kasih :)

Macam mana nak letak FACEBOOK LIKE BUTTON di bawah setiap POST KORANG

  

1. Mula-mula pergi dekat Design > Edit HTML, lepas tu tick dekat kotak yang tertera “Expand Widget Templates”

 

 2 Cari code <data:post.body/> (tak payah susah-suah nak cari,tekan je ctrl then button F, then type <data:post.body/>) dan lepas tu cepat-cepat paste kan code ni lepas korang da jumpa code yang dicari tadi  :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.
com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;lay
out=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;'/>
</b:if>

MAKE SURE KORANG COPY AND PASTE TULISAN YANG BERWARNA MERAH SAHAJA !

TULISAN YANG WARNA HITAM TU JUST ABAIKAN :) 

3. Klik laju-laju dekat SAVE THE TEMPLATE & korang akan nampak LIKE BUTTON di bawah setiap POSTS korang.

a) Kalau korang nak tukar colorscheme=light to colorscheme=dark or colorscheme=evil pun boleh juga. Depends dengan colour tanah blog korang la.

b) And korang boleh juga tukar jenis tulisan dengan mengedit  font=arial parameter.Contohnya :

1. font=lucida+grande
2. font=segoe+ui
3. font=tahoma
4. font=trebuchet+ms
5. font=verdana 

If you liked this post, then consider “Like” ing it :)