Whizkid Media | Thalapathy Vijay | Tamil Mp3 Songs | Tamil FLAC Songs

Capture Website Screenshots in PHP with GrabzIt API

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
GrabzIt has just launched their screenshot service, which allows 
developers to easily take screenshots of websites for free using the 
open source <a href="http://grabz.it/api/php/" target="_blank">GrabzIt PHP Library</a>.  To take a screenshot with GrabzIt you first need to <a href="http://grabz.it/register.aspx" target="_blank">register</a> to get your application key and secret, once done you will be up and running in no time.<br />
<br />
You first request a screenshot with the following code:<br />
<blockquote><pre>
include("GrabzItClient.class.php"); 
//Create the GrabzItClient class
//Replace "APPLICATION KEY", "APPLICATION SECRET" with the values from your account!
$grabzIt = new GrabzItClient("APPLICATION KEY", "APPLICATION SECRET");
//Take the picture the method will return the unique identifier assigned to this task
$id = $grabzIt->TakePicture("http://www.google.com", "http://www.example.com/GrabzItHandler.php");</pre>
</blockquote>
<div class="container">
<br /></div>
</div>
Then you accept the resulting screenshot with code similar to this:<br />
<blockquote><pre>
include("GrabzItClient.class.php");
 
$message = $_GET["message"];
$customId = $_GET["customid"];
$id = $_GET["id"];
$filename = $_GET["filename"];
 
//Custom id can be used to store user ids or whatever is needed for the later processing of the
//resulting screenshot
 
$grabzIt = new GrabzItClient("APPLICATION KEY", "APPLICATION SECRET");
$result = $grabzIt->GetPicture($id);
 
if (!$result)
{
    return;
}
 
//Ensure that the application has the correct rights for this directory.
file_put_contents("images" . DIRECTORY_SEPARATOR . $filename, $result);</pre>
</blockquote>
Remember to replace <code>APPLICATION KEY</code> and <code>APPLICATION SECRET</code> with your actual values.

</div>

Tips Capture Website Screenshots in PHP with GrabzIt API

GrabzIt has just launched their screenshot service, which allows developers to easily take screenshots of websites for free using the op...

How to track Downloads on ur Websites

3:47 AM Bergin A 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />   <br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "Trebuchet MS",sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsDcohqynx2eDL7kgoOuqZGGFdHv13zyaUPZxTFURa2bwC19U7t30UzfIiQPDCjPRlUpyDWWzMe6_AA3C5GPiL5cM2BMinfOpCsqE64-cLm5ilMXdh0F3OiXFVZmDIsXhthShc2jwwSds/?imgmax=800" style="margin-left: 1em; margin-right: 1em;"><img align="left" alt="Track Donwloads in Blogger" border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsDcohqynx2eDL7kgoOuqZGGFdHv13zyaUPZxTFURa2bwC19U7t30UzfIiQPDCjPRlUpyDWWzMe6_AA3C5GPiL5cM2BMinfOpCsqE64-cLm5ilMXdh0F3OiXFVZmDIsXhthShc2jwwSds/?imgmax=800" style="border-width: 0px; display: inline;" title="Track Donwloads in Blogger" width="310" /></a></span></div>
<div align="justify">
<span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></div>
<div align="justify">
<br /></div>
<div align="justify">
<br /></div>
<div align="justify">
<br /></div>
<div align="justify">
<br /></div>
<div align="justify">
<span style="font-family: "Trebuchet MS",sans-serif;">  </span></div>
<div align="justify">
<br /></div>
<div align="justify">
<br /></div>
<div align="justify">
<br /></div>
<div align="justify">
<br /></div>
<div align="justify">
<br /></div>
<div align="justify">
<span style="font-family: "Trebuchet MS",sans-serif;">Probably
 we all love to know how many times a file on our website is  
downloaded. You can observe that I track all my downloads whether its  
templates, icons, buttons or any other <a href="http://blogger.com/" target="_blank">blogger</a>
 resource. This helps me know how popular that particular file is. Many 
 questioned us about the script we use to track our files and today we  
would share every detail on how we actually track downloads on Blogger.</span>    </div>
<span style="font-family: "Trebuchet MS",sans-serif;"> <span class="fullpost">    <h4>
How To Track Downloads in Blogger?</h4>
I use <a href="http://dstats.net/" target="_blank">Dstats</a> service for tracking number of downloads. The method is simple. There are two steps which are,<br />    Inside your posts simply paste the code below. Replace  <strong>PASTE-FILE-LINK-HERE</strong> with the link of your file you want readers to download. And replace <strong>Image URL OF Download Button</strong> with the Image Link of your Download button.<br />    <blockquote>
     <div align="justify">
