Articles by "Facebook"
Showing posts with label Facebook. Show all posts
As salaam aleikum ndugu wapendwa wasomaji wa Jukwaa hili ni wakati mwingine tena wa kupeana mawili matatu, wenda imeshawahi kukutokea katika pitapita zako katika mitandao ya kijamii ghafla ukatua facebook ukakutana na video ambayo imekuvutia kisha ukashindwa kuipata kutoka na kutokufahamu jinsi ya kuipakua video hiyo, basi leo nimekuletea njia ya kukuwezesha kuishusha video yeyote kutoka facebook bila usumbufu wowote twende sawa hapa chini nimekuwekea maelezo kamili.

kwanza kabisa pakua App ya Fb Video Downloder hapa

kisha fuata hatua hizi ili kushusha video yeyote
fungua app yako ya Fb video downloder kisha bonyeza sehemu iliyoandikwa GO TO FB Kisha log in katika facebook akaunti yako
kisha tafuta video unayihitaji kuishusha kutoka facebook kisha iguse au ibonyeze hiyo video
utaona option kama inavyoonekana pichani hapo juu kama unahitaji kuiangalia kabla ya kuishusha bonyeza sehemu iliyoandikwa Stream kama unahitaji kudownload bonyeza sehemu iliyoandikwa download
kama utahitaji kuona idadi ya video ulizopakua kupitia app ya Fb Video Downloader bonyeza sehemu iliyoandikwa Gallery
hapo utaona video zako zote pia zitakuwa zimehifadhiwa katika memory ya simu 
Mpaka hapa utakuwa umeshafahamu jinsi ya kupakua video za facebook kama unaswahili kuhusu makala hii unaweza kuniuliza katika sanduku la maoni nami nitakujibu kwa haraka zaidi Enjoy
Baada ya mtandao wa Facebook kuleta sehemu ya Delete For All kupitia App ya WhatsApp, hivi karibuni mtandao huo uko njiani kuleta sehemu mpya kupitia app yake ya Facebook Messenger itakayo kuwezesha kurudisha meseji uliyokosea kutuma.
Kama ilivyo kwenye WhatsApp,  kupitia sehemu hiyo pia itakuruhusu kufuta meseji uliyokosea kutuma ambapo meseji hiyo itafutika kwa upande wako, na pia kwa kutumia sehemu ya “unsend” meseji hiyo itaweza kufutika kwa uliyemtumia pekee.

 Kupitia sehemu hiyo pia utaweza kufuta meseji ulizokosea kutoka mda machache tokea utume meseji hizo, hivyo utaweza kurudisha meseji ambazo zimekaa kwa muda mrefu sana. Kwa sasa bado hakuna taarifa zaidi kuhusu lini sehemu hii itakuja kwenye App ya Messenger hivyo hakikisha unaendelea kutembelea Swahili Tech tutakujuza zaidi kuhusu sehemu hii.
