[Tutorial] Komen Facebook di Blog

Hai. Tutorial lagi! (dan macam biasa, tutorial untuk remind diri sendiri sebenarnya )

Tahu tak (tak tahu tak tahu), selama ni saya dok mencari – cari tutorial letak kotak komen Facebook di blog padahal rupa – rupanya ada kat salah satu blog tutorial yang saya follow ni haha.

Ada dua tiga tutorial yang saya follow, tapi tak jadi. Padahal rasanya semua step dah ikut. Ada yang kotak komen tak keluar lansung la, ada yang kotak komen keluar tapi kalau komen, kat semua entri komen keluar huhu. Komen kat entri lain, pegi entri lain, komen tu ada jugak. Ke saya follow instruction untuk kotak komen yang keseluruhan punya? 

Ntahlahhhh..Dah dah tak payah pening pening.

Tadi waktu singgah blog forblogger.net terserempak dengan tutorial ni. Senang saja rupa – rupanya haha!

So, jom ke tutorial dia.

(Step 1) Ini Kod FB Comment Box

Di bawah ada code FB Comment ini. Just copy untuk di letakkan ke dalam blog kejap lagi di Step 2

<b:if cond='data:blog.pageType == &quot;item&quot;'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' num_posts='1' width='600'/></div> <div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'/> </b:if>

(Step 2) Letak FB Comment Bawah Post Entry

Letak kod di atas di lokasi yang inginkan fb comment box tu muncul dalam blog. Sama ada di bawah post atau di atas comment default blogger. Caranya mudah je, cari code <data:post.body/> dan letakkan di bawahnya (jika ada 2 <data:post.body/> letakkan pada yang kedua sahaja agar tidak muncul di homepage blog).

Lepas preview dan kalau tak keluar apa – apa error, bolehlah Save..

..dan walla!

Ok. Sekarang dah boleh komen guna facebook korang!

Lai lai!

Sumber : forblogger

[Tutorial] Letak Butang LIKE & SEND Facebook di Blog

Hai,

Ini sebagai tutorial untuk diri sendiri kalau – kalau rasa nak tukar template blog nanti.

Tutorial ni saya dapat dari blog Coretanhidupku dan saya modified sikit.

Jom.

Kodnya

<!-- Facebook Like+Send button Start --><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div style='float:left;padding:5px 5px 5px 0;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'></script><fb:like expr:href='data:post.url' font='' layout='standard' send='true' show_faces='false' width='450' colorscheme='light'></fb:like></div></b:if><!-- Facebook Like+Send button End -->

Kalau nak letak di bawah tajuk entri :

1. Cari kod <div class='post-header-line-1'/>


2. Pastekan kod yang diberi dibawahnya.


3. Preview


4. Kalau tak keluar apa – apa error, Save.

Kalau nak letak di bawah entri :

1. Cari kod <data:post.body/>


2. Pastekan di bawahnya


3. Preview


4. Kalau tak keluar apa – apa error, Save.

[Tutorial] Facebook Timeline. Scrapbook maya anda.

Hai, semua perkara lepas–lepas yang dilakukan di Facebook boleh anda lihat dengan mudah.

Saya dah aktifkan Buku Skrap Facebook a.k.a Facebook Timeline saya! Anda bila lagi?

Walaupun katanya ianya akan mula bertransformasi pada Oktober ini,dan memandangkan saya terjumpa cara untuk tukar dengan lebih awal, maka saya pun buat lahh

Hasilnya agak menggerunkan ye. Sebab kita boleh selak balik kenangan dengan meng’scroll’ ke bawah dan walla! Kalau anda letak tarikh lahir, start dari lahir dia akan muncul.

Secara ringkasnya, Timeline ni seperti yang saya cakap diatas, fungsi dia dah macam scrapbook. Setiap aktiviti kita di Facebook lebih mudah dilihat tanpa perlu klik older post. Dia akan kumpul maklumat aktiviti korang mengikut tahun dan bulan. Let say, kalau ko nak tengok apa yang ko buat pada tahun 2009, ko pegi je klik kat tahun – tahun yang tersusun kat sebelah kanan profile ko tu then klik lah mana – mana ko suka. Memang terimbau memori.

PENTING!

Tapi sebelum tu korang kena verify akaun facebook korang dulu samada menggunakan nombor telefon bimbit ataupun kad kredit.

Klik sini untuk verify akaun korang menggunakan telefon bimbit.

Tutorial dibawah ni saya amek kat Mashable.

Mula – mula kat kotak carian tu, taip perkataan developer dan klik kat hasil carian yang pertama sekali keluar.

Nak memudahkan kerja, klik kat SINI untuk ke aplikasi developer.

1. Klik ‘Allow’

2. Pastu klik kat "Create New App" (terletak di penjuru kanan atas)

3. Letaklah nama apa pun. Tak kisah. Yang App Namespace tu semua tulis guna huruf kecik ye. Tick kat "I agree to the platform privacy policy." Pastu klik kat Continue dan isikan kotak Captcha.

4. Bila dah sah anda ini adalah manusia lepas letak Captcha, klik kat "Open Graph" di bahagian sebelah kiri (seperti yang ditunjukkan anak panah)