<em><a href="http://dstats.net/download/<strong>PASTE-FILE-LINK-HERE"</strong>><img src="<strong>Image URL OF Download Button"</strong> border="0"/></a></em></div>
<p>Downloads:<a href='http://dstats.net/download/<strong>PASTE-FILE-LINK-HERE</strong>'></a>         <br /><script type='text/javascript' src='http://dstats.net/dstatsjs.php?file=<strong>PASTE-FILE-LINK-HERE</strong>'></script>         <br /><script type='text/javascript'>document.write(dsCounter);</script></p> </blockquote>
<h4>
Grab these Download Buttons.</h4>
<div align="justify">
You can use the following Download buttons from <a href="http://dryicons.com/" target="_blank">dryicons</a> Simply right click an image and select “Copy Image Location” and this will give you the Image URL for the button.</div>
<center>
     <table border="0" cellpadding="2" cellspacing="0" style="width: 400px;"><tbody>
<tr>           <td valign="top" width="200"><img alt="download_buttons1" border="0" height="57" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9s6RtzKXkjifSDNS6ElE9-LaqAAIRyVVP_bi6OAje4dXQ28S1OAyqG1fYLz_ljL24odN2PCdgBH8EiIlrxqEGj6MlYj67ni3BKbXFNZD_2Q_5lAcPVBEsQ5zv4dbxOvFY-M7p-AlIEdk/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="download_buttons1" width="214" /> </td>            <td valign="top" width="200"><img alt="download_buttons4" border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim9-jST6lFso8ef4SKl7M_rkGVSU7vS4CwExXlwsB8lQ8iqAsCfWKw33gIYqbz8dE7TWBZX5p6uDwoEPZvZOW5Q-_QWFp2cukfQPu5EV_jDiuqRZPWhS9qwa0t_fgRenhk0zLjM2BOIUk/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="download_buttons4" width="211" /> </td>         </tr>
<tr>           <td valign="top" width="200"><img alt="download_buttons2" border="0" height="56" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUPv_vu8DUDMgQgBnWs5qWlY3csF1JmdOd5WNxZqAEMb1Oyrp8OubVseW1xKZ9tlxpEsLpu1vAq5sG019P-4SE_JDznsjF_eddlXcZX1gdOl_APG1calw_5yvz_-FUvZLZQM3gt9hBuEg/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="download_buttons2" width="212" /> </td>            <td valign="top" width="200"><img alt="download_buttons5" border="0" height="55" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2277OV3USq_cd_C3A2oym0xD5ERyLHypbZW4tr2I1NS8AhCV6V4ry0ZOro6vPW1HGtY6qblrEfPmj7lJWHj5584cR_CKD0uWx169GHnPg9fw-p4a4nwnezve5aDrxPUK4VHKIh942uZ8/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="download_buttons5" width="212" /> </td>         </tr>
<tr>           <td valign="top" width="200"><img alt="download_buttons3" border="0" height="63" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi30JIMOjxGsZK9VZUcEznZr6m4YCnlmx5UahZ8Jr5Dax3B-fJgeUqgLHqOhdGWumqvd5_qrH7N-mMZyl6CHXh2Qza5Z2Gcv2kIfZiWCJFITSmb-rg-FfgOZ3iR8RvsRUQ9do-73tiB-Rs/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="download_buttons3" width="217" /> </td>            <td valign="top" width="200"><img alt="download_buttons6" border="0" height="61" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2q-vBVUJYooSWGYl1bLRvxfrH0s9zFVAZ-e6erFL-MTi70FuwnIEj13hHlFdshxevLLUAh3ZzDpWorjPJxiEvkZQMsBOY121zgzDbPe_QIt4JHBsis57mbji1d7pzr32aKkmndZoC4bY/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="download_buttons6" width="213" /> </td>         </tr>
</tbody></table>
</center>
<div align="justify">
<br /></div>
Once
  you are done, publish your post and see a beautiful Download button  
with an auto download tracker hanging inside your post. </span></span></div>

Blogger Tips How to track Downloads on ur Websites

Probably we all love to know how many times a file on our website is downloaded. You can observe that I t...

How To Password Protect Your Post With Password in Blogger