Hapo asubuhi ya jana, kampuni ya Facebook kupitia ukurasa wake wa habariilichapisha taarifa juu ya udukuwaji uliofanyika siku za karibuni. Kupitia habari hiyo Facebook imeandika kuwa imegundua tatizo kwenye mtandao huo ambalo limeletwa na mdukuaji au wadukuaji ambapo akaunti zaidi ya milioni 50 zinaweza zikawa zimeadhiriwa.
Kwa mujibu wa Facebook kupitia udukuaji huo ulifanyika kwa kutumia sehemu maalum inayopatikana kwenye App ya Facebook ambayo inajulikana kama “View As”. Kwa wale ambao hamjawahi kutumia sehemu hii, hii ni sehemu inayo kuruhusu kuweza kuangalia ukurasa wako kama mtu mwingine ili kuweza kuona ukurasa wako unaonekanaje pale mtu anapokuwa ana tembelea ukurasa huo.
Sasa kupitia udukuaji uliofanyika Facebook inadai kuwa, wadukuaji au mdukuaji anaehusika alikuwa akitumia sehemu hiyo kuweza kuiba token (ziko kama mfululizo wa namba nyingi) ambazo hizi ndio husaidia mtu anapokuwa ameingia (login) kwenye App ya mtandao huo kuweza kuendelea kutumia mtandao huo bila kuingia (login) kila wakati anapotaka kutumia app hiyo ya Facebook.
Hata hivyo makala hiyo inaendelea kuandika kuwa, kampuni ya Facebook iligundua kuhusu udukuaji huo siku ya tarehe 25 ya mwezi September baada ya kupewa taarifa na Guy Rosen ambaye ni Makamu wa rais wa usimamizi wa bidhaa wa kampuni ya Facebook. Hata hivyo mara baada ya kupewa taarifa na mfanyakazi huyo, Facebook ilichukua hatua ya kuzima sehemu “View As” na baadae kulazimisha watumiaji milioni 90 walio wahi kutumia sehemu hiyo kwa kipindi kirefu kuweza kuingia (Login) upya kwenye akaunti zao na kuwapa ujumbe wenye kuonyesha ni kwanini.
Kwa mujibu wa tovuti ya TheVerge, udukuaji huu unakuja masaa machache kutoka mdukuaji salama “white hat hacker” wa nchini Taiwan Chang Chi-yuan, kutangaza kuwa amegundua tatizo kwenye mtandao wa Facebook tatizo ambalo linamuezesha kuweza kufuta ukurasa wa Facebook wa mkurugenzi mtendaji wa Facebook Mark Zuckerberg. Hata hivyo mdukuaji huyo salama alitanga hayo kupitia kwenye mtandao wa Facebook na kusema kuwa ataonyesha tukio hilo mubashara kupitia ukurasa wake wa Facebook kama kitendo cha kufundisha watu jinsi ya kugundua matatizo kama hayo.
Hata hivyo baadae “white hat hacker” huyo alitangaza kuwa ameamua kuwasilisha tatizo hilo kwa kampuni ya Facebook na hivyo hatoweza kuonyesha mubashara tukio hilo la kifuta ukurasa wa Zuckerberg na kudai kuwa atakuja kuonyesha pale atakapo pewa zawadi ya pesa za kugundua tatizo hilo kwenye mtandao huo. Facebook na makampuni mengine makubwa ya mtandaoni huwa na utaratibu wa kutoa zawadi ya pesa kwa wadukuaji salama “white hat hacker” wakionyesha matatizo mbalimbali ya ulinzi ya mitandao yao.
Kama ilivyo andikwa kwenye ukurasa wake, Facebook hutoa kiasi cha chini cha dollar za marekani $500 ambayo ni sawa na Tsh 1,143,000 kwa tatizo la ulinzi litakalo gundulika na mdukuaji salama na hutoa pesa zaidi ya hizo kulingana na tatizo lilogundulika, yaani ni sawa na kusema tatizo linapokuwa kubwa zaidi basi ndio kiasi cha pesa kinakuwa kikubwa zaidi.
Mdukuaji huyo ChiYuan Chang, anajulikana kwa kazi yake ya udukuaji salama na ameandikwa kwenye ukurasa wa mtandao wa LINE wa mwaka 2016 kama mmoja wa wadukuaji wazuri waliosaidia mtandao huo kugundua matatizo mbalimbali.
Kwa sasa Facebook imeshatoa taarifa kwa mamlaka husika nchini marekani na tayari sehemu hiyo imeshafanyiwa marekebisho ila Facebook inasema kuwa bado haijampata anae husika na udukuaji huo na inawezekana kutokumjua kabisa kutokana na aina ya udukuaji uliofanyika. Vilevile Facebook hivi leo inakabiliwa na kesi ya kujibu iliyofunguliwa na baadhi ya watumiaji wa mtandao huo wakidai kuwa udukuaji huo wa Facebook umesababisha uwezekano wa watu kuweza kuiba utambulisho wao “identity theft” kwa urahisi zaidi.
as salaam aleikum ndugu yangu, Je' unawafahamu ni Wakina nani walikuwa watumiaji 10 wa kwanza wa mtandao wa Facebook? Hawa ni wanafunzi wa Havard University walioonyesha mapenzi ya kujaribu mtandao wa bluu kama ulivyokuwa ukifahamika katika siku zake za mwanzoni.