5. Kemudian, anda akan nampak seperti gambar di bawah. "Get Started with Open Graph" – isi apa saja tak kisah apa pun di dalam lapangan di bawah heading "start by defining one action than one object for your app." dan klik Get Started. (saya tiru balik apa yg dia tulis kat gambar) – sila rujuk gambar.

6. Kat sini jangan buat apa2 selain klik "Save Changes and Next." Lakukan perkara yang sama pada skrin seterusnya.

7. Anda akan dibawa skrin seperti gambar di bawah. Tunggu beberapa minit dan sila masuk ke facebook anda.

8. Bila dah p ke homepage Facebook anda, anda akan nampak mesej seperti di bawah. Success! Kik Get It Now, dannnn welkam to the clubb!

Buat masa ni, timeline hanya boleh dilihat oleh sesama individu yang dah tukar ke Timeline juga. Bagi yang masih belum tukar, anda tak akan nampak sampailah 1 Oktober 2011 ni

Selamat mencoba!

Entri ni ditaip kalut – kalut tanpa disemak penggunaan bahasa apatah lagi betul salah ejaannya. Kalau anda ikut tutorial ni dan ada masalah, itu bukan urusan saya sila tinggalkan komen di bawah/PM saya di FB ataupun poskan di Cipina.

Makasih.

Off to toilet.. Zzup!

// Update //

Mungkin ada antara anda yang mencuba masih belum bersedia untuk bertukar. Jangan risau. Ini penyelesaiannya.

Pegi balik ke app developer tadi di sini dan klik kat ‘Edit Open Graph’ (di sebelah kanan)

Kemudian, klik ‘Delete App’ (sebelah kiri bawah sekali)

Klik Confirm dannnn..

Tada! Kembali ke asal!

KOMEN DISINI

Sumber :

Facebook Timeline

Mashable

qamarullah.blogspot

 

[TUTORIAL] Fungsi Ticker di Facebook yang semak

Semak okayyy dia dok jalan kat tepi penjuru kanan tuuuuu..

Nak dapatkan update kawan2 yg tertentu saja di ticker tu instead of semua kawan2 anda yang setengahnya tu anda sendiri pun tak kenal?

Meh ai tunjuk cara – cara masak air unsubscribe aktiviti kawan – kawan tak penting anda dari keluar di ticker dan biarkan hanya aktiviti orang yang anda suka saja keluar kat situ. Suruh juga rakan – rakan anda berbuat demikian terhadap anda. Ini bagi mengelakkan SETIAP PERBUATAN anda di post di bahagian kanan Home facebook dan menjadi tontonan ramai.

Mula – mula..

Hover mouse ke nama rakan anda

Kemudian, dia akan keluar kotak seperti di atas.

Hover mouse anda ke option ‘Subscribe’

Bila dah hover mouse ke ‘Subscribe’, akan keluar satu list seperti di gambar.

Perkara2 yang ber’tick’ itu lah yang dok naik di ticker anda tu.

Untick perkara2 yang anda taknak ia naik di Ticker anda.

Contoh : saya untick Comments & Likes dan Games.

Lepas tu..

Habis!

KALAU ANDA INI ADALAH SEORANG YANG SUKA MEBYIBUK STALK KAWAN – KAWAN ANDA, JANGAN IKUT TUTORIAL INI.

Fungsi ticker ini sangat berguna bagi couple check. Let say, si dia kata dia tak online. Tapi bila kat ticker asek keluar dia dok like like gambar orang dan komen – komen kat status/gambar orang walaupun org tu tidak friend dengan anda makanya dia sedang menipu anda. Awas penipu. Anda diawasi! HAHAHA

Sesuai jugak untuk bos – bos memantau pekerja – pekerjanya. Tengok ke wall sunyi hening ja..tapi kat ticker nama diaaa ja penuh dok komen/like status/gambar orang. HAHAHA mana kau nak lari janggggg

Oh, btw, anda sudah cuba Facebook Timeline? Inibestbro. Dari saat – saat akaun kau lahir sampai lah sekarang suma kau boleh tengok balik apa yang kau dah buat dengan Facebook kau selama ini ku mencari – cari teman yang sejati buat menemaani perjuangan suuuci~. Over

Banyak lagi perkara – perkara baru kat Fb yang memeningkan. Kalau rajin saya share lagi.

Kbai.

[Tutorial] Letak link di kotak komen.

Entri ni di up sebab :

First : nak mintak maaf kat paeh ujey sebab saya terspam kat komen dia kat entri dia yang ni.

awal tu dia cuma tanya cmana sy letak link kat kotak komen dia..

dengan niat nak ajar, maka taip lah saya *taiptaiptaip dengan hati penuh ketulusan nak bagi ilmu kat kawan - kawan.

sekali tak jadi T__T

sabo je la

try punya try..tak jadi jugak. tsk.

dan dengan itu munculnya sebab kedua :

TUTORIAL MEMASUKKAN LINK DI KOTAK KOMEN.

Nak buat link kat kotak komen tu just buat camni :

<a href="LINK URL">TAJUK KESUKAAN HATI ANDA</a>