3:44 AM Bergin A 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;">
<div class="MsoNoSpacing" style="text-align: justify;">
<div class="mblpostthumb" style="text-align: center;">
<span style="font-family: "Trebuchet MS",sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi49hIr-y6NbjuAuIn4RV0T1rLT5ic4fmHLeKIt9ZYMfZjWBXIiusBB-JRPuHpg-LXqSKYZLmUT3Oew0eLxzmQVTvsBgDUS6_FA4la4pF75Xa25ppUGXyqHia2L7uWqc1l66fG7cOQhB-Q/s1600/1.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi49hIr-y6NbjuAuIn4RV0T1rLT5ic4fmHLeKIt9ZYMfZjWBXIiusBB-JRPuHpg-LXqSKYZLmUT3Oew0eLxzmQVTvsBgDUS6_FA4la4pF75Xa25ppUGXyqHia2L7uWqc1l66fG7cOQhB-Q/s320/1.jpg" width="220px" /></a> </span></div>
<div class="mblpostthumb">
<span style="font-family: "Trebuchet MS",sans-serif;"> </span></div>
<span style="font-family: "Trebuchet MS",sans-serif;">Whenever we think about security the first words arrives in our mind is <b>“Password Protection”.</b> We are in 21<sup>st</sup>
 century the era of information technology, now days almost every thing 
has highest security i.e. online communities, files, documents and etc. 
Security plays vital role and have great significance when it comes to 
the personal matters and complex things. If the entire world is getting 
protected so why do we bloggers left behind. </span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "Trebuchet MS",sans-serif;">An extremely powerful and useful script for blogger Blogspot blogs has been introduced by well known blog <a href="http://www.vincentcheung.ca/" rel="nofollow" target="_blank">vincentcheung</a> This
 script is capable of hiding what ever text you want in a form of 
encrypted code which can be uncovered if your users know the password to
 see the hidden text. Currently it is the most useful and secured method
 of protecting our post which I personally liked a lot. The hidden text 
is not easy to crack so it remains hidden from un-welcomed visitors. And
 according to the creator even he cannot decrypt (View) the hidden text 
except the person who knows the password. The whole systems works like a
 security lock which will only operate if we have the key to unlock so 
Today we will <b>Password Protect our Bloggers Posts.</b></span><span style="font-family: "Trebuchet MS",sans-serif;"><a href="http://www.blogger.com/null" name="more"></a></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "Trebuchet MS",sans-serif;">I
 know you would love to see the live demo that how the whole process 
works so before we spin our fingers over the tutorial first look at the 
instant preview</span><div align="center" style="background-color: white; color: #333333; font-size: 12px; line-height: 19px;">
<span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<h3>
<span style="font-family: "Trebuchet MS",sans-serif;">Adding JavaScript To Blogger Blogs:</span></h3>
<span style="font-family: "Trebuchet MS",sans-serif;">These steps are simple so do as directed</span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<ul>
<li><span style="font-family: "Trebuchet MS",sans-serif;">Go To <b>Blogger.com </b>>> <b>Your Blog</b></span></li>
<li><span style="font-family: "Trebuchet MS",sans-serif;">Now <b>Select Template</b> >> <b>Edit HTML</b></span></li>
<li><span style="font-family: "Trebuchet MS",sans-serif;">Now Press <b>Proceed</b> >> And Search For </span></li>
</ul>
<blockquote class="tr_bq">
<span style="font-family: "Trebuchet MS",sans-serif;"><span style="background-color: #f3f3f3;">]]></b:skin></span></span></blockquote>
<span style="font-family: "Trebuchet MS",sans-serif;"></span><div>
<ul>
<li><span style="font-family: "Trebuchet MS",sans-serif;"><span style="background-color: white; line-height: 15px; text-align: left;">And Now just <b>below</b> it paste the following code</span> </span></li>
</ul>
<blockquote class="tr_bq">
<span style="font-family: "Trebuchet MS",sans-serif;"><span style="background-color: #f3f3f3;"><span style="text-align: left;"> <script type="text/javascript"  
src="http://www.vincentcheung.ca/jsencryption/jsencryption.js"></script></span></span></span></blockquote>
<span style="font-family: "Trebuchet MS",sans-serif;"></span><h3>
<span style="font-family: "Trebuchet MS",sans-serif;"> How To Password Protect Our Post in Blogger</span></h3>
</div>
</div>
<span style="font-family: "Trebuchet MS",sans-serif;"><span style="text-align: justify;">Now
 it is up to us whatever we wish to show images, text, videos, or any 