Facebook, mtandao wenye watumiaji takribani bilioni 1.9 kila mwezi na unaoshika nafasi ya kwanza kwa kuwa na watumiaji wengi zaidi duniani kwa mwaka wa 12 mfululizo. Swali linalotia mzuka ni nani na nani walikuwa watumiaji 10 wa kwanza wa mtandao huu? Ipo wazi kabisa kuwa Mark ndio alikuwa mtumiaji wa kwanza kabisa, ila je wa pili, watatu wanne na watano alikuwa nani.

ID namba za kwanza za mtandao huu hazikuwa zinafuata mlolongo kamili, kama mmiliki na mtumiaji wa kwanza wa mtandao huu Mark Zuckerberg ana ID ya 4.

Haya sasa hawa ndio watumiaji 10 wa kwanza wa mtandao huu

1. Mark Zuckerberg (ID – 4):


CEO huyu lazima alikuwa mtu wa kwanza kuwa na akaunti katika mtandao huu. Mark Zuckerberg alitengeneza mtandao akiwa chuoni Havard na alijipa ID namba 4 kwakuwa tatu za mwanzo alikuwa amezipoteza katika majaribio. Mark ana watoto wawili aliyezaa na mchumba wake wa muda mrefu Priscilla Chan.


2. Chris Hughes (ID – 5):
Huyu ni mtu wa pili katika orodha wa wagunduzi wa mtandao huu akiwa na namba 5 kama ID yake.Ni mhitimu wa chuo cha Havard na alihudumu kama msemaji wa Facebook mpaka mwaka 2007 alipoamua kumuunga mkono Obama katika kampeni zake za Urais.Kwa sasa Hughes ni Mkurugenzi na Mhariri Mkuu wa gazeti la chama cha Republican The New Republic magazine.


3. Dustin Moskovitz (ID – 6):

Bwana Dustin alikuwa room mate (mwanachumba) wa Zuckerber kipindi wapo chuo na ni mmoja ya watu walioanzisha mtandao huu kwa mara ya kwanza. Zuckerberg alimpa Moskovitz kazi ya kuziba mianya ya usalama katika facebook baada ya kusoma PHP kwa muda mfupi tu. Alikuwa makamu wa rais wa wahandisi wa mtandao huo kabla ya kutimua Facebook akiwa na rafiki yake Justin Rosenstein mwaka 2008 na kwenda kutengeneza Asana.


4. Arie Hasit (ID – 7):
Alikuwa miongoni mwa watu wa kwanza kuwa na akaunti katika mtandao huu japo hakuwa mmoja wa wagunduzi wa mtandao huu. Akiwa Havard alikuwa akisoma shahada ya historia ya mambo ya Israel na baadae alirudi Jerusalem na kufundisha katika chuo kwa kujitolea elimu ya dini na maadili ya Wayahudi.


5. Andrew McCollum (ID – 26):
Huyu ni mmoja wa waanzilishi wa mwanzo kabisa wa mtandao huu aliyekubali kuacha chuo ili afanye kazi na Facebook. Alirudi chuo baadae mwaka 2007 kumalizia shahada ya Kompyuta Sayansi hapo hapo Havard. Kwa sasa ni CEO wa kampuni ya Philo inayojihusisha na usambazi wa Cable Tv katika vyuo nchini Marekani.


6. Colin Kelly (ID – 27):
Huyu ni mtaalamu wa masuala ya Fizikia katika chuo kikuu cha Havard aliyekuwa akijihusisha zaidi na tafiti za kinyuklia chuoni hapo. Baadae alipata shahada ya sheria katika chuo cha Columbia University School of Law, na akajipatia umaarufu sana katika kesi ya kibaguzi iliyohusisha taifa la Marekani na Windsor. Kwa sasa anashi jijini New York.


7. Mark Kaganovich (ID – 28):
Kaganovich alikuwa mtaalamu wa mambo ya kemia na biolojia katika chuo cha Havard na alikutana na Zuckerberg katika darasa la Hesabu, pia walikuwa wakikutana katika mabweni ya chuo hicho. Anakumbuka kipindi bwana Zuckerberg alipokuwa akimlazimisha kuweka profile picture yake kwani alikuwa mzito kidogo kufanya hivyo.


