Timeline Design using CSS and Jquery

Timeline design is the current web trend that visualizes the data in an interesting way. Today I want to discuss about how to design a timeline in a simple way with JSON data feed , that using CSS pseudo elements such as :before and :after. Pseudo elements are used to apply special effects to selectors. This post is a combination of my previous post, please take a quick look at this demo and try demo script with your WAMP server.

Timeline Design CSS and Jquery

Read more »

How Aaron Patzer Made $170 Million In 2 Years!

Aaron Patzer launched a website named Mint. The site is nothing more than a user friendly personal-finance software.


Mint: User Friendly Personal-Finance Website


After two years he was offered $170 million for Mint.com by Intuit. Intuit is the company that owns Quicken which is a very popular personal-finance software.
disqus

18 Latest Blogger Blockquote Customizable Styles

Blockquotes is an option available in modern Content Management Systems (CMS) that allow you to indent, beautify the quotes. There are tons of ways we can design Blogger block quotes designs and today we've a pretty nice list for Blogger fans.

Below is a short Tutorial on how you can use these blockquote codes in your templates in few seconds.

blogger blockquotes styles


Tutorial - How to Use These Blogger Blockquotes


Simply navigate to Blogger's Dashboard >> Template >> Edit HTML. Once you're in the HTML Editor, search for the following code using CTRL + F.

]]></b:skin>

Now simply paste any design codes that you like from the list below, right above the tag mentioned above. Once the codes are setup, you can then use the blockquotes feature in Blogger in the post Editor using the blockquote button as shown below.

blockquote button

Blockquote #1


Blogger Blockquote #1



blockquote {
font-size: 16px;
margin-bottom: 20px;
line-height: 1.65em;
font-weight: 300;
padding: 20px 20px 20px 50px;
color: #fff;
border-top: 5px solid #77818d;
background: #77818d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEievyJWTFDjDIUDApfzF50SgYjzTVMHEA0tjROuuDaMIO6Df2kcdnNgx5CQZ6BjrtDsniZKN4fly77b1bXIqgNxMJiBJpjDiCkfqTu5WQMsIRf_1MQTborEPxFvUoAFs0J6LUE_6O2LpUTL/s16/icon_blockquote.png) no-repeat 20px 25px;
}
blockquote p {
margin: 0;
}


Blockquote #2


15 Latest Blogger Blockquote Customizable Styles



blockquote {
margin-bottom: 20px;
line-height: 1.65em;
font-weight: 300;
padding: 20px 20px 20px 50px;
color: #fff;
border-top: 5px solid #77818d;
font-size: 16px;
margin-bottom: 20px;
line-height: 1.65em;
font-weight: 300;
padding: 20px 20px 20px 50px;
color: #fff;
border-top: 5px solid #77818d;
border-left: 5px solid #dfdfdf;
background: #f4f4f4;
color: #999999;
padding: 20px;
font-size: 17px;
font-style: italic;
line-height: 24px;
margin: 30px 60px;
}
blockquote p {
margin: 0;
}


Blockquote #3


15 Latest Blogger Blockquote Customizable Styles


blockquote p {
  font: 14px/18px normal ;
font-family: "Andale Mono", AndaleMono, monospace;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
}






Blockquote #4


15 Latest Blogger Blockquote Customizable Styles

