Technology Tip: BLOGGER

How to add Facebook Like/Fan Box to Blogger 2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-ppXIUo5zYuM/Uy6V4jEVgmI/AAAAAAAAA1Q/Tbq5LSyKBXU/s1600/quick+page.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="295" src="http://1.bp.blogspot.com/-ppXIUo5zYuM/Uy6V4jEVgmI/AAAAAAAAA1Q/Tbq5LSyKBXU/s1600/quick+page.png" width="640" /></a></div>
 
 
The Like Box is a special version of the <a href="https://developers.facebook.com/docs/plugins/like-button/" style="background-color: white; cursor: pointer; line-height: 20px; text-decoration: none;">Like Button</a> designed only for <a href="https://www.facebook.com/quicklearnpage" target="_blank">Facebook Pages</a>. It allows admins to promote their Pages and embed a simple feed of content from a Page into other sites. 
 
<a href="https://www.facebook.com/quicklearnpage" target="_blank">A <span class="IL_AD" id="IL_AD7" style="background-attachment: scroll !important; background-color: #f9f9f9; background-image: none !important; background-position: 0% 50%; border-bottom-color: rgb(61, 156, 17) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; cursor: pointer !important; display: inline !important; float: none !important; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static;">Facebook</a><a href="https://www.facebook.com/quicklearnpage" target="_blank"> Fan Box</a> or Like Box is a great plugin that allows blog visitors to subscribe to your <span class="IL_AD" id="IL_AD9" style="background-attachment: scroll !important; background-color: #f9f9f9; background-image: none !important; background-position: 0% 50%; border-bottom-color: rgb(61, 156, 17) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; cursor: pointer !important; display: inline !important; float: none !important; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static;">blog updates via their Facebook accounts, without leaving your blog. After subscribing (by pressing like button), visitors will receive your most recent blog updates on their Facebook page. This box also displays faces of the "likers" on your blog. Before creating a fan box you should already have a facebook fan page. If you haven't yet created,<a href="https://www.facebook.com/pages/create/?ref_type=logout_gear" target="_blank"> click here</a><a href="https://www.facebook.com/pages/create/?ref_type=logout_gear" target="_blank"> to Create a Facebook Fan Page</a>. Here is a tutorial on adding a Facebook Like box to Blogger/Blogspot. It’s a good way to promote your<a href="https://www.facebook.com/quicklearnpage" rel="" style="background-color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 22.399999618530273px; margin: 0px; outline: none; padding: 0px; text-align: justify; text-decoration: none;" target="_blank" title="my fan page"> Facebook</a>. 
 
<h4 style="background-color: white; line-height: 22.399999618530273px; margin: 0px; padding: 0px 0px 3px; position: relative; text-align: justify;">
I) Get your Facebook page  URL</h4>
<div>
<ul style="text-align: left;">
<li>Visit Facebook and go to your page:</li>
</ul>
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-Rkhm-jqeXLQ/Uy6RO8NdHLI/AAAAAAAAA04/qIC9XhmBJVQ/s1600/page+url.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Rkhm-jqeXLQ/Uy6RO8NdHLI/AAAAAAAAA04/qIC9XhmBJVQ/s1600/page+url.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul style="text-align: left;">
<li>Copy the URL from your browser’s address bar.</li>
</ul>
 
<h4 style="background-color: white; line-height: 22.399999618530273px; margin: 0px; padding: 0px 0px 3px; position: relative; text-align: justify;">
II) Configure your Like box</h4>
<div>
<ul style="text-align: left;">
<li>Go to Facebook <a href="http://developers.facebook.com/docs/reference/plugins/like-box" rel="" style="background-color: white; line-height: 23.520000457763672px; margin: 0px; outline: none; padding: 0px; text-align: justify; text-decoration: none;" target="_blank">Like box configuration page</a> (opens in a new tab/window). You will see a configuration box, like this (Facebook has replaced Facebook Page ID with Facebook Page URL):</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-6pYsrL2bNyI/Uy6Som_pwbI/AAAAAAAAA1E/qDO-B5OuFeM/s1600/facebebook+page.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="515" src="http://2.bp.blogspot.com/-6pYsrL2bNyI/Uy6Som_pwbI/AAAAAAAAA1E/qDO-B5OuFeM/s1600/facebebook+page.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul style="text-align: left;">
<li>Now paste your page URL inside the Facebook Page URL text box.</li>
<li>Set other parameters such as width, height and stream. The Preview on the right will update itself as you enter the changes.</li>
<li>Click Get Code button when done. You’ll be given two codes, titled iframe and XFBML. You only need the iframe code.</li>
<li>The iframe code should look more or less like this (do not copy this code):</li>
</ul>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fquicklearnpage&amp;width&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowTransparency="true"></iframe><div>
 <div>
<ul style="text-align: left;">
<li>Copy the code (the code provided by Facebook, not the sample code above).</li>
<li>In Blogger, go to Layout and click a Add agadget link. Select HTML/Javascript gadget and paste the code in the content box.</li>
<li>Save and view your blog.</li>
<li>Enjoy! </li>
</ul>
</div>
</div>
</div>

How to add Facebook Like/Fan Box to Blogger 2014

The Like Box is a special version of the Like Button designed only for Facebook Pages. It allows admins to promote their Pages and embed a simple feed of content from a Page into other sites. A Faceb…

23 Mar 2014