8. Andrei Boros (ID – 29):
Huyu pia alikuwa mtaalamu wa mambo ya Uchumi katika chuo hicho cha Havard. Kwa sasa anafanya kazi katika kampuni ya CapeView Capita huko jijini London.


9. Manuel Antonio Aguilar (ID – 30):

Kwa sasa jamaa huyu ni Rais wa kampuni  inayojihusisha na ujenzi wa nyumba za kuishi za bei nafuu, ya CASSA  (Construcción AutoSuficiente, S.A)


10. Zach Bercu (ID – 31):


Mtaalamu wa mambo ya miale ya kinyuklia anayefundisha katika chuo cha Emory University School of Medicine, alihitimu magna cum laude katika  psychology pale Havard kabla ya kwenda kuongeza elimu katika chuo cha Emory University.
As salaam aleikum ndugu wasomaji wa blog hii leo tena katika kuendelea kupeana mawili matatu katika mambo tunayoyafahamu ili kuendelea kuongeza ufahamu wa bongo zetu leo tuzungumzie Jinsi ya kubadilisha facebook akaunti na kuwa page/kurasa

kuna mambo machache ya kujua kabla ya kufanya zoezi hili 

  1. Unaweza kubadilisha wasifu wako kwa mara moja pekee
  2. utakapobadilisha akaunti yako kuwa kurasa haitafutika ila utakuwa na akaunti yako na ukurasa wako wa facebook
  3. jina la akaunti yako ndio litakuwa jina la ukurasa
  4. facebook watakusaidia kifaa cha kuhamisha habari kutoka katika wasifu wako binafsi kwenda katika ukurasa baada ya siku 14
  5. unaweza ukachagua marafiki zako wa akaunti binafsi kuwa wamelike ukurasa wako lakini machapisho kutoka katika wasifu wako binafsi yatabakia katika wasifu.
  6. utasimamia ukurasa wako kutoka katika wasifu wako binafsi
Baada tu yakumalizika zoezi la kubadilisha wasifu wako kuwa ukurasa, wale marafiki zako wote watakuwa wame like ukurasa wako huo, ivo kama unamarafiki 1000 au zaidi basi page yako itakuwa na like 1000 au zaidi.

kama unahitaji kufanya zoezi hilo la kubadilisha wasifu binafsi kuwa page basi ni rahisi kama kutembelea blog ya Riyadibhai.blogspot.com na kunufaika zaidi bonyeza hapa https://www.facebook.com/pages/create.php?migrate fuata maelekezo utakutana na ukurasa wenye muonekano huu chini pichani
utabonyeza hapo Get Started kisha fuata maelezo mpaka mwisho lakini ukikwama usisite kuniachia maoni yako hapo chini ili nijue jinsi ya kuweza kukusaidia karibuni sana Riyadibhai.blogspot.com
Jinsi ya kuweka facebook coment katika blog yako fuata hatua hizi hapa chini leo sina maneno mengi maana hata hii makala naandika lakini sina mood poa ya kuandika so nikikosea nikumbushe kwenye comment

kwanza ingia hapa https://developers.facebook.com/docs/plugins/comments/ kisha fungua app kulia juu utaona set project bonyeza hapo kisha fuata maelezo

ukishafanikiwa bonyeza tena hii link https://developers.facebook.com/docs/plugins/comments/ kisha nenda sehemu iliyoandikwa  Comments Plugin Code Generator 

kisha bonyeza get code 
Sasa tafuta code hii <body> kisha copy hizo code za kwanza kisha paste juu ya code hii <body>

kisha copy code hizo za mwisho weka/paste sehemu ambayo unahitaji facebook comment box itokee

nimeshamaliza maelezo yangu 
Habari, baada ya kupata maombi kadhaa kutoka kwa wasomaji wangu kuhusu kuwajulisha kuweka button ya whatsapp share katika blog zao basi leo natimiza haja zenu japo kuwa nimechelewa kidogo hili ni kutokana na kuwa busy na shughuli za kujitafutia riziki za kila siku.