blockquote {background: #f5f5f5;font: 13px/20px;color: #444;border-left: 4px solid #fa5b0f;padding: 15px;font-family: Geneva, Tahoma, Verdana, sans-serif;}

Blockquote #5


15 Latest Blogger Blockquote Customizable Styles


blockquote {
    text-align: left;
    background: #333;
    width: 150px;
    height: 150px;
    padding: 60px;
    border-radius: 50%;
    box-shadow:
        inset 0 0 0 10px #333,
        inset 0 0 0 12px rgba(255,255,255,0.6),
        80px 0 0 rgba(255,255,255,0.3),
        -80px 0 0 rgba(255,255,255,0.3),
        50px 0 0 rgba(60,185,145,0.2),
        -50px 0 0 rgba(185,60,60,0.2);
}


blockquote p {
    color: #fff;
    font-size:11px;
    font-weight: 100;
    padding-top: 0px;

    text-transform: uppercase;
    text-shadow: 0 0 1px #fff, 0 1px 1px #000;
    font-family: 'Annie Use Your Telescope', cursive;
}

blockquote p:after {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    padding-top: 25px;
    text-transform: uppercase;
    text-shadow: 0 0 1px #fff, 0 1px 1px #000;
    font-family: 'Annie Use Your Telescope', cursive;
}



Blockquote #6


15 Latest Blogger Blockquote Customizable Styles

 blockquote:before {
content: "";
font-family: FontAwesome;
margin-right: 4px;
}
blockquote {
background: #f4f4f4;
padding: 20px 25px;
margin: 25px 25px;
font-style: italic;
border-left: 4px solid #dfdfdf;
color: #555;
}
blockquote:after {
content: "";
font-family: FontAwesome;
margin-left: 3px;
}



Blockquote #7


15 Latest Blogger Blockquote Customizable Styles

blockquote:before {

  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote {
}
blockquote:after {
content: "";
font-family: FontAwesome;
margin-left: 3px;
}

blockquote p {
  display: inline;
}

blockquote {
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
 
background: #f4f4f4;
padding: 20px 25px;
margin: 25px 25px;
font-style: italic;

color: #555;
}



Blockquote #8

15 Latest Blogger Blockquote Customizable Styles


blockquote {
line-height:1.3em;
margin:15px;
padding-left:10px;
border-left:2px solid #DF1010;
font-style:italic;

}
blockquote p {
margin:.75em 0
color: #000;
}



Blockquote #9


15 Latest Blogger Blockquote Customizable Styles


blockquote {
  font: 14px/20px italic Times, serif;
  padding: 8px;
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEhxOOc5WFa_OcF_B-oc85fTLgIEl8ovmnVrRkEeSFzcOa_tZB3jRTCNs8gh097pekiTITs8M32-_HwoToxHAJkV0m6yJU_FiAqBv9s2-e3GkEITd9MwcKhSb5VE9_rO1uPbed-O8b05g/s1600/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote p{
     display: block;
     background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX-pyOQ0Q8EuUyApVadt_kMH6M0NTNgmWwurLQ-tzJd7AL3e6etnoyB7a9vXsJnt0ED9T0IbzjXJSRQdQghsY0Utz6aBFELm0ON2fFpXf9bzxmZDo-W3pSpQHmgW-v81zAqwKrkioE99E/s1600/closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
   }



Blockquote #10


15 Latest Blogger Blockquote Customizable Styles


blockquote p {
  font: 16px/20px italic Times, serif;
  padding-left: 70px;
  padding-top: 18px;
  padding-bottom: 25px;
  padding-right: 10px;
  background-color: #dadada;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 5px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1oNrMX1muU4oiT_p7gV7-V5X1yjidQLtzb_x_nzCMD7IVU2w9rOanxcAEK50D9DcdbYXKQAPHj1aI2EGOt5U14EhGmF9iDzP1iX6ghuAlVwSwJqCdWi6B5Ptry3kYOzqu4LZR6SFU5r4/s1600/openquote4.gif);
  background-position: middle left;
  background-repeat: no-repeat;
  text-indent: 23px;
}



Blockquote #11

15 Latest Blogger Blockquote Customizable Styles

blockquote:after {
    font-family: 'icons';
    background: rgba(235,150,108,0.8);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    content: '\275e';
    position: absolute;
    font-size: 90px;
    line-height: 130px;
    text-align: center;
    top: 0px;
    left: 55%;
    margin-left: -85px;
    color: rgba(255,255,255,0.5);
    text-shadow: 0 1px 1px rgba(255,255,255,0.1);
}

blockquote p {
    color: rgba(235, 150, 108, 0.8);
    font-family: Baskerville,Georgia,serif;
    font-size: 18px;
    font-style: italic;
    line-height: 28px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}



Blockquote #12


15 Latest Blogger Blockquote Customizable Styles


blockquote {
  font: 12px/18px normal "Courier New", sans-serif;
  padding-left: 70px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #000;
  color: white;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 5px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLxWlp0W7qBiK_Y7hSKEKAT2gsztN44NRoJv6WH3Dn-J8BJh808Jyqal1KUUXjjEwBTwaixe61OIoAJNa4vrMskS5N58F5-PnByQjYWL1dc5Knfn-dAkgJb2aowrIqIow0Hqp5x_obG2A/s1600/openquote5.gif);
  background-position: left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote p{font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

    padding-right: 50px;
    display: block;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiyTJbFGomyIPqidU1Wc7LgosYMCoxu47YLCpYy2oF2gaMCRPNyVUzYzAV6j9L1ilLDbMTsfsjL9BUzb3srlj3q1PP2gFSGJ6GiQnRKVNZnvditgasapGHmfII44Ag1f6EixyRfmRl3hc/s1600/closequote5.gif);
    background-repeat: no-repeat;
padding-bottom: 30px;
padding-top: 15px;
    background-position: right;
}



Blockquote #13

15 Latest Blogger Blockquote Customizable Styles


blockquote {
  font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
  border-left:3px dashed #9b9b9b;
  padding-left: 20px;
 padding: 5px;

background-color: #BAC7D3;
}



Blockquote #14


15 Latest Blogger Blockquote Customizable Styles
blockquote{font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;;border:1px solid #999;page-break-inside:avoid; padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee;padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}

Blockquote #15


15 Latest Blogger Blockquote Customizable Styles


blockquote {
font-size:20px;
background-color: #f9f9f9;
border: 1px solid #ccc;
border-radius: 6px;
box-shadow: 1px 1px 1px #ccc;
font-style: italic;
padding:15px;
}



Blockquote #16


15 Latest Blogger Blockquote Customizable Styles


blockquote {
color:#FFF;
background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
border: 1px solid #ccc;
border-radius: 6px;
box-shadow: 1px 1px 1px #ccc;
font-style: italic;
font-size: 20px;
padding:12px;
font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}



Blockquote #17

15 Latest Blogger Blockquote Customizable Styles

blockquote {
padding:15px;
font-size:18px;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMsr8pqiVBPotWmiyVdqu_Skm8y8mZC1BwXdv61-2ghuZ1S7tg_SGDWxrhr-NzTHQOsLjdHdAQRDCIMG9r_qyoomFxjEKBx__qdCCtD_p7owbMwBq0AeGzJppbJl1kIyt52o4mLZkUZmQ/s1600/free-paper-texture-10.jpg');
border: 1px solid #ccc;
box-shadow: 1px 1px 1px #ccc;
font-style: italic;
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
}


Blockquote #18

15 Latest Blogger Blockquote Customizable Styles

 blockquote {
padding:15px;
font-size:18px;
color:#fff;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM-NAtHVikaEdPLHNtGnEF_jPqrqayMFK8Q1o14RmOmWQRk8V89623hyDTH9YSIPQFsh1sbyRBCX5fTf-kVolJbabqAR4QXxy6FETEfPY8jYVJKYTNvBuS-SFiB_Axa1fKmhma1YAyKRM/s1600/free-paper-texture-43.jpg');
border: 1px solid #ccc;
box-shadow: 1px 1px 1px #ccc;
font-style: italic;
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
}



Best of luck with your blockquote setup. Leave out your issues in case you've any in blockquote setup.

Peace.

30 Youngest Entrepreneurs of America - All Under 30!

Many of us have the dream of becoming rich but only a few can make that dream come true. Some of these are so fortunate that they get want they want in an early age.


30 Youngest Entrepreneurs of America


Planning a business is not a difficult task but to implement that plan is difficult. The only thing that can make your plan work is hard work. So focus on what you do until it is done.
disqus

5 Tips For Choosing a CashDrawer for Your Business

When it comes to managing the revenue generated by the business, having a high quality cash drawer is an add on. As there are a bunch of models available in the market, choosing among tons of options is a daunting task.

Traditional �ka-ching� models are attached to the billing register and they open automatically when a sale is billed. However, with wireless connectivity, tablet and smart phone billing, and cloud-based billing systems, the traditional cash drawer has evolved into a standalone cash drawer that can be placed anywhere on the counter or underneath it.
cashdrawer make money online
 There are so many different varieties available, choosing just one can be difficult. Nonetheless, certain features are essential in a cash drawer and this guide will help you evaluate and choose one model based on these features. 

Tip#1 Aesthetics


Traditionally, most versions of a POS (Point of sale) cash drawer looked the same, with the same design and features. Times have changed though and you can choose from different sizes, shapes and colors.

Modern-day cash drawers are simple in design with clear spaces for currency, coins and accessories. You can also customize the interior with special inserts colored in unique ones to help cashiers collect money easily.

Most versions are colored black, grey or brown, but you can easily request custom-colored cash drawers to suit your store decor.

Tip#2 Cost


You should know that almost all standalone cash drawers are quite affordable and may cost anywhere from $50 to about $400 per unit. If you are buying a traditional till and cash drawer, the drawer is integrated in to the till and the cost is all-inclusive.

However, modern-day point of sale systems have standalone drawers that respond to signals from the POS software. As a result, the cash drawer hardware should be compatible with the software.

For this reason, make sure you choose your equipment from the vendor who is providing you with POS. This is essential as hardware and software is usually provided as a package deal to ensure compatibility.

Not only do you get a larger variety to choose from but you will also get a better rate due to the bulk purchase. To ensure that you get the best deal, it is a good idea to buy hardware and software from a good POS vendor and you will get the best rate.

Tip#3 Models and Sizes


Standard sized models are fine for an ordinary business. These drawers open and close manually or electronically and have manual and automatic locks. Standard duty drawers are also tested for as much as one million transactions annually and they are covered with a two-year warranty.

Larger and smaller models are also available but most retail stores prefer to use standard 280x400x110 sized drawers. For high-traffic stores that deal with cash, some systems also offer double-layered cash drawers to store cash, coupons, bills and receipts.

 In case you don�t have a lot of cash transactions, shallow or low-depth pressure locked drawers are also available.
 

Tip#4 Security Features


All POS cash drawers offered by companies such as Shopify are provided with a manual key lock. Along with key locks, some versions also have pressure locks. When a transaction is complete, the POS system automatically unlocks the cash drawer and it springs open.

The cash drawer opens by sending an electromagnetic signal through a device called a solenoid. The cashier then swings the drawer shut when the cash is collected. However, a manual lock is also provided to secure drawer contents overnight.

When the manual lock is engaged, even the POS system cannot open the drawer and this ensures that the store�s cash collection remains safe. Apart from these locking systems, some cash drawers are also provided with lockable covers that cover the drawer even if the drawer is opened.

cash drawer make money online security


 These clear covers allow the cashier to look into the drawer contents but they cannot access the contents unless the drawer is unlocked. Other safety features built into the drawer include steel ball bearing slides, long-lasting designs, powder-coated finishes, etc.

Tip#5 Personalization

 
Every store has unique requirements. To enable personalization, vendors make variable drawer inserts that you can select for your store requirements.

 For example, most stores prefer inserts with 4 � 6 banknote compartments, 1 � 2 vouchers or coin roll compartments and removable variable inserts for additional paperwork.

 You can also choose a drawer that is placed on the counter or underneath the counter, large, small or medium sized and one-tier or two-tier depending on requirements.
 
A cash drawer is required if you plan to accept cash but there are many options to choose from and you can easily find a model to suit your requirements.

No matter which model you choose, all vendors provide 2-5 year warranties and this can be quite useful for store owners. Just make sure that you evaluate these above-mentioned factors before you proceed and you should find the perfect cash drawer for your store.

Peace out fellows.

You may also like: 7 Steps to Get a Verified PayPal Account In Pakistan [UnSupported Countries]

How to Make Money With BitCoin Like Erik Finman

BitCoin is an application of the peer-to-peer technology. All of its transactions and issuing of the BitCoins is done by the network itself. It is an opensource technology that means its design is available publicly on the internet and everyone can access it.


Make Money With BitCoin Like Erik Finman


BitCoin is not managed and owned by anyone but it can be used by everyone. BitCoins are usually referred to as digital money. This is the modern form of money. The users can send and receive BitCoins in exchange for actual money, products or services.

disqus

CSS3 Animation Effects with Keyframes

Using CSS3 keyframe property, you can create cool animation effects without using any JavaScript frameworks, CSS3 & HTML5 is helping to solve many web problems in a simple way. In this article I want to discuss how to implement CSS3 animations in a better way, use these and enrich your web projects. Take a quick look at these demos and try all these with modern browsers like Chrome, Firefox and Safari, sure you will love these effects.

CSS3 Animation Effects with Keyframes

Read more »

How to Add a 3 Column Footer with Horizontal Navigation to Blogger

Enhancing your website estate matters a lot in today's cyber-world. Today I will help you learn how to put a footer with three columns on your website which creates an extra bit of room in order to accommodate more widgets like the Twitter updates or Flickr photos.

Here�s a demonstration on just how to do that on your Blogger account.


  • Log into your blogger account at www.Blogger.com.
  • From the pane select the blog you want to add the footer to. Check out the example below to see where you can find that.
Choose your blog from Blogger dashboard

  • On your dashboard, select Template from the tabs on the left pane.
Click on Template

  • Navigate to �Edit HTML�.
  • At the Edit HTML Tab, press Ctrl + F and type /body to find the </body> tag.
Edit HTML

  •  Delete any footer code.(We highly recommend creating backup of your code before proceeding further)
  • Paste the following code right before the </body> tag.
<div id="Behlower">
<div id="Behlower-wrapper">
<div id="Behlowerbar-wrapper">
<b:section class="Behlowerbar" id="Column 1" preferred="yes">
WIDGET ONE GOES HERE
.<br>
.<br>
.<br>
.<br>
.<br>
.<br>
 </b:section>
</div>
<div id="Behlowerbar-wrapper">
<b:section class="Behlowerbar" id="Column 2" preferred="yes">
WIDGET TWO GOES HERE 
.<br>
.<br>
.<br>
.<br>
.<br>
.<br>
 </b:section>
</div>
<div id="Behlowerbar-wrapper">
<b:section class="Behlowerbar" id="Column 3" preferred="yes">
WIDGET THREE GOES HERE
.<br>
.<br>
.<br>
.<br>
.<br>
.<br>
 </b:section>
</div>
<div style="clear: both;">
</div> </div>
<div id="Behfooter-wrapper">
<div style="clear:both;">
      </div>
<!-- Bloggingehow Footer border Ends-->
</div></div>

Edit the code to your taste and there you have it, a footer with three columns. Feel free to get back to us with any ambiguities.

More on BloggingeHow:

7 Highest Paid SEO Jobs With Respective Cities

Finding a job of your interest is not difficult but to find a job of your interest that has a good salary is comparatively difficult. To have to analyze the salary ranges of different jobs before you pick one.


7 Highest Paid SEO Jobs


You should consider the salary range of a job before applying for it. Not all the jobs have a good salary. In this post I have listed the salary ranges of the highest paid SEO jobs under the cities having the highest volume of SEO jobs.
disqus

What is Twitter HashFlag & How to Use it?

You will be glad to know that Twitter has relaunched the hashflag feature. It was last used in 2010 for the World Cup and now we are able to use it again for the World Cup 2014.


The World Cup 2014


The option was introduced to make it easy for you to vote for your favorite football team. You can vote by using '#' before the three letter code of your favorite team.

disqus

Add Free Sliding Social Sharing Widget with Counts to Blogger

A healthy existence on social media can make or break your blog. And what better way to strengthen your blog by pooling in all your visitors to your social media pages all from one widget.

free sliding social sharing widget


To get such a floating widget that floats and move around your blog, bugs your visitors to check out your social media pages and profiles you need to spare ten minutes and follow the following guidelines.

  • Get your internet running, and open this website.
  • Log into your account or sign up for free either using your Facebook or Google+ account, or alternatively you can signup using your own email account.
 
    Signup

      Insert the domain name for the website you want the widget added to. You can always change or add this later.
        Image 3

        • From the Product Subscriptions page, navigate to the Social Suite where you can find �Flare�. Click on the 'Launch' button. 
        Flare Launch


        • Insert the domain name if you haven�t already. This is an optional step.
        • Filament will automatically detect your website type. Now you just have to click �Install Plugin Now� to install the plugin to your web page.
        • After the installation from your Wordpress or Blogger account, click next and land on the following page.
        Image 5

        Copy the code and paste it into your Filament Plugin to activate it. Viola, you�re done. All you need to do next is to add the social media pages from the plugin page.

        More on BloggingeHow:

        11 Easy Ways How Teens Can Make Money Online

        Many teens want to earn money for their personal use but it is not easy for them as the opportunities for them are very low. But still they should try as it is a good thing for a teen to earn some money for his/her pocket money.

        Easy Ways How Teens Can Make Money Online


        If you are a teen you can use the following opportunities to earn money. These are the best opportunities available on the internet for teens.
        disqus

        20 Free Poll and Survey Widgets for Blogs

        Before launching something new on your website it is always best to ask the people on the internet as they are your potential audience. Their opinions matter as they are the one's who can make your product/service successful.


        Free Poll and Survey Widgets for Blogs


        A plenty of poll websites are available you can use them to conduct surveys.
        disqus

        54 Free Image Websites For Blogs

        No matter how interesting is the written content of a blog is the most attractive there thing is always the images. People are always attracted towards visual aids.


        Free Image Websites For Blogs


        There are a plenty of sources available on the internet from where you can get good quality images and make modifications in them. A few of these are listed below.
        disqus

        Web PDF Viewer for Monetization.

        Are you working for eLearning projects? then you should know about Mozilla has launched PDF.js a web PDF viewer plugin. This plugin helps you to display PDF files inside HTML code. I did customized PDF.js prebuild structure for easy usage. Take a quick look at this post and it will explain you how to configure, tracking reports(Google Analytics) and monetize your PDF content with HTML page.

        Twitter OAuth Status Update using PHP.

        Read more »