How to Create a Free Blog using BlogSpot.com 2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://www.bidvertiser.com/bdv/bidvertiser/bdv_ref_publisher.dbm?Ref_Option=pub&Ref_PID=596054">Earn money more than 1,000 $ from your blog with Bidvertiser</a>
 
 
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-1ZQ-GGe17R4/Uy23qY5Y3xI/AAAAAAAAAzQ/jzd8IkKkJLI/s1600/How+to+Create+a+Blog+in+Blogger.com.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-1ZQ-GGe17R4/Uy23qY5Y3xI/AAAAAAAAAzQ/jzd8IkKkJLI/s1600/How+to+Create+a+Blog+in+Blogger.com.png" /></a></div>
 
Do you remember the first time you heard the word “blog”? What was your original thought?  
Well, as familiar as you might be to what a “blog” is, there are people who hear it for the first time every single day and have no idea what it really is.  
 
What is Blog? 
 
A Blog is an abbreviated word used for term “Weblog“, This is a word used to describe different type of Websites and Portals which share information on specific topics or wider categories. It usually includes Features like Blog Posts, Videos, Comments, Links to other websites, Widgets, etc. 
 
The following step will show you how to create a new blog with blogspot.com: 
 
Step 1: 
 
Go to www.blogspot.com and sing in with your Gmail account ( If you don't have Gmail account <a href="http://www.gmail.com/" target="_blank">create a new one</a>). Click one Sign In to start. 
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-kOIXD8CGzSQ/Uy2-bDRgWBI/AAAAAAAAAzk/5ljFi9mm_tU/s1600/3-22-2014+11-34-16+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-kOIXD8CGzSQ/Uy2-bDRgWBI/AAAAAAAAAzk/5ljFi9mm_tU/s1600/3-22-2014+11-34-16+PM.png" /></a></div>
 </div>
<div>
Step 2: 
 
After you click the button Sign in, the new window appear:  
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-qlIYyiX43RI/Uy2_87VYELI/AAAAAAAAAzw/E1f6AY41p10/s1600/3-22-2014+11-36-05+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="261" src="http://4.bp.blogspot.com/-qlIYyiX43RI/Uy2_87VYELI/AAAAAAAAAzw/E1f6AY41p10/s1600/3-22-2014+11-36-05+PM.png" width="640" /></a></div>
Click button New Blog 
 
Step 3: 
 
Choosing your blog title and address. In order to chose your address, you can input with the name of address you want. In addition you can choose template for your blog.  
 
Example: Title: Quick-Learn, Address: quick-learn.blogspot.com  
 
With the address, make sure that one you will choose is available. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-MhkJdR3xlvM/Uy3AqiSdTXI/AAAAAAAAAz4/51XK3Kj0DDo/s1600/3-22-2014+11-37-06+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="516" src="http://3.bp.blogspot.com/-MhkJdR3xlvM/Uy3AqiSdTXI/AAAAAAAAAz4/51XK3Kj0DDo/s1600/3-22-2014+11-37-06+PM.png" width="640" /></a></div>
Click Button Create blog! 
 
Step 4: 
 
The follow page appear after you create your blog successfully. Now, let start to post your first article.... 
 
 
<div class="separator" style="clear: both; text-align: center;">
</div>
 
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
Click on button New post</div>
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-XVWVFCwEZU4/Uy3C8QpCBrI/AAAAAAAAA0E/9LCLcc4qoPQ/s1600/Created.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-XVWVFCwEZU4/Uy3C8QpCBrI/AAAAAAAAA0E/9LCLcc4qoPQ/s1600/Created.png" /></a></div>
 
- Add the title your first post (Example: My first Post) 
- Write your content as example. After finish your content, click publish on the right side.  
<div class="separator" style="clear: both; text-align: center;">
</div>
 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-eJtc4JqI9iw/Uy3ECKC4rtI/AAAAAAAAA0U/WGG06H4Ouuo/s1600/first+post.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-eJtc4JqI9iw/Uy3ECKC4rtI/AAAAAAAAA0U/WGG06H4Ouuo/s1600/first+post.png" /></a></div>
 </div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
Open your new address  with the browser you will see as below: 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-snTMmlnREZk/Uy3FmDj9FBI/AAAAAAAAA0g/cNtE0PKdJOM/s1600/site.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="http://4.bp.blogspot.com/-snTMmlnREZk/Uy3FmDj9FBI/AAAAAAAAA0g/cNtE0PKdJOM/s1600/site.png" width="640" /></a></div>
 </div>
<div>
Finally your first blog have been created! In order to increase your blog traffic, you should create a Facebook page and then add Facebook Like Box to your Blog. If you don't have yet, <a href="http://quick-learn.blogspot.com/2014/03/how-to-add-facebook-likefan-box-to.html">click here to learn How to add Facebook Like/Fan Box to Blogger 2014</a>. You can make money online with your blog by using Bdvertiser. With Bdvertiser you can earn from your blog more than 1,000 $ from your blog.  
<a href="http://www.bidvertiser.com/bdv/bidvertiser/bdv_ref_publisher.dbm?Ref_Option=pub&Ref_PID=596054">Click Here to Sign Up Now!</a>
 
 You can see: <a href="http://quick-learn.blogspot.com/2014/03/make-money-online-with-bidvertiser.html">How to make money online with Bdvertiser</a>. </div>
<div>
 </div>
</div>
</div>

How to Create a Free Blog using BlogSpot.com 2014

Earn money more than 1,000 $ from your blog with Bidvertiser Do you remember the first time you heard the word “blog”? What was your original thought? Well, as familiar as you might be to what a “bl…

22 Mar 2014

Load more posts