mfano wa button hiyo ni kama inavyoonekana pichani
ndio hizi code hapa chini ndio kwaajili ya whatsapp button share hivyo zicopy na kwenda kuzipaste katika html ya blog yako sehemu ambayo ungependa button hiyo ionekane


<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js"></script>
<a class="addthis_button_whatsapp"></a>
lakini pia kama unahitaji kuweka button share zote kama hapo pichani tumia code hizi hapa chini

<div class='addthis_toolbox addthis_default_style '>
    <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
        <a class='addthis_button_facebook_share' fb:share:layout='button_count'/>
    <a class='addthis_button_facebook_send'/>
        <script src='//s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/>
<a class='addthis_button_whatsapp'/>
    <a class='addthis_button_tweet'/>
    <a class='addthis_button_google_plusone' g:plusone:size='inline'/>
    </div>
    
  <script src='//s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/>
Code zote ni kwa msaada wa website ya Addthis

Whats up people, Today I have something very special for you :)
Presenting a set of 15+ custom styles for official facebook likebox widget and I am sure you will definitely like it. Facebook likebox is plugin which is used by almost every website and blog but the main problem is that facebook developers don't provide much options to customize it as you want. So here, By using some CSS code, I have managed to customize background and other things. Now without wasting time lets have a look on them but before that we will see how to add it to blogger blog.

How to add it to blogger blog
Copy code of your desired style and paste it in Notepad
Replace Riyadibhai with your facebook fanpage username, Copy new code
Now login to your Blogger Dashboard
Select your blog
Go to Layout > Add Widget > HTML/JavaScript
Paste the code
YaY!!! You are done :)
Now lets have a look on styles
Style 1

<style type="text/css">
    .hbfbOuter {
        background-color: #F4F4F4;
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #000000;
        -webkit-box-shadow: inset 0 0 10px #000000;
        box-shadow: inset 0 0 10px #000000;
    }
    .hbfbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="hbfbOuter">

    <div class="hbfbInner">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Friyadibhai&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>
<div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.riyadibhai.blogspot.com/" target="_blank">Get this widget</a></div></div>

Style 2


<style type="text/css">
    .hbfbOuter {
        background-color: #FFDFFF;
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #AD72A8;
        -webkit-box-shadow: inset 0 0 10px #AD72A8;
        box-shadow: inset 0 0 10px #AD72A8;
    }
    .hbfbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="hbfbOuter">

    <div class="hbfbInner">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FRiyadibhai&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>
<div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.riyadibhai.blogspot.com/" target="_blank">Get this widget</a></div></div>

Style 3



<style type="text/css">
    .hbfbOuter {
        background-color: #CBFFD6;
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #447444;
        -webkit-box-shadow: inset 0 0 10px #447444;
        box-shadow: inset 0 0 10px #447444;
    }
    .hbfbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="hbfbOuter">

    <div class="hbfbInner">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Friyadibhai&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>
<div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.riyadibhai.blogspot.com/" target="_blank">Get this widget</a></div></div>



Style 4


<style type="text/css">
    .hbfbOuter {
        background: urlundefinedhttp://2.bp.blogspot.com/-63WM6qQ8PIw/VJkf_Hw5QxI/AAAAAAAAD0Q/Mo6RsQ0kvDI/s1600/hb-custom-facebook-likebox1.png);
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #00000;
        -webkit-box-shadow: inset 0 0 10px #000000;
        box-shadow: inset 0 0 10px #000000;
    }
    .hbfbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="hbfbOuter">

    <div class="hbfbInner">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Friyadibhai&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>
<div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.Riyadibhai.blogspot.com/" target="_blank">Get this widget</a></div></div>

Style 5

<style type="text/css">
    .hbfbOuter {
        background: urlundefinedhttp://2.bp.blogspot.com/-tvv61adlm6s/VJkgAXNUFjI/AAAAAAAAD0w/zJpCfBb3bdE/s1600/hb-custom-facebook-likebox2.png);
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #00000;
        -webkit-box-shadow: inset 0 0 10px #000000;
        box-shadow: inset 0 0 10px #000000;
    }
    .hbfbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="hbfbOuter">

    <div class="hbfbInner">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Friyadibhai&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>
