Monday, February 25, 2013

Add Pinterest Pin It button with Counter to Blogger

Pin It button allows your readers to share your posts without having to leave your blog. It pulls all available images from a post and lets them choose which image to pin. It also comes with an optional counter that displays how many times a blog post has been pinned.

Adding Pin It button to Blogger post

This Pin It button goes to the top or bottom of a post. It comes with a counter that displays how many times a blog post has been pinned.
Here are the steps:
  1. Go to Template > Edit HTML.
  2. Back up your template.
  3. Check the Expand Widget Templates checkbox on top right of the HTML window.
  4. Look for the following data tag in your HTML. This is the tag for the post content:
    Normally there are two instances of the tag present in your template. Locate the the first (from top) one. 
  5. Paste the following code immediately below (after) it:
    <!-- Pinterest button Start by -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='pin-wrapper' style='margin:10px 10px 10px 0; text-align: left;'>
    <a data-pin-config='beside' data-pin-do='buttonPin' expr:href='&quot;; + data:post.url'><img src='//'/></a>
    <span style='margin-left:-44px;'><a data-pin-config='beside' data-pin-do='buttonBookmark' href='//' style='outline:none;border:none;'/></span>
    <script src='' type='text/javascript'/> 
    <style type='text/css'> 
    #pin-wrapper > a {background-image:none !important;}
    <!-- Pinterest button End -->

    • The Pinterest script line "<script src='' type='text/javascript'/>" must occur only once in your blog. Omit this line if you’ve already had the script in your blog.
  6. Button configuration
    You can customize the layout of Pin It button & counter by changing the value of data-pin-config attribute in both line 4 and 5. Refer to the table below for the available types and their settings.

    Button type
    Value of data-pin-config
    pin it button counter above
    pin it button counter beside
    pin it button counter not shown
  7. Button placement 
    The steps above position the button on bottom left of each post. To change the button position, do the following:
    • Position it on top of post 
      Place the button code before <data:post.body/>, instead of after.
    • Button alignment 
      Change the value of text-align property in line 3: 
      Align right: set it to right; 
      Align center: set it to center;
  8. Click Save.
  9. View your blog. The button should appear on post pages.

Adding Pin It button as a widget

To put Pin It button outside post area e.g. in sidebar or footer, paste the following code into a HTML/Javascript gadget. The button will appear on all pages (not just post pages), but it doesn’t have a counter.
  1. Go to Layout and click a Add A Gadget.
  2. Select HTML/Javascript gadget.
  3. Copy the following code and paste it inside the content box.
<a data-pin-config="none" data-pin-do="buttonBookmark" href="//"><img src="//" /></a>
<script src="//"></script>


Add Facebook Like Button To Blogger Posts

As we all aware facebook is one of the largest social media company in the word.If your blog have any fan page then it will help you a lot in increasing traffic on your blog. Here I am giving all types of facebook like buttons codes. i.e. vertical count,horizontal count and without count.You can add this button just below of of post tile and below of the post.Just follow my instructions carefully....

Note - This button will not like your fan page it will like and share your post

How To Add Facebook Like Button To Blogger Posts?

  1. Go to Blogger Dashboard > Design > Edit HTML
  2. First take a backup of your template
  3. Tick  the expand widget check box
  4. Find for below code in your template

If you wish to add like button just below of post title the add the below code just before of<data:post.body/>

and if you wish to add this like button just below of your post then add below code justbelow of <data:post.body/>

Facebook Like Button Styles

You can add like button in three styles :
  1. Vertical Count
  2. Horizontal Count
  3. Without Count

1. Vertical Count

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;; + data:post.url + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>

2. Horizontal Count

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>

3. Without Count

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;; + data:post.url + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>

If you faced any problem, please do not hesitate to let me know. :)
There are many html codes for FB like button on many sites many of them have problem that when you click like button it will not increase count, or it will increase count but not actually post the content to users Wall.. :) My post will help you in such cases.

Tuesday, February 5, 2013

Windows Server 2003 interview and certification questions

  • How do you double-boot a Win 2003 server box? The Boot.ini file is set as read-only, system, and hidden to prevent unwanted editing. To change the Boot.ini timeout and default settings, use the System option in Control Panel from the Advanced tab and select Startup.
  • What do you do if earlier application doesn’t run on Windows Server 2003?When an application that ran on an earlier legacy version of Windows cannot be loaded during the setup function or if it later malfunctions, you must run the compatibility mode function. This is accomplished by right-clicking the application or setup program and selecting Properties –> Compatibility –> selecting the previously supported operating system.
  •  If you uninstall Windows Server 2003, which operating systems can you revert to? Win ME, Win 98, 2000, XP. Note, however, that you cannot upgrade from ME and 98 to Windows Server 2003.
  • How do you get to Internet Firewall settings? Start –> Control Panel –> Network and Internet Connections –> Network Connections.
  • What are the Windows Server 2003 keyboard shortcuts? Winkey opens or closes the Start menu. Winkey + BREAK displays the System Properties dialog box. Winkey + TAB moves the focus to the next application in the taskbar. Winkey + SHIFT + TAB moves the focus to the previous application in the taskbar. Winkey + B moves the focus to the notification area. Winkey + D shows the desktop. Winkey + E opens Windows Explorer showing My Computer. Winkey + F opens the Search panel. Winkey + CTRL + F opens the Search panel with Search for Computers module selected. Winkey + F1 opens Help. Winkey + M minimizes all. Winkey + SHIFT+ M undoes minimization. Winkey + R opens Run dialog. Winkey + U opens the Utility Manager. Winkey + L locks the computer.
  • Can't locate Net/ in @INC

    If you get error "Can't locate Net/ in @INC" while executing a perl script, and in your script syntax is as below, where Net::SNMP module is in use.

    use strict;
    use Net::SNMP;
    use Getopt::Long;

    Then use the following step to install Net SNMP

    Solution :-- Login as a Super user (root) user on machine. 

    Login to CPAN shell with following command.

    #perl -MCPAN -e shell

    cpan> install Bundle::CPAN

    cpan[1]> reload cpan 

    cpan[1]> reload index

    cpan[1]> install Net::SNMP 

    cpan[1]> install Getopt::Long

    cpan> exit
    Terminal does not support GetHistory.
    Lockfile removed.

    After all this try to execute your script ..hopefully your problem will be resolved.

    Search & Buy Amazon Products at discounted rate!!


    Subscribe to AtoZ-networking Newsletter

    Do you want to receive Linux FAQs, Microsoft FAQ, Solaris FAQ, detailed Networking tutorials and tips published at atoz-networking? Enter your email address below, and we will deliver our Linux posts straight to your email box, for free. Delivery powered by Google Feedburner.

    Sign-up for the newsletter