Banner 468 x 60px

NOEWPost का डे :–Computer Tips

Wednesday, 19 September 2012

Official Facebook Recommendations Bar Widget for Blogger

2 कमेन्ट
तपाइले कती को ब्लग मा देख्नु भएको नै होला तल छेउ तिर Facebook को Recomanded bar देखिएको । आज म तपाइ लाई यही पोस्ट मार्फत कसरी   राख्ने भन्ने कुरा सिकाउन जादै छु आशा छ तपाइ लाई मन पर्ने छ । यस लाई राख्नाले तपाइको ब्लग को भिजिटर लाई समेत धेरै बेर सम्मा राख्ने छ किनकी यस्मा Thumbnail सङ्ग देखाउछ पोस्ट हरु तसर्थ तपाइको ब्लग लाई बधवा दिन को लागी समेत यो राख्नु उपायोगी हुन्छ ।

This is Preview

  1. Login to New Blogger Dashboard - Choose your Blog and Click the More Options Dropdown
  2. Select the Template - Click on Edit HTML - Proceed
  3. Check/Tick the Expand Template Widgets checkbox
  4. Search for <head> (Ctrl+F)tag and place the Copied code Below <head> tag.



यो कोड भन्दा तल पेस्ट गर्नु होस  <head>
 यो कोड लाई कपी गर्नु होस र माथी को Tag भन्दा तल पेस्ट गर्नु होला
<!-- Begin Open Graph metadata -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta content='article' property='og:type'/>
    <meta expr:content='data:blog.title' property='og:site_name'/>
    <meta expr:content='data:blog.pageName' property='og:title'/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
    </b:if>
<b:else/>
    <meta expr:content='data:blog.title' property='og:title'/>
    <meta content='website' property='og:type'/>
</b:if>

<meta expr:content='&quot;en_US&quot;' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<!-- End Open Graph metadata -->
  1. First go here for Get Code  
  2.  Directly click the Get Code Button.



































3. Click on Create a new app Link
 4.Enter the App Name with your Blog Title and App URL with your Blog URL, like as below and Click Continue button.

5. Enter Captcha Code Correctly and Click Submit button

6. Then Click the Get Code Button once again.



7. Copy the First JavaScript SDK code (First Box Code) and Encode the Code using This Tool

  1. Login to New Blogger Dashboard > Choose your Blog and Click the More Options Dropdown
  2. Select the Template -- Click on Edit HTML - Proceed
  3. Check/Tick the Expand Template Widgets checkbox
  4. Search for <body> tag and place the Copied code After <body> tag.
  5. Facebook Recommendations Bar Customizations:
    You can customize the Facebook Recommendations Bar settingsLike ; Like and recomanded , left and right , Number of Recomednations and read time 
  6. Search for <data:post.body/> tag and place the following code after the <data:post.body/> tag
<b:if cond='data:blog.pageType == &quot;item&quot;'><div class="fb-recommendations-bar" data-trigger="onvisible" expr:data-href="data:post.url" data-read-time="30" data-action="like" data-side="right" expr:data-site="data:blog.homepageUrl" data-num-recommendations="2"></div></b:if>
    7. Save template.

 धेरै जना ईंग्लिश नै बुझ्ने हुँदा आफ्नो मौलिक ईंग्लिश राखेर पोस्ट गरेको छु यदी मन परेन भने म तपाइलाई नेपाली मा समेत पोस्ट गर्ने छु साथै अर्को पोस्ट नेपाली मा नै गर्ने छु ।
हेर्दै गर्नु होस यो ब्लग अझ नेपाली मा ब्लग को टिप्स जान्न को लागी 

2 कमेन्ट:

Anonymous said...

bhayena...

Jiban Shrestha said...

/........... Guarantee hunchhh ek choTi try garnus tapaai kahaa samma pugnu bhayo ek choTi malai send garnus

Post a Comment

यदी कुनै समस्या भए हामिलाई पठाउनुहोस

By Comment

Recent Post