<div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.riyadibhai.blogspot.com/" target="_blank">Get this widget</a></div></div>

Style 6

<style type="text/css">
    .hbfbOuter {
        background: urlundefinedhttp://4.bp.blogspot.com/-fE_VY-EqHQo/VJkgA4vOuYI/AAAAAAAAD0o/mZ6iRp4SqoA/s1600/hb-custom-facebook-likebox3.png);
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #00000;
        -webkit-box-shadow: inset 0 0 10px #000000;
        box-shadow: inset 0 0 10px #000000;
    }
    .hbfbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="hbfbOuter">

    <div class="hbfbInner">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Friyadibhai&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>
<div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.riyadibhai.blogspot.com/" target="_blank">Get this widget</a></div></div>

Style 7

<style type="text/css">

    .hbfbOuter {
        background: urlundefinedhttp://4.bp.blogspot.com/--DbsKDS3yns/VJkgBu9fXnI/AAAAAAAAD04/ioyHqXCVgXQ/s1600/hb-custom-facebook-likebox4.png);
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #00000;
        -webkit-box-shadow: inset 0 0 10px #000000;
        box-shadow: inset 0 0 10px #000000;
    }
    .hbfbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="hbfbOuter">

    <div class="hbfbInner">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Friyadibhai&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>
<div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.riyadibhai.blogspot.com/" target="_blank">Get this widget</a></div></div>

Style 8

<style type="text/css">

    .hbfbOuter {
        background: urlundefinedhttp://4.bp.blogspot.com/-gsq-_nZ2cfM/VJkgDD0O6AI/AAAAAAAAD1I/n49o7hMuBUc/s1600/hb-custom-facebook-likebox5.jpg);
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #00000;
        -webkit-box-shadow: inset 0 0 10px #000000;
        box-shadow: inset 0 0 10px #000000;
    }
    .hbfbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="hbfbOuter">

    <div class="hbfbInner">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Friyadibhai&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>
<div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.riyadibhai.blogspot.com/" target="_blank">Get this widget</a></div></div>

Style 9

<style type="text/css">
    .hbfbOuter {
        background: urlundefinedhttp://1.bp.blogspot.com/-LgoaT2r91e8/VJkgDv_C98I/AAAAAAAAD1U/xWUVG0UhgJ4/s1600/hb-custom-facebook-likebox6.png) repeat-y;
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #5E346C;
        -webkit-box-shadow: inset 0 0 10px #5E346C;
        box-shadow: inset 0 0 10px #5E346C;
    }
    .hbfbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="hbfbOuter">

    <div class="hbfbInner">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Friyadibhai&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>
<div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.helperblogger.com/" target="_blank">Get this widget</a></div></div>

Style 10

<style type="text/css">
    .hbfbOuter {
        background: urlundefinedhttp://2.bp.blogspot.com/-sSZv99SpRBc/VJkgDppxALI/AAAAAAAAD1M/wv7S0tkCSqs/s1600/hb-custom-facebook-likebox7.png);
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #5E346C;
        -webkit-box-shadow: inset 0 0 10px #5E346C;
        box-shadow: inset 0 0 10px #5E346C;
    }
    .hbfbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="hbfbOuter">

    <div class="hbfbInner">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Friyadibhai&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>
<div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.riyadibhai.blogspot.com/" target="_blank">Get this widget</a></div></div>

Style 11

<style type="text/css">
    .hbfbOuter {
        background: urlundefinedhttp://3.bp.blogspot.com/-vIOKkGyw8DI/VJkgEUHKEvI/AAAAAAAAD1Y/k_sNFc_UI3Q/s1600/hb-custom-facebook-likebox8.png);
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #5E346C;
        -webkit-box-shadow: inset 0 0 10px #5E346C;
        box-shadow: inset 0 0 10px #5E346C;
    }
    .hbfbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="hbfbOuter">

    <div class="hbfbInner">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Friyadibhai&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>
<div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.riyadibhai.blogspot.com/" target="_blank">Get this widget</a></div></div>

Style 12

