facebook badge in blog

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • dholt
    Senior Member
    • Aug 2006
    • 128

    [Blog] facebook badge in blog

    I Need to add this Badge for face book to the blogs what template and were would I add this.

    Copy the following code for badge:

    Code:
    <!--NetworkedBlogs Start--><style type="text/css"><!--.networkedblogs_widget a {text-decoration:none;color:#3B5998;font-weight:normal;}.networkedblogs_widget .networkedblogs_footer a {text-decoration:none;color:#FFFFFF;font-weight:normal;}--></style><div id='networkedblogs_container' style='height:180px;padding-top:20px;'><div id='networkedblogs_above'></div><div id='networkedblogs_widget' style="width:120px;margin:0px auto;padding:0px 0px 3px 0px;font-family:'lucida grande',tahoma,Verdana,Arial,Sans-Serif;font-size:11px;font-weight:normal;text-decoration:none;background:#3B5998 none repeat scroll 0% 0%;border:none;line-height:13px;"><div id='networkedblogs_header' style="padding:1px 1px 2px 3px;text-align:left;"><a href='http://www.facebook.com/apps/application.php?id=9953271133' style="text-decoration:none;color:#FFFFFF;font-weight:normal;font-size:11px;background-repeat:no-repeat;">NetworkedBlogs</a></div><div id='networkedblogs_body' style="background-color:#FFFFFF;color:#444444;padding:4px;border-left:1px solid #D8DFEA;border-right:1px solid #D8DFEA;text-align:left;"><table cellpadding="0" cellspacing="0"><tr><td><span style="color:#777777;">Blog:</span></td></tr><tr><td><a target="_blank" href="http://networkedblogs.com/blog/delaware_bulletin_blogs/" style="text-decoration:none;color:#3B5998;">Delaware Bulletin Blogs</a></td></tr><tr><td><div style="padding:0px;padding-top:5px;color:#777777;">Topics:</div></td></tr><tr><td><a target='_blank' href='http://networkedblogs.com/topic/Life' style='text-decoration:none;color:#3B5998;'>Life</a>, <a target='_blank' href='http://networkedblogs.com/topic/Politics' style='text-decoration:none;color:#3B5998;'>Politics</a>, <a target='_blank' href='http://networkedblogs.com/topic/News' style='text-decoration:none;color:#3B5998;'>News</a></td></tr><tr><td><div id='networkedblogs_badges'>&nbsp;</div></td></tr><tr><td><div style='padding:0px;text-align:center;'><a target="_blank" href="http://networkedblogs.com/blog/delaware_bulletin_blogs/?ahash=7fd8b5e31740d6db4b1dcdd1da61b232" style="text-decoration:none;color:#666666;font-weight:normal;font-size:10px;">Follow my blog</a></div></td></tr></table></div></div><div id='networkedblogs_below' class='networkedblogs_below'></div></div><script type="text/javascript"><!--
    if(typeof(networkedblogs)=="undefined"){networkedblogs = {};networkedblogs.blogId=621813;networkedblogs.shortName="delaware_bulletin_blogs";}
    --></script><script type="text/javascript" src="http://widget.networkedblogs.com/getwidget?bid=621813"></script><!--NetworkedBlogs End-->

    Insert it into your blog template on the right-side column (not in a new post).
    Last edited by dholt; Sat 20 Nov '10, 2:41pm.
  • Lynne
    Former vBulletin Support
    • Oct 2004
    • 26255

    #2
    The best place to get help with modifying your code is over on vbulletin.org, the modification site.

    Please don't PM or VM me for support - I only help out in the threads.
    vBulletin Manual & vBulletin 4.0 Code Documentation (API)
    Want help modifying your vbulletin forum? Head on over to vbulletin.org
    If I post CSS and you don't know where it goes, throw it into the additional.css template.

    W3Schools &lt;- awesome site for html/css help

    Comment

    • dholt
      Senior Member
      • Aug 2006
      • 128

      #3
      Did that
      Lynne
      no one knows

      Comment

      • Lynne
        Former vBulletin Support
        • Oct 2004
        • 26255

        #4
        Well, I know that I have no clue what it is you want from your first post. Maybe if you explain it more clearly, and include an image of what you want, then someone will respond.

        Please don't PM or VM me for support - I only help out in the threads.
        vBulletin Manual & vBulletin 4.0 Code Documentation (API)
        Want help modifying your vbulletin forum? Head on over to vbulletin.org
        If I post CSS and you don't know where it goes, throw it into the additional.css template.

        W3Schools &lt;- awesome site for html/css help

        Comment

        • dholt
          Senior Member
          • Aug 2006
          • 128

          #5
          I Can create the Badge I just need to insert it in a blog template page show facebook can see it and say hey ok you own the website.

          The HTML code above needs to be added to one of the blog temp lets


          The Facebook Social Plugins guide lists the Facebook Social Plugins available to allow your app to like, share, comment, and more.


          Adding a Facebook badge to your blog is a simple matter of retrieving the code from Facebook and putting it in the right place on your blog.

          • First, log into Facebook and view your profile. If you scroll to the bottom of your left-hand column, you’ll see a link that says “Create a profile badge”

          • You’ll be given an introduction to Badges if you’ve never created one before. Click “Create a New Badge” to proceed.

          • When you click on the button, you’ll be asked if you want a horizontal or vertical badge, if you want it to be an image or Javascript (Javascript is better but may not work in all places) and what items you want to show on the badge.

          • Make your selections and click Save. You’ll be given the code you need to insert into your blog at this stage:



          Thanks lynne

          Comment

          widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
          Working...