thing to only preferred visitors. So to password protect a certain 
content of your post simply go to <b>Blogger.com</b>>> <b>Create Post</b> and </span><span style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; text-align: justify;">once you are finished do as directed</span></span><div class="MsoNoSpacing" style="text-align: justify;">
<hr />
<span style="font-family: "Trebuchet MS",sans-serif;"><b style="background-color: white;">Step #1. </b><span style="background-color: white;"> </span><span style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial;">Now Switch to <b>HTML</b> mode and copy all the code that is present there as shown in the image below</span></span><span style="font-family: "Trebuchet MS",sans-serif;"><span style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial;"><br /></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "Trebuchet MS",sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikpiHK7v7nRljvc11XknQoSLDAJRyIcTjrBr2dV8iqzGvqvR_PD_2VzPIpzAP4ezZFj61deorbZX_Rl7o8t3ly5iig41myJediy3ym5cphqL5zfpbzUIhjiwXbtDGoJRBHFH6tl8WYiUI/s1600/1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikpiHK7v7nRljvc11XknQoSLDAJRyIcTjrBr2dV8iqzGvqvR_PD_2VzPIpzAP4ezZFj61deorbZX_Rl7o8t3ly5iig41myJediy3ym5cphqL5zfpbzUIhjiwXbtDGoJRBHFH6tl8WYiUI/s1600/1.jpg" /></a></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></div>
<hr />
<span style="font-family: "Trebuchet MS",sans-serif;"><b style="background-color: white; text-align: justify;">Step #2. </b><span style="background-color: white; text-align: justify;"> </span>Now we will go to <a href="http://www.vincentcheung.ca/jsencryption/" target="_blank">Encryption Page</a>. <span style="background-color: white; text-align: justify;">On this page you will be able to see four boxes</span></span><hr />
<ul>
<li><span style="font-family: "Trebuchet MS",sans-serif;"><span style="background-color: white;">One with yellow color is called <b>Key Box</b>.</span></span></li>
<li><span style="font-family: "Trebuchet MS",sans-serif;"><span style="background-color: white;">One with green color is called <b>Plain Text Box</b> </span></span></li>
<li><span style="font-family: "Trebuchet MS",sans-serif;"><span style="background-color: white;">One with red color is called <b>Cipher Text Box</b>.</span></span></li>
<li><span style="font-family: "Trebuchet MS",sans-serif;"><span style="background-color: white;">And one with blue color is called <b>HTML Code Box</b>. </span>But we are only interested in Key box, Plain Text Box and Html Box. so do as follows.</span></li>
</ul>
<div>
<ul>
<li><span style="font-family: "Trebuchet MS",sans-serif;"><span style="text-align: left;">Enter your desirable password in </span><b style="text-align: left;">Key box.</b></span></li>
</ul>
</div>
<div>
<span style="font-family: "Trebuchet MS",sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-2RF06U8Dy2qXxruNXJJQDWVFqgla-3iXHjWLpsL8eA-quq7vzrMm1nanB9RAp1xmHSmt9Y3_66IzKPaw0H9ULpu9kD0XV_PFsTOFzwmEQxD3j1QheLNmLai3YEM74fdesEUVfhVBmfs/s1600/1.jpg" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-2RF06U8Dy2qXxruNXJJQDWVFqgla-3iXHjWLpsL8eA-quq7vzrMm1nanB9RAp1xmHSmt9Y3_66IzKPaw0H9ULpu9kD0XV_PFsTOFzwmEQxD3j1QheLNmLai3YEM74fdesEUVfhVBmfs/s1600/1.jpg" /></a></span> <span style="font-family: "Trebuchet MS",sans-serif;"><span style="text-align: left;"></span><br /></span><ul style="text-align: left;"><span style="font-family: "Trebuchet MS",sans-serif;"><span style="text-align: left;">
<li>Now we will <b>Paste</b> the code into <b>Plain Text Box</b> which we copied from <a href="http://www.mybloggerlab.com/2012/03/blogger-updates-its-post-editor-new.html">Blogger post editor.</a></li>
</span></span></ul>
<span style="font-family: "Trebuchet MS",sans-serif;"><span style="text-align: left;"></span></span></div>
<div>
<span style="font-family: "Trebuchet MS",sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4kYnz7hA0ilM86cAV8hzwuqFxVWnpN343sXHYlLsWR5jdgjHDYj-pgu8t6EopnHbbp3FgCbaOPTZKa0UQHZtCSXmy59c1IcmGS1-lHAgxD8aGhBxrNeHocT4buQa5ES3k1QquNTOhOtw/s1600/1.jpg" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4kYnz7hA0ilM86cAV8hzwuqFxVWnpN343sXHYlLsWR5jdgjHDYj-pgu8t6EopnHbbp3FgCbaOPTZKa0UQHZtCSXmy59c1IcmGS1-lHAgxD8aGhBxrNeHocT4buQa5ES3k1QquNTOhOtw/s1600/1.jpg" /></a></span></div>
<div>
<span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></div>
<div>
<ul>
<li><span style="font-family: "Trebuchet MS",sans-serif;">And Now after <b>Pasting</b> the code Hit <b>Encrypt button</b> present below <b>Plain Text Box</b></span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "Trebuchet MS",sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdqdCj5KpKzIO5F75bBhEeUNYviOXdqrbmPtX3rHPZ1yL8MsYAaw1-JnkS7Y-GG2hhaqba5rXN0WmcX_M7FImvrtk8DUkJsJkQoRHPs6xl4PR7dgUDOc5HMdKc05bgiVmkOfWJ8vFsj74/s1600/1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdqdCj5KpKzIO5F75bBhEeUNYviOXdqrbmPtX3rHPZ1yL8MsYAaw1-JnkS7Y-GG2hhaqba5rXN0WmcX_M7FImvrtk8DUkJsJkQoRHPs6xl4PR7dgUDOc5HMdKc05bgiVmkOfWJ8vFsj74/s1600/1.jpg" /></a></span></div>
</div>
<div>
<div class="MsoNoSpacing">
<ul>
<li><span style="font-family: "Trebuchet MS",sans-serif;">After Pressing Encrypt Button <b>COPY</b> the code from the <b>HTML CODE</b> <b>box</b></span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "Trebuchet MS",sans-serif;"><span style="margin-left: 1em; margin-right: 1em;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOHmd4tZnkizINIlJhTg-3IcabXteG6M6aUpWu-ylJ7xPnNQCgxYdrXzT2wpjgTFTrmZAyDeBmxCMvAQgsgGbIovCCkoHRX8NhS06-M3VuhooLHMdn9YZi3EpwxVmIO__Z3xlfE6zW5G4/s1600/1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOHmd4tZnkizINIlJhTg-3IcabXteG6M6aUpWu-ylJ7xPnNQCgxYdrXzT2wpjgTFTrmZAyDeBmxCMvAQgsgGbIovCCkoHRX8NhS06-M3VuhooLHMdn9YZi3EpwxVmIO__Z3xlfE6zW5G4/s1600/1.jpg" /></a></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></div>
<div style="text-align: center;">
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "Trebuchet MS",sans-serif;"><span style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial;">The
 Html Code which you copied in the previous step is the same post that 