<style type="text/css">
    .hbfbOuter {
        background: urlundefinedhttp://1.bp.blogspot.com/-qD_cJrEjZFY/VJkgE6dnX9I/AAAAAAAAD1k/DwMbNzbT2Yg/s1600/hb-custom-facebook-likebox9.png);
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #5E346C;
        -webkit-box-shadow: inset 0 0 10px #5E346C;
        box-shadow: inset 0 0 10px #5E346C;
    }
    .hbfbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="hbfbOuter">

    <div class="hbfbInner">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Friyadibhai&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>
<div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.riyadibhai.blogspot.com/" target="_blank">Get this widget</a></div></div>

Style 13

<style type="text/css">
    .hbfbOuter {
        background: urlundefinedhttp://2.bp.blogspot.com/-x8LVc9d6iT8/VJkf_kXB2bI/AAAAAAAAD0c/mH6k8IFGbac/s1600/hb-custom-facebook-likebox10.png);
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #5E346C;
        -webkit-box-shadow: inset 0 0 10px #5E346C;
        box-shadow: inset 0 0 10px #5E346C;
    }
    .hbfbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="hbfbOuter">

    <div class="hbfbInner">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Friyadibhai&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>
<div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.riyadibhai.blogspot.com/" target="_blank">Get this widget</a></div></div>

Style 14


<style type="text/css">
    .hbfbOuter {
        background: urlundefinedhttp://3.bp.blogspot.com/-BQpSUKysBow/VJkf_ZeFIGI/AAAAAAAAD0U/lUOQzMPSI7A/s1600/hb-custom-facebook-likebox11.png);
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #5E346C;
        -webkit-box-shadow: inset 0 0 10px #5E346C;
        box-shadow: inset 0 0 10px #5E346C;
    }
    .hbfbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="hbfbOuter">

    <div class="hbfbInner">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Friyadibhai&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>
<div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.riyadibhai.blogspot.com/" target="_blank">Get this widget</a></div></div>

Style 15

<style type="text/css">
    .hbfbOuter {
        background: urlundefinedhttp://1.bp.blogspot.com/-IrlH1WC4PQg/VJkgACMXvrI/AAAAAAAAD0k/N6MiD9MjHog/s1600/hb-custom-facebook-likebox12.png);
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #5E346C;
        -webkit-box-shadow: inset 0 0 10px #5E346C;
        box-shadow: inset 0 0 10px #5E346C;
    }
    .hbfbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="hbfbOuter">

    <div class="hbfbInner">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Friyadibhai&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>
<div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.riyadibhai.blogspot.com/" target="_blank">Get this widget</a></div></div>

Style 16

<style type="text/css">
    .hbfbOuter {
        background: urlundefinedhttp://1.bp.blogspot.com/-t-PL9gabCX0/VJlbAVGoGdI/AAAAAAAAD14/pepygmu4vWo/s320/hb-custom-facebook-likebox13.jpg);
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #5E346C;
        -webkit-box-shadow: inset 0 0 10px #5E346C;
        box-shadow: inset 0 0 10px #5E346C;
    }
    .hbfbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="hbfbOuter">

    <div class="hbfbInner">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Friyadibhai&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>
<div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.riyadibhai.blogspot.com/" target="_blank">Get this widget</a></div></div>

Style 17

<style type="text/css">
    .hbfbOuter {
        background: urlundefinedhttp://4.bp.blogspot.com/-dRvX7Hr_3U4/VJlcZF3go0I/AAAAAAAAD2E/XVEEJ8kRpdY/s1600/hb-custom-facebook-likebox14.gif);
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #5E346C;
        -webkit-box-shadow: inset 0 0 10px #5E346C;
        box-shadow: inset 0 0 10px #5E346C;
    }
    .hbfbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="hbfbOuter">

    <div class="hbfbInner">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Friyadibhai&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>
<div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.riyadibhai.blogspot.com/" target="_blank">Get this widget</a></div></div>

Credits
Patterns and backgrounds -
subtlepatterns.com
colourlovers.com
google

Widget -
Riyadi Bhai

Note - If you want to share this widget on your blog then you have to link back to this article.
Final Words
Hope you have liked it friends, if you are getting any trouble while installation of widget then feel free to comment below :) I will respond as soon as time allows.

Have a nice day..
  1. Happy Blogging...