Masukkan Video dari Facebook ke dalam Entry

Assalamualaikum, para sahabat yang disayangi. Hehe. Wah, banyak juga yang berminat nak tau cara masukkan video dari FB nie ek? Ingat kan tak de yang berminat. Hehe. Sebelum diteruskan, marilah kita semua sama-sama mengucapkan terima kasih kepada Sifu Mr Piratz yang sudi berkongsi tutorial ini. Jika berminat, boleh belajar dari blog beliau di SINI.

Tutorial nie semata-mata untuk berkongsi dengan sahabat-sahabat diluar sana dan juga sebagai simpanan peribadi. Dah lama tau cari tutorial nie. Puas duk Google. Huhu.

Baik, tanpa membuang masa lagi, mula-mula korang kena la login ke Facebook dan pilih dulu video mana yang korang nak share kat dalam entry. Hei, kalau tak de akaun FB kena la join FB dulu. Pastu, add la Mommy Pinky sekali. Wah2, sempat plak promote diri. Kuikui~

Dapatkan Video ID
Sebagai contoh, bagi Videos Posted by Brenda Garcia
Hihi, comelkan?

Video ID ialah seperti di bawah
(tengok bahagian address kat atas tu)

bagi clear sket pic nie,

jadi, Video ID = 1227575495369

Seterusnya, apa yang perlu dilakukan hanyalah Copy Code dibawah, dan masukkan ke dalam entry,

Dashboard / New Post / Edit Html

<center><object width="500" height="400" >
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="http://www.facebook.com/v/xxxxxxxx" />
<embed src="http://www.facebook.com/v/xxxxxxxx" type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true" width="500" height="400">
</embed>
</object></center>

Gantikan xxxxxxxx dengan Video ID

Note: Nak ubah saiz video, ubah sahaja di bahagian width & height. Ok siap :)

Selamat Mencuba :)
Kalau tak jadi mungkin sebab terlupa baca Bismillah ;)

---

Dah habis baca ke? Jemput tinggalkan komen ◕‿◕

---

Tukar Older Post, Home, Newer Post kepada Imej/ Icon

Assalamualaikum, sudah lama tak buat tutorial kan. Kali nie, request dari adik Lieyan Chantek. Sorry, agak lama baru nak buat tutorial ni. Nasib baik request tutorial yang senang je. Hanya ubah-ubah kod sikit. Sedikit nasihat, kalau nak cantikkan blog jangan takut untuk bermain dengan kod-kod anda. Saya juga bermula dari zero seperti kamu, kamu dan kamu yang sedang makan di tepi tu. Hei, tak puasa ke?

Kadang-kadang kita tak boleh harap kan orang lain sangat. Kita sendiri kena usaha tau. Kalau kamu hanya harap kan pertolongan orang, susah nak maju. Ketahui la bahawa template blog kita tak sama seratus peratus, so, jangan la cepat melatah bila tak jumpa kod-kod yang diperlu kan. Try n error saja. Yang penting back up dahulu template kamu tu. Haih membebel plak tengah hari buta begini.

Ok, ok, nie soalan adik Lieyan Chantek,

Tulisan2 dibawah ini boleh diubah kepada imej / icon yang menarik kamu tau?

Ok, macam biasa,

Dashboard / Layout / Edit HTML / Download Full Template
(penting sebagai backup!)

Sila tick Expand Widget Templates
Cari code dibawah ni (Tekan Ctrl + f untuk memudahkan pencarian)

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>

Tulisan yang berwarna + bold tu tukar dengan kod di bawah

<img src="Image URL" />

Begini contohnya,

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='http://img507.imageshack.us/img507/4343/leftq.png'/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='http://img94.imageshack.us/img94/3545/rightyx.png'/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://img535.imageshack.us/img535/606/homeb.png'/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://img535.imageshack.us/img535/606/homeb.png'/></a>
</b:if>
</b:if>

</div>

Hasil adalah seperti di bawah,

Oh, icon menarik boleh cari di SINI. Tak tau cara nak guna icon tu? Rujuk SINI. Selamat Mencuba :)

---

Dah habis baca ke? Jemput tinggalkan komen ◕‿◕

---