you created previously in Blogger but this time you will observe strange
 illogical characters so don’t worry it is the same post with same 
images, videos. Now you can use this HTML code in your any posts and 
instead of seeing the big sum of code your visitors will see a link 
>> Show Encrypted text.</span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<hr />
<span style="font-family: "Trebuchet MS",sans-serif;"><span style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial;"><b>Step #3. </b> Now after copying the code get back where we were working previously, <b>Blogger</b> >> <b>Create Post</b>>> Now in the <b>Blogger Post Editor</b>under <b>HTML TAB</b> paste the HTML code which your copied earlier. You can write anything instead of this text >> <b>Show Encrypted text </b>But make sure you do all the changes under <b>HTML TAB</b></span></span><div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "Trebuchet MS",sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn2qc2PbtyuJx7DKfQGiOfgvl8mugKVMx_fDP6XXrsEMIAeVsyW_8XWIYq_VAaX2RCu91VoUbwbq_aa1vNqrSAnjVsOFNcy_45egjxmqX7Jp4yIPjT3aGONcXQOSfvDuNeZbOBvKTgxrw/s1600/1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn2qc2PbtyuJx7DKfQGiOfgvl8mugKVMx_fDP6XXrsEMIAeVsyW_8XWIYq_VAaX2RCu91VoUbwbq_aa1vNqrSAnjVsOFNcy_45egjxmqX7Jp4yIPjT3aGONcXQOSfvDuNeZbOBvKTgxrw/s1600/1.jpg" /></a></span></div>
<hr />
<div style="text-align: center;">
<span style="font-family: "Trebuchet MS",sans-serif;"><span style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial;"><b><br /></b></span></span></div>
<span style="font-family: "Trebuchet MS",sans-serif;">So
 That's how we can  password protect our post in Blogger. This is a new 
feature which we  discovered I hope you will enjoy this newly introduced
 function. Till  then Peace, Blessings, And Happy Protecting</span></div>
</div>
</div>
</div>
</div>
</div>
</div>

Blogger How To Password Protect Your Post With Password in Blogger

Whenever we think about security the first words arrives in our mind is “Password Protection”. We are in 21 st century the era...

4 Ways to Optimize URLs Articles Blog

