Membuat blockquote

Blockquote ni memang cunn sangat kalau kita guna untuk highlight ayat dalam entry. Kalau korang rajin buat tutorial boleh jugak highlight kod html supaya mudah orang nak nampak kod mana perlu copy paste tu kan.

Contoh Ini Contoh

HAI SAYA CONTOH
YANG BACKGROUND BELAKANG NI HAA.

Cara nak buat mudah je. Sebelum tu, jangan lupa backup dulu template tu ye.
Cara backup template,
masuk ke bahagian
Tengok sebelah kanan atas, klik
Klik
Save File.


Cari kod di bawah

.post blockquote {

Tips senang nak cari kod,
Tengok keyboard korang, Tekan key Ctrl dan key F serentak.
Kalau guna Mozilla Firefox, korang akan nampak imej ni
Masukkan kod di ruang sebelah find, klik Next.

Gantikan kod

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

dengan kod dibawah ini

.post blockquote {
background: url(http://mykawaiistore.com/blockquote.png);
padding: 3px;
margin: 3px 3px;
border: 2px dotted #fff;
border-left: 5px solid #fbdceb;
border-right: 5px solid #fbdceb;
}

Untuk tambah efek hover bolehlah ditambah kod ini

.post blockquote:hover {
background: url(http://mykawaiistore.com/blockquotehover.png);
padding: 3px;
margin: 3px 3px;
border: 2px dotted #fff;
border-left: 5px solid #e6f6ee;
border-right: 5px solid #e6f6ee;
}

Siap ^^
Boleh ubah direct link yang berwarna merah untuk masukkan imej yang korang suka

Cara nak guna?
Bila nak letak kod atau tulisan atau apa-apa je la dalam blockquote, just highlight kan ia, dan klik simbol blockquote seperti di bawah


Nak tukar animated picture pun boleh

---

Dah habis baca ke? Jemput tinggalkan komen ◕‿◕

---

Share & Like Facebook Button

Kelebihan button like & share ni ialah ia akan publish di facebook, kalau korang like entri tersebut. Dan kawan-kawan facebook lain akan teruja lah nak tengok apa yang korang like tu kan? So, traffic meningkat. Bagus kan?

Cara nak buat mudah je. Sebelum tu, jangan lupa backup dulu template tu ye.
Cara backup template,
masuk ke bahagian
Tengok sebelah kanan atas, klik
Klik
Save File.

Tandakan kotak Expand Widget Templates
Cari kod di bawah

<data:post.body/>

Tips untuk memudahkan pencarian,
Lihat keyboard korang, Tekan key Ctrl dan key F serentak.
Untuk pengguna Mozilla Firefox, korang akan nampak imej ni
Masukkan kod di ruang sebelah find, klik Next.
Paste kod ini selepas kod <data:post.body/> tadi.

Button Like

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=280&amp;height=24&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:280px; height:24px'/>

Button Share

<div style="float:left;padding:0px;"><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/><script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Siap ^^
Button like & share akan muncul dibawah entry secara automatik.
Kalau rasa nak letak button like dan share diatas setiap entry, paste kan sebelum kod

<div class='post-body entry-content'>

kredit to : www.liyanaa.com dan www.arcx13.com

---

Dah habis baca ke? Jemput tinggalkan komen ◕‿◕

---