Selain membuatkan komen anda nampak kemas, ia juga boleh menaikkan trafik anda. serius. buatlah kalau tak caya.

oke bai. tido dulu.

rujukan : sini

[Tutorial] : Related Post Widget di bawah setiap entri

Bismillahirahmanirrahim..


Dehem - dehem..


Tutorial ni dah lama nak pos tapi sebab malas pastu lupa benda ni dah berkurun kat dalam draf, terus tak buat. Sampailah encik ARC hemsem kita tanya, baru ai teringat.


Related Post Widget ni lebih kurang macam LinkWithin la jugak cuma takde gambar. Tapi bagi saya, widget ni lebih kemas berbanding LinkWithin. Nak tau macam mana nak dapatkan widget ni?


Chalo bete.

widget Related Post

1. Pegi ke Layout>Edit HTML


2. Sila backup terlebih dahulu template anda ye nanti kalau tak jadi boleh recover balik.


3. Tick kat kotak "Expand Widget Templates".


4. Cari kod </head>.


5. Masukkan kod kat bawah ni sebelum kod  tadi.

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYShB5X3bg9NOjYReIyOb9z3QEynI4rrTEIEz4bJg8zz7RIZJSjINhVBALgPstsVKWSDr_9sGUwV8bDY4hz5_mFhGx1zZBHFvpbJqnRI1eadJ1deZN1VeDLwvlBkZB5S1meO71Vb4CQQ/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://theblogtemplates.com/scripts/Related_posts_hack.js' type='text/javascript'/>

6. Sekarang, cari kod <data:post.body/> atau kalau tak jumpa cari kod 

<div class='post-body>

atau

<data:post.body/>

7. Masukkan kod kat bawah ni dibawah kod yang kamu cari tadi.

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

8. Preview dan Save!


Source : Sini

Google Chrome : Facebook Photozoom yang best gila.

Assalamualaikum & salam sejahtera.

Salam Maal Hijrah. Hari ni dah seminggu kita berada di bulan Disember dan kat archive saya masih belum menunjukkan sebarang penambahan entri dan dengan itu saya berasa sangatlah sedih maka dengan ini terhasillah entri ini yang pada awalnya macam takmau tulis tapi bila dah takde entri sangat terpaksalah jua daku poskan..sekian adanya..

Hari tu kan saya ada pos pasal FastestChrome, haa..hari ni saya nak share benda lain pulak.

Baiklah...

Entri ini khusus untuk orang - orang yang suka menghabiskan berjam - jam lamanya di Facebook membrowse album - album dan suka melihat gambar - gambar orang. Stalker akan menghargai ini hehe. Ops.

Mungkin ramai yang dah tahu ni. Tapi takpelah, saya nak kongsi jugak. Dah lama saya guna benda ni tapi hari ni baru terasa nak share. Saya pun tak ingat kat mana saya dapat tahu pasal ni. So mintak maaflah ye kalau sesiapa terasa entri saya ni hasil dari menengok entri dia.

Baik. Mari kita mulakan.

Seperti yang saya katakan di dalam kotak di atas, Facebook Photo Zoom nama diberi ye tuan - tuan dan puan - puan sekalian.

Ini pula kegunaannya. Contoh korang klik satu album kawan korang ni, pastu pulak dia punya gambar mak ai beratus - ratus keping dan mesti dalam beratus - ratus keping tu ada gambar yang korang taknak tengok kan..jadi, disinilah Facebook Photo Zoom ini memainkan peranan.

Mari lihat gambar.

Gambar bersaiz kecik dan kena klik satu - satu untuk
melihat  setiap keping gambarnya yang bersaiz sebenar kan?

Tapi..dengan adanya Facebook Photozoom ini..tanpa perlu korang susah payah..

hover saja mouse anda maka *poof* keluarlah gambar bersaiz sebenar
tanpa perlu mengklik ke gambar..

Jimat masa kan!

Cubalah!

Klik sini untuk mendapatkan : Facebook Photo Zoom

Apa yang perlu korang buat, pegi ke link tersebut, dan klik saja Install dan siap!

on atau offkan feature

Lebih banyak extension best - best di Google Chrome Extension. Terjah!

P/s - malasnya nak pegi keja esok, malasnya nak charge henpon, malasnya nak iron shawl, malasnya nak itu malasnya nak ini..hmph.

Letak butang Like macam kat facebook kat blog!

Teruja saya hari ni sebab dapat belajar benda baru dari sorang pakwe yang tengah belajar kat Wellington, NZ ni. 




Button LIKE macam kat FACEBOOK! Weehuu..

Fungsi button like ni sama je dengan yang kat facebook. saya quote balik dari blog pakwe ni.

Kelebihan butang ni ialah ia akan publish di facebook anda, kalau anda like entri tersebut. Dan kawan-kawan fb lain akan teruja lah nak tengok apa yang anda like tu kan? So, traffic meningkat.

So, apa lagi..


Jom la pakat terjah ARC13 & pelekat ramai-ramai button ni kat blog!


Sebelum tu, jangan lupa klik butang tu dulu kat bawah ni :D