3:41 AM Bergin A 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-body entry-content" id="post-body-5152700493347656418">
<div itemprop="articleBody">
<div dir="ltr" style="text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzllKF44TjlNKz8JcZMKCANVRsWM6_O2Rt4OHVRaPKtXupR3YgxLipXcPVdHLqPsLMGXGXaldFQmYUYgcgmjUl-FPuqhdb2zFdH2D4fFd8i3Qr0JHsbaHl0trVSlgpYpHmB-2bTw2EyHc/s1600/images.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzllKF44TjlNKz8JcZMKCANVRsWM6_O2Rt4OHVRaPKtXupR3YgxLipXcPVdHLqPsLMGXGXaldFQmYUYgcgmjUl-FPuqhdb2zFdH2D4fFd8i3Qr0JHsbaHl0trVSlgpYpHmB-2bTw2EyHc/s1600/images.jpg" /></a></span></span></div>
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"></span></span><span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"><a href="http://www.blogger.com/null" name="more"></a><br /></span></span><br /><div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b>4 Ways to Optimize URLs Articles Blog</b><span style="font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>- Before you <span class="IL_AD" id="IL_AD5">write</span> a new article, be sure <span class="IL_AD" id="IL_AD1">to check</span> out the URL of the article prior to publishing the article.</span></span></span></div>
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b> </b></span></span><br /><span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b>Method # 1 - Setting Permalink.</b></span></span> <br /><div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmj2xlG45OcPedWCnd292UgZ5CRQ-Cp7_FC-YCr44RJCTVHw3GhyphenhyphenqVOB7bWN2Of7cXk7JRWf4_WNUKQZVTWkBPnsZOEnqyVupCvgsBPgI5qPIFVAzpzt5gcTCIg65obgpjgc23Wu0Arq0/s1600/index.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmj2xlG45OcPedWCnd292UgZ5CRQ-Cp7_FC-YCr44RJCTVHw3GhyphenhyphenqVOB7bWN2Of7cXk7JRWf4_WNUKQZVTWkBPnsZOEnqyVupCvgsBPgI5qPIFVAzpzt5gcTCIg65obgpjgc23Wu0Arq0/s1600/index.jpg" /></a></span></span></div>
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"></span></span><div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"></span></span></div>
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span id="goog_252474492"></span><span id="goog_252474493"></span><br />This is what you need to do before publishing your new articles.<span class="Apple-converted-space"> </span>Permalink <span class="IL_AD" id="IL_AD2">settings</span> to be made like the image above (Blogspot).<span class="Apple-converted-space"> </span></span></span><br /><div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b>Method # 2 - Long URL.</b></span></span></div>
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"> </span></span><br /><div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyHgyh10k4OukjbLpD_kUUee4EovBJdOgd9Tcz4C6QWLRSF8lsdDnQMcnuusQNdX0bFzzoDVWqdNGRc4khbhGUeKQmV_tLAcpHb65jy-htHn7RM6Pk8ft0EmVamibOo3Uma1ZMvaT7JiA/s1600/images.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyHgyh10k4OukjbLpD_kUUee4EovBJdOgd9Tcz4C6QWLRSF8lsdDnQMcnuusQNdX0bFzzoDVWqdNGRc4khbhGUeKQmV_tLAcpHb65jy-htHn7RM6Pk8ft0EmVamibOo3Uma1ZMvaT7JiA/s1600/images.jpg" /></a></span></span></div>
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"></span></span><br /><div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></span></div>
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"></span></span><div class="separator" style="clear: both; text-align: left;">
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;">Shorter URLs tend to give better effect to <span class="IL_AD" id="IL_AD4">the search</span> engines.<span class="Apple-converted-space"> </span>To shorten the URL, with permalink settings as above.<span class="Apple-converted-space"> </span>In the URL section, I suggest not too long.</span></span></div>
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"></span></span><div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b>Method # 3 - Keyword in URL.</b></span></span></div>
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"> </span></span><br /><div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyv7j2uFDeLNmNthHo_f3TFuPc4uu4MGy-8UCVLfUcETGHd-Tdv9dTYCFn7OEBErfa2Y9APr_vZyXdXuwG6C_kSMInDzqz7h1pVhir9iYUUODRmFpml6qdz-j8iv2Ucd4diKOQZLSB6pA/s1600/index.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyv7j2uFDeLNmNthHo_f3TFuPc4uu4MGy-8UCVLfUcETGHd-Tdv9dTYCFn7OEBErfa2Y9APr_vZyXdXuwG6C_kSMInDzqz7h1pVhir9iYUUODRmFpml6qdz-j8iv2Ucd4diKOQZLSB6pA/s1600/index.jpg" /></a></span></span></div>
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"></span></span><div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"></span></span></div>
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"></span></span><div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></span></div>
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;">To optimize the URL, the URL appended to the article advised to target keywords.<span class="Apple-converted-space"> </span>And this is also recommended by many bloggers predecessors.</span><span style="font-family: "Trebuchet MS",sans-serif;"><b> </b></span></span><br /><br /><span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b>Method # 4 - The word separator in URLs.</b></span><span style="font-family: "Trebuchet MS",sans-serif;"></span></span><br /><div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfxI3ock-fxGrbQjgsYK_InYQvpmviAkn7TWBsKPIBEkfU9g9bm9-JD-R6QTUNHMIPyIA_TpkV6S3MlPIy9TVjSMUTTaY9M6hNpGYtaBQaCgyaRJze0dIQ6UkS8GRePm-3UAY3kbMhyphenhyphenJI/s1600/index.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfxI3ock-fxGrbQjgsYK_InYQvpmviAkn7TWBsKPIBEkfU9g9bm9-JD-R6QTUNHMIPyIA_TpkV6S3MlPIy9TVjSMUTTaY9M6hNpGYtaBQaCgyaRJze0dIQ6UkS8GRePm-3UAY3kbMhyphenhyphenJI/s1600/index.jpg" /></a></span></span></div>
<span style="font-size: x-small;"><span style="font-family: "Trebuchet MS",sans-serif;"><br />Hyphen (-) separator is the best word in the URL.<span class="Apple-converted-space"> </span>If <span class="IL_AD" id="IL_AD3">my friend</span> to dividing the word using the 'space' it will look strange word in the url buddy, besides Hyphen sign could also use a dot.<span class="Apple-converted-space"> </span>Maybe my friend all have other ideas.Please share via comments below.</span></span></div>
</div>
</div>
</div>

Blogger 4 Ways to Optimize URLs Articles Blog

4 Ways to Optimize URLs Articles Blog - Before you write a new article, be sure to check out the URL of the article prior to publi...

How To Setup A Drop Cap Wrapped Large First Letter In Blogger posts

3:35 AM Bergin A 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<span style="font-family: inherit;"><img alt="" border="0" class="aligncenter" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj40y6adrhouKuSx1QyPEn8rLgTjmr6YkCEDZb3Krdaz6rCWKqwetmBxmZwvtMH_LBQBa-lFKvxHxhguIGG7aPUQv6lO34YiZdDaLK4doxSyjUhCIkN8nXmctLm-p5iHDfzyQUe_koi_3Io/s400/how+to+setup+a+drop+cap+wrapped+large+first+letter+in+blogger+posts.jpg" style="border: 0px none;" width="400" /></span></div>
<span style="font-family: inherit;">The
  Large first letter in article is very common in magazine and news  
papers. It will be good idea to setup a drop cap wrapped large first  
letter in your blogs, especially for news based blogs. I found a lot of 
 open source codes for changing entire article to Drop cap mode but none
  of them worked perfectly. Here I am</span> <span style="font-family: inherit;"><a href="https://www.blogger.com/null" name="more"></a>posting a code which is not fully automatic. Even though it is like that, it works perfectly.</span><br />
<span style="font-family: inherit;"><br /></span>
<h3>
<span style="font-family: inherit;">Follow These Steps</span></h3>
<div>
<ul>
<li><span style="font-family: inherit;">Go to Blogger Edit HTML</span></li>
<li><span style="font-family: inherit;">Search for ]] ></span></li>
<li><span style="font-family: inherit;">Just paste the given code just above/below of ]]></span></li>
</ul>
<blockquote>
<span style="font-family: inherit;">.post large { float:left; color: $headerBgColor; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }</span></blockquote>
</div>
<div>
<ul>
<li><span style="font-family: inherit;">Now The half of the job is done, when you need a large letter you can write like below</span></li>
</ul>
<span style="font-family: inherit;">letter</span></div>
<div>
<ul>
<li><span style="font-family: inherit;">Just for example, the first sentence of this blog post can write as</span></li>
</ul>
<span style="font-family: inherit;">The Large first letter in article is very common in magazine and news papers</span></div>
<span style="font-family: inherit;"></span><br />
<h3>
<span style="font-family: inherit;">Customization</span></h3>
<div>
<ul>
<li><span style="font-family: inherit;">Size of the “large letter” can be customized too</span></li>
<li><span style="font-family: inherit;">You can change the “font;size” and “line-height” for altering size.</span></li>
<li><span style="font-family: inherit;">Important: <b>You should keep the ratio between “font;size” and “line-height” constant for a good look</b></span></li>
</ul>
</div>
</div>

Blogger How To Setup A Drop Cap Wrapped Large First Letter In Blogger posts

The Large first letter in article is very common in magazine and news papers. It will be good idea to setup a drop cap wrapped large ...

How To Setup Custom Control Panel For Blogger?

3:32 AM Bergin A 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: inherit;">As you know Blogger.com is one of 
the best blogging platform  available for free of cost. There are lot of
 Blogger.com tweaks and  hacks are available online. Here I got some 
fresh and Interesting  Blogger hack. The default Dashboard of Blogger is
 not bad, but it seems  nice to change it. In this post I am gonna 
explain “How to setup custom  Control panel(Dashboard) for Blogger.</span><br />
<h2>
<span style="font-family: inherit;">Custom Control Panel For Blogger</span></h2>
<span style="font-family: inherit;">This
  control panel only change some alignment of Blogger links and looks  
good too. We can’t add any extra features which Blogger doesn’t provide.
  As  an Introduction the options available in this control panel are  
featured below.</span><br /><ul>
<li><span style="font-family: inherit;">Blogger’s Homepage link</span></li>
<li><span style="font-family: inherit;">Create new Post or Page</span></li>
<li><span style="font-family: inherit;">All Posts</span></li>
<li><span style="font-family: inherit;">Comments</span></li>
<li><span style="font-family: inherit;">Edit Layout option</span></li>
<li><span style="font-family: inherit;">HTML and Template edit option.</span></li>
<li><span style="font-family: inherit;">Blog settings</span></li>
<li><span style="font-family: inherit;">Stat Viewer</span></li>
<li><span style="font-family: inherit;">Logout</span></li>
</ul>
<span style="font-family: inherit;">After customizing your Control panel, it can be seen on the top of your browser as a horizontal navigation menu.</span><br /><h2>
<span style="font-family: inherit;">How To Setup</span></h2>
<span style="font-family: inherit;"><strong>1.Getting your blog ID</strong> is the first step to do our job. Go to your default control panel, there you can see your blog ID in your url box.</span><br /><div style="text-align: center;">
<span style="font-family: inherit;"><a href="http://techeblogger.com/wp-content/uploads/2014/02/How-To-Setup-Custom-Control-Panel-For-Blogger-1.png"><img alt="How To Setup Custom Control Panel For Blogger 1" class="size-medium wp-image-307 aligncenter" height="57" src="http://techeblogger.com/wp-content/uploads/2014/02/How-To-Setup-Custom-Control-Panel-For-Blogger-1-300x38.png" width="450" /></a></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">Copy and save the Blog ID</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><strong>2.</strong>Go to <strong>Template -> Edit HTML</strong></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><strong>3.</strong>Find given code in your template</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="font-family: inherit;">template</span></span><blockquote>
<div style="text-align: left;">
<span style="font-family: inherit;"><body expr:class=’&quot;loading&quot; + data:blog.mobileClass’></span></div>
</blockquote>
<div style="text-align: left;">
<span style="font-family: inherit;">If the code is not there then try</span></div>
<blockquote>
<div style="text-align: left;">
<span style="font-family: inherit;"><body></span></div>
</blockquote>
<div style="text-align: left;">
<span style="font-family: inherit;"><strong>4.</strong>Just below the tag paste the given code</span></div>
<blockquote>
<div style="text-align: left;">
<span style="font-family: inherit;"><span class=’item-control blog-admin’><br /> <style><br /> .control-panel ul{z-index: 20; position: absolute; margin: 0px auto; background-color: #F6F6F6; width: 100%; }<br /> .control-panel ul li{display: inline-block; float: left; padding: 7px 0px;}<br /> .control-panel ul li a {color:#686868;padding: 7px 15px;border-right: 1px solid #E3E3E3;font-weight: bold;font-size: 13px;}<br /> .control-panel a:hover {text-decoration:none; color:#FC8F44;}<br /> </style><br /> <div class=’control-panel’><br /> <ul><br /> <li><a href=’http://www.blogger.com/home’>My Blogs</a></li><br />
 <li><a  
href=’http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#editor/src=sidebar’>New
  Post</a></li><br /> <li><a  
href=’http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#editor/target=page’>New
  Page</a></li><br /> <li><a href=’http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#posts’>All Posts</a></li><br /> <li><a href=’http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#comments’>Comments</a></li><br /> <li><a href=’http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#pageelements’>Layout</a></li><br /> <li><a href=’http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#templatehtml’>Edit HTML</a></li><br /> <li><a href=’#’ onclick=’location.reload(true); return false;’>Refresh</a></li><br /> <li><a href=’/’ target=’_blank’>New Tab</a></li><br /> <li><a href=’http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#basicsettings’>Settings</a></li><br /> <li><a href=’http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#overviewstats’>Stats</a></li><br /> <li><a href=’http://www.blogger.com/logout.g’>Logout</a></li><br /> </ul><br /> </div><br /> </span></span></div>
</blockquote>
<div style="text-align: left;">
<span style="font-family: inherit;"><strong>6.</strong> Replace the XXXXXXXXXXXXX with your blog ID</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><strong>7.</strong>Save Template</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">Check
  your blog, you can see a control panel above your blog just like  
WordPress. Enjoy all features of Blogger without exiting your blog home 
 page.</span></div>
<span style="font-family: inherit;"> </span></div>
</div>