GuruHowTodo

How to Install WhatsApp on PC with BlueStacks

<h2>
<b>WhatsApp?</b></h2>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<b><br />
</b></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXJ9sZIX5nTUdhxRetO3W2TtRxa53jkUDzP3w0V0MasQPbgu4YzCgCb56OeiHhFj1r7hoLlcy_7w52dCSAh2-vpemi3cA5uk4K5cmvb2z_vj0oHgcDqC90EXAs_S4qJs9DxckeGRgRAtU/s1600/WhatsAppPCImage.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="401" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXJ9sZIX5nTUdhxRetO3W2TtRxa53jkUDzP3w0V0MasQPbgu4YzCgCb56OeiHhFj1r7hoLlcy_7w52dCSAh2-vpemi3cA5uk4K5cmvb2z_vj0oHgcDqC90EXAs_S4qJs9DxckeGRgRAtU/s1600/WhatsAppPCImage.png" width="640" /></a></div>
<br />
<br />
WhatsApp is one of the best and powerful messenger app used to connect with our friends, family which is used in all over the world. Because of its unique features it became No.1 messenger application today and recently bought by social giant Facebook for $19 Million. It's cross platform application uses the Internet to send text, Photos,  Sharing location, Contact, Audio messages and Videos Messages to exchange between users or group without having to pay for classic SMS(Short Messaging Service).<br />
<br />
The messenger is available for Android, iOS, Blackberry, Symbion and Windows mobile OS's and now PC's users also can enjoy and play with Whatsapp using BlueStacks.<br />
<br />
<h2>
<b>What is BlueStacks?</b> </h2>
<br />
BlueStacks  is an emulator for allowing to run android apps in PC or Mac.<br />
<br />
<h2>
<b>Key Features:</b></h2>
<br />
Supports multiple languages<br />
It has all the features of the Android<br />
Fully customizable<br />
Multiple OS support<br />
Google play integration<br />
Ability to Sync data<br />
Ability to backup the applications stored on the phone on the computer<br />
New GUI interface<br />
Supports most of the Android Applications<br />
Pre-Installed games and Apps<br />
<br />
<h2>
<b>Download Locations:</b></h2>
<br />
<a href="http://www.bluestacks.com/download.html">http://www.bluestacks.com/download.html</a><br />
<br />
Android  - <a href="https://play.google.com/store/apps/details?id=com.whatsapp&hl=en">https://play.google.com/store/apps/details?id=com.whatsapp&hl=en</a><br />
<br />
iOS        -  <a href="https://itunes.apple.com/in/app/whatsapp-messenger/id310633997?mt=8">https://itunes.apple.com/in/app/whatsapp-messenger/id310633997?mt=8</a><br />
<div>
<br /></div>
<br />
<h2>
<b>How to Install</b>?</h2>
<br />
1. Download ThinInstaller from bluestacks download page<br />
2. Now install it on your PC or Laptop (using offline installer or online installer)<br />
3. After successful installation, the application windows opens<br />
4. Configure your gmail id for Google play store integration<br />
5. If No, click New and create new gmail id for further access and for integration<br />
6. It may take few minutes to complete the account registering process.<br />
7. That's it.<br />
8. Now its time to install WhatsApp on PC.<br />
<br />
<h3>
<b>    Method I</b></h3>
<br />
<ul>
<li>Go to play store from and search Whatsapp.</li>
<li>Select Whatsapp from the list and install it.</li>
</ul>
<br />
<br />
<h3>
<b>   Method II</b></h3>
<br />
<ul>
<li>Download the Whatsapp.apk file and save into in your local windows Documents folder.</li>
<li>Goto File Explorer in BlueStacks and scroll down to  find windows folder and open the saved Whatsapp.apk file</li>
</ul>
<br />
<br />
9. You'll see apps installed in your BlueStacks, From the list find WhatsApp and launch<br />
11. Now, its time to register your mobile number, enter your mobile and verify thru SMS or Click Call me.<br />
12. Enter the 6 digit verification code which you got in your mobile or call from WhatsApp<br />
13. Soon after Mobile number verification, you are directed to profile page.<br />
14. That's it. Now we're successfully installed WhatsApp on PC with BlueStacks emulator.<br />
<br />
Hope you are able to follow the step by step information to install WhatsApp on your PC or Laptop. For ease the steps I had attached the video tutorial, Please benefit watch the video and share your feedback here and on my youtube channel too.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/vRp2E3Il92Q" width="560"></iframe><br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h2 style="background-color: white; color: #f26300; font-family: 'Open Sans', serif, sans-serif; font-size: 30px; font-stretch: normal; font-weight: normal; margin: 0px;">
Sharing is caring, Caring is love :-)</h2>
<div>
<br /></div>
<div>
<span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;">If you find this post is useful and informative then please dont forget to share this with your friends and family on social network.</span></div>
<div>
<span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"><br />
</span></div>
<div>
<b style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 21.6000003814697px;"><span style="background-color: yellow;">SOURCE: <a href="http://www.blogmaniacs.com/how-to-install-whatsapp-using-bluestacks-on-pc/" target="_blank">BlogManiacs.com</a></span></b></div>

How to Install WhatsApp on PC with BlueStacks

WhatsApp? WhatsApp is one of the best and powerful messenger app used to connect with our friends, family which is used in all ...

Essential List Of Windows Keyboard Shortcuts

<br />
When you are a beginner on any Application or operating systems its very difficult to find out the shortcut keys and memorize all those while working with it. But it could be really time saving if you apply shortcut keys while you working on your tasks. Here is the compiled list of essential list of windows keyboard shortcuts.<br />
   <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiRInRK72qu0GL8tp-RHZdLhQITkGxqGFSrlhcJt2RqTWFSnha_bTzWomAwOjTK7m-mXH7QFKXiYztnq8Dq60J-U-nCMpmgIaGG7m6nBv8oZ7P1t2-uZtNAbbttwGZspPW4AkNdgfo9z4/s1600/Essential+List+Of+Windows+Keyboard+Shortcuts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiRInRK72qu0GL8tp-RHZdLhQITkGxqGFSrlhcJt2RqTWFSnha_bTzWomAwOjTK7m-mXH7QFKXiYztnq8Dq60J-U-nCMpmgIaGG7m6nBv8oZ7P1t2-uZtNAbbttwGZspPW4AkNdgfo9z4/s1600/Essential+List+Of+Windows+Keyboard+Shortcuts.png" width="400" /></a></div>
<br />
<br />
<br />
<br />
Are you a keyboard-shortcut lover! :-) Here is the complete list for you.<br />
<br />
<h2>
 Windows function Keys</h2>
<div>
<br /></div>
<span class="kbd">F1</span> = Open help windows for current opened application. Ex. If you're working microsoft word application, this will open the help for word. <br />
<span class="kbd">F2</span> = Rename feature is enabled for currently selected item (File , Folder)<br />
<span class="kbd">F3</span> =  Open search and find all files<br />
<span class="kbd">F4</span> = Focus the address bar list in exploer or my computer<br />
<span class="kbd">F5</span> =  Basically its refresh the screen on windows.<br />
      If you're in desktop or any of the browser window, it will refresh the screen<br />
<span class="kbd">F6</span> =  Moves among windows panel elements in explorer.<br />
<span class="kbd">F8</span> =  This will open the safe mode while booting the system<br />
<span class="kbd">F10</span> = Activates file menu bar options.<br />
<br />
<h2>
Windows keyboard key shortcuts:</h2>
<div>
<br /></div>
<span class="kbd">Winkey</span> + <span class="kbd">Home</span> = Minimize all windows except current window<br />
<span class="kbd">Winkey</span> = Show or hides the windows start menu<br />
<span class="kbd">Winkey</span> + <span class="kbd">F1</span> =  open the windows help<br />
<span class="kbd">Winkey</span> + <span class="kbd">Break</span> or <span class="kbd">Pause key</span> = Open the system properties window<br />
<span class="kbd">Winkey</span> + <span class="kbd">D</span> =  Display the windows desktop<br />
<span class="kbd">Winkey</span> + <span class="kbd">E</span> = Open my computer<br />
<span class="kbd">Winkey</span> + <span class="kbd">M</span> = Minimize all windows<br />
<span class="kbd">Winkey</span> + <span class="kbd">shift</span> + <span class="kbd">M</span> = Restore all the minimized windows or undo the minimize<br />
<span class="kbd">Winkey</span> + <span class="kbd">Left Arrow</span> = Shrinks the window to half screen on left side<br />
<span class="kbd">Winkey</span> + <span class="kbd">Up Arrow</span> = When in side by side this will take back to full size<br />
<span class="kbd">Winkey</span> + <span class="kbd">Right Arrow</span> = Shrinks the window to half screen on right side<br />
<span class="kbd">Winkey</span> + <span class="kbd">Up Arrow</span> = When in side by side this will take back to a minimize mode.<br />
<span class="kbd">Winkey</span> + <span class="kbd">F</span> = Search for file or folder<br />
<span class="kbd">Winkey</span> + <span class="kbd">Ctrl</span> + <span class="kbd">F</span> = open find computer dialog<br />
<span class="kbd">Winkey</span> + <span class="kbd">L</span> = Lock the computer<br />
<span class="kbd">Winkey</span> + <span class="kbd">U</span> = Opens the Ease of Access Center or Utility manager<br />
<span class="kbd">Winkey</span> + <span class="kbd">T</span> = Set the focus on Taskbar icons, moving the arrows you can open the highlighted application/programs<br />
<span class="kbd">Winkey</span> + <span class="kbd">R</span> = Open the run window<br />
<span class="kbd">Winkey</span> + <span class="kbd">Enter</span> = Open windows Narrator window.<br />
<span class="kbd">Winkey</span> + <span class="kbd">X</span> = Open the power user menu in windows 8<br />
<br />
<h2>
General Shortcuts:</h2>
<div>
<br /></div>
<span class="kbd">Ctrl</span> + <span class="kbd">C</span> = Copy items<br />
<span class="kbd">Ctrl</span> + <span class="kbd">X</span> = Cut the selected item<br />
<span class="kbd">Ctrl</span> + <span class="kbd">V</span> = Paste the selected item<br />
<span class="kbd">Ctrl</span> + <span class="kbd">Z</span> = Undo an action<br />
<span class="kbd">Ctrl</span> + <span class="kbd">Y</span> = Redo an action<br />
<span class="kbd">Ctrl</span> + <span class="kbd">Shift</span> + <span class="kbd">N</span> = New foler creation<br />
<span class="kbd">Ctrl</span> + <span class="kbd">Alt</span> + <span class="kbd">Delete</span><br />
<span class="kbd">Delete</span> = Delete the selected file and moved it to Recycle Bin<br />
<span class="kbd">Alt</span> + <span class="kbd">Enter</span> = show the properties of the selected item<br />
<span class="kbd">Shift</span> + <span class="kbd">Delete</span> =Delete the selected file permanently<br />
<span class="kbd">Shift</span> + <span class="kbd">F10</span> = Display the context menu for the selected item <br />
<span class="kbd">Backspace</span> =  Switch back to parent folder ( one level up)<br />
<span class="kbd">Ctrl</span> + <span class="kbd">A</span> = Select All<br />
<span class="kbd">Alt</span> + <span class="kbd">Tab</span> = Switch between the opened windows<br />
<span class="kbd">Alt</span> + <span class="kbd">Esc</span> = Cycle through the items in order that they had been opened.<br />
<span class="kbd">Alt</span> + <span class="kbd">F4</span> =  Closes the active windows, if you're in desktop, this will show shutdown windows dialog window.<br />
<span class="kbd">Ctrl</span> + <span class="kbd">Esc</span> = Open start menu<br />
<span class="kbd">Winkey</span> +<span class="kbd"> Plus Sign </span> = Zoon in<br />
<span class="kbd">Winkey</span> + <span class="kbd">Minus Sign</span> = Zoom out <br />
<span class="kbd">Winkey</span> + <span class="kbd">P</span> = Open the projector menu options<br />
<span class="kbd">Winkey</span> + <span class="kbd">Shift</span> + <span class="kbd">Esc</span> = Open windows Task manger<br />
If you're using any special keyboard shortcuts or something is missed out in above list please feel free to comment below.<br />
<br />
<br />
<h2>
Sharing is caring, Caring is love :-)</h2>
<div>
</div>
<br />
<br />
<div>
<h2>
Conclusion</h2>
</div>
<div>
<br /></div>
<div>
Here is the complete list of keyboard shortcut keys in windows platform, If you find this post is useful and informative then please dont forget to share this with your friends and family on social network.</div>
<div>
<br /></div>
<div>
<b style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 21.6000003814697px;"><span style="background-color: yellow;"><span style="color: #333333;">SOURCE: </span><a href="http://www.blogmaniacs.com/essential-list-of-windows-keyboard-shortcuts/" target="_blank">BlogManiacs.com</a><span style="color: #333333;"><span id="goog_1358444262"></span><span id="goog_1358444263"></span><a href="https://www.blogger.com/"></a></span></span><span style="color: #333333;"> </span></b></div>

Essential List Of Windows Keyboard Shortcuts

When you are a beginner on any Application or operating systems its very difficult to find out the shortcut keys and memorize all those whi...

Adobe Photoshop CS6 Shortcut Keys

<br />
Shortcuts can really time saver. While editing in adobe photoshop you may use different photoshop features. Photoshop incorporates 800+ keyboard shortcut keys for its majority of its functions. So definitely it optimize and speed up the work process, once you familiar with keyboard shortcuts. In-fact, I personally find myself frustrated with adobe photoshop until I master all the shortcut keys with it, After knowing most of the shortcut keys it greatly increased my speed of working.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjysJrRY7PKLKkbI1QEtTRkLZc5T-VpNw6FvFEqxsYOnc3Kxog2dWqjIp-Yr4gvqwti8S5amvOZUQ2m_gGM1NjDRijJX74s5YZsMkHGPQbDqRmXW7cGwcYOWjWsdbNEu9K-vfpK8jCyFQA/s1600/psShortcutKeys.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjysJrRY7PKLKkbI1QEtTRkLZc5T-VpNw6FvFEqxsYOnc3Kxog2dWqjIp-Yr4gvqwti8S5amvOZUQ2m_gGM1NjDRijJX74s5YZsMkHGPQbDqRmXW7cGwcYOWjWsdbNEu9K-vfpK8jCyFQA/s1600/psShortcutKeys.png" width="400" /></a></div>
<br />
<h2>
<span style="font-weight: normal;">Function keys</span></h2>
<ol>
<li><span class="kbd">F2</span> = Cut </li>
<li><span class="kbd">F3</span> = Copy </li>
<li><span class="kbd">F4</span> = Paste </li>
<li><span class="kbd">F5</span> = Show/Hide Brush panel </li>
<li><span class="kbd">F6</span> = Show/Hide Color panel </li>
<li><span class="kbd">F7</span> = Show/Hide Layers panel </li>
<li><span class="kbd">F8</span> = Show/Hide Info panel </li>
<li><span class="kbd">F12</span> = Revert </li>
<li><span class="kbd">Shift+F5</span> = Fill </li>
<li><span class="kbd">Shift+F6</span> = Feather Selection </li>
<li><span class="kbd">Shift+F7</span> = Inverse Selection</li>
</ol>
<h2>
<span style="font-weight: normal;">
Select tools</span></h2>
<ol>
<li><span class="kbd">V</span>  = Move tool</li>
<li><span class="kbd">H</span>  = Hand tool</li>
<li><span class="kbd">R</span>  = Rotate View tool</li>
<li><span class="kbd">Z</span>  = Zoom tool</li>
<li><span class="kbd">C</span> (<span class="kbd">Shift</span>+<span class="kbd">C</span>) = Crop tool, slide tool, slide select tool</li>
<li><span class="kbd">S</span> (<span class="kbd">Shift</span>+<span class="kbd">S</span>) = Clone Stamp tool, Pattern Stamp tool</li>
<li><span class="kbd">Y</span> (<span class="kbd">Shift</span>+<span class="kbd">Y</span>) = History Brush tool, Art History Brush tool</li>
<li><span class="kbd">E</span> (<span class="kbd">Shift</span>+<span class="kbd">E</span>) = Eraser tool, Background Eraser tool, Magic Eraser tool</li>
<li><span class="kbd">M</span> (<span class="kbd">Shift</span>+<span class="kbd">M</span>) = Rectangular or Elliptical Marquee tool</li>
<li><span class="kbd">L</span> (<span class="kbd">Shift</span>+<span class="kbd">L</span>) = Lasso tool or Polygona/ Magnetic Lasso tool</li>
<li><span class="kbd">W</span> (<span class="kbd">Shift</span>+<span class="kbd">W</span>) = Magic Wand tool, Quick Selection tool</li>
<li><span class="kbd">S</span> (<span class="kbd">Shift</span>+<span class="kbd">S</span>) = Clone Stamp tool, Pattern Stamp tool</li>
<li><span class="kbd">G</span> (<span class="kbd">Shift</span>+<span class="kbd">G</span>) = Gradient tool, Paint Bucket tool </li>
<li><span class="kbd">P</span> (<span class="kbd">Shift</span>+<span class="kbd">P</span>) = Pen tool, Freeform Pen tool</li>
<li><span class="kbd">T</span> (<span class="kbd">Shift</span>+<span class="kbd">T</span>) = Horizontal, vertical Type tool or Type mask tool</li>
<li><span class="kbd">A</span> (<span class="kbd">Shift</span>+<span class="kbd">A</span>) = Path Selection tool, Direct Selection tool</li>
<li><span class="kbd">U</span> (<span class="kbd">Shift</span>+<span class="kbd">U</span>) = Rectangle tool, Rounded Rectangle tool, Ellipse tool, Polygon tool, Line tool, Custom Shape tool</li>
<li><span class="kbd">I</span> (<span class="kbd">Shift</span>+<span class="kbd">I</span>) = Eyedropper tool, Color Sampler tool, Note Tool, Count Tool</li>
<li><span class="kbd">K</span> (<span class="kbd">Shift</span>+<span class="kbd">K</span>) = 3D Object Rotate, Roll, Pan, Slide, Scale tool</li>
<li><span class="kbd">J</span> (<span class="kbd">Shift</span>+<span class="kbd">J</span>) = Spot Healing Brush tool, Healing Brush tool, Patch tool, Red Eye tool</li>
<li><span class="kbd">B</span> (<span class="kbd">Shift</span>+<span class="kbd">B</span>) = Brush tool, Pencil tool, Color Replacement tool, Mixer Brush tool</li>
<li><span class="kbd">N</span> (<span class="kbd">Shift</span>+<span class="kbd">V</span>) = 3D Camera Rotate, Roll,Pan, Walk, Zoom tool</li>
</ol>
<h2>
<span style="font-weight: normal;">
Refine Edge</span> </h2>
<ol>
<li><span class="kbd">X</span> = Toggle between original image and selection preview</li>
<li><span class="kbd">P</span> = Toggle between original selection and refined version</li>
<li><span class="kbd">J</span> = Toggle radius preview on and off</li>
<li><span class="kbd">E</span> = Toggle between Refine Radius and Erase Refinements tools</li>
</ol>
<h2>
<span style="font-weight: normal;">
Camera Raw Dialog Box</span> </h2>
<ol>
<li><span class="kbd">Z</span> = Zoom tool </li>
<li><span class="kbd">H</span> = Hand tool </li>
<li><span class="kbd">I</span> = White Balance tool</li>
<li><span class="kbd">S</span> = Color Sampler tool </li>
<li><span class="kbd">A</span> = Straighten tool</li>
<li><span class="kbd">B</span> = Spot Removal tool</li>
<li><span class="kbd">E</span> = Red Eye Removal tool</li>
<li><span class="kbd">G</span> = Graduated Filter tool</li>
<li><span class="kbd">]</span>/<span class="kbd">[</span> = Increase/decrease brush size</li>
</ol>
<h2>
<span style="font-weight: normal;">
Extract Only</span></h2>
<ol>
<li><span class="kbd">B</span>  = Edge Highlighter tool</li>
<li><span class="kbd">G</span>  = Fill tool</li>
<li><span class="kbd">I</span>  = Eyedropper tool</li>
<li><span class="kbd">C</span>  = Cleanup tool</li>
<li><span class="kbd">T</span>  = Edge Touchup tool</li>
</ol>
<div>
<br /></div>
<h2>
<span style="font-weight: normal;">Conclusion</span></h2>
<div>
<br /></div>
<div>
<br /></div>
<div>
So, this was the compiled and mostly used and must to known keyboard shortcut for Photoshop lovers. If you have any type of queries regarding this tutorial please feel free to let us know.We will try our best to resolve them. If you like this tutorial and find it useful ,then please don’t forget to share this with your friends and social media too.</div>
<div>
<br /></div>
<div>
<br />
<b style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 21.6000003814697px;"><span style="background-color: yellow;">SOURCE: <a href="http://www.blogmaniacs.com/essential-list-of-adobe-photoshop-cs6-keyboard-shortcut-keys/" style="color: #999999; text-decoration: none;" target="_blank">BlogManiacs.com</a></span></b></div>

Adobe Photoshop CS6 Shortcut Keys

Shortcuts can really time saver. While editing in adobe photoshop you may use different photoshop features. Photoshop incorporates 800+ key...

Adding Vertical Floating Sharing Bar To Blogger

<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_pAiav0c8WfBZTwavd6In3URkkBSFZwcGATJ7dZPynedOvIYZr19G6OdGFb3XjDNhCt-wH7n4d-9ZabLtcekN4pH46RgYbkBQ4E5dflYikPIgkF2CzX8IZ1ZVC71ZyawDAXlSzxZNsNs/s1600/verticalSocial.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_pAiav0c8WfBZTwavd6In3URkkBSFZwcGATJ7dZPynedOvIYZr19G6OdGFb3XjDNhCt-wH7n4d-9ZabLtcekN4pH46RgYbkBQ4E5dflYikPIgkF2CzX8IZ1ZVC71ZyawDAXlSzxZNsNs/s1600/verticalSocial.png" width="320" /></a></div>
<br />
<br />
We might have seen many popular blogs/websites with a vertical floating sharing widget where Facebook like/Share, Google+, Twitter, Pin it.Now days, social sharing is very important for blogs traffic and popularity. Facebook, Google+, Twitter,Pinterest,Linkedin have many users and its a great opportunity for site owners and bloggers to gain traffic from social networks while sharing the content. So as a blogger/publisher,you should provide a sharing options for your users to share your content.<br />
<br />
<br />
<div style="text-align: center;">
<h2>
<a href="http://guruhowto007.blogspot.in/2015/03/lorum-ipsum.html" target="_blank">DEMO</a></h2>
</div>
<br />
<h2>
How to add Vertical Floating sharing bar to Blogger?</h2>
<div>
<br /></div>
1. Go to Blogger Dashboard > Template > Download a copy of your current template for backup purpose.<br />
2. Click on Edit HTML<br />
3. Click CTRL + F and search the code  <b:includable id='post' var='post'><br />
4. Copy paste the given below code just after<br />
<b:includable id='post' var='post'><br />
<b:includable id="post" var="post"></b:includable><br />
<h2>
Code:</h2>
<pre class="css" name="code"><b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:blog.pageType != "static_page"'>
<style>
.g_social_floating {
    position: fixed;
    bottom: 10%;
    margin-left: -94px;
    padding: 5px 0 0px 0px;
    float: left;
    width: 70px;
    background-color: #f7f7f7;
    z-index: 9999px !important;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    -moz-border-radius: 5px;
    border-bottom: 1px solid #ddd;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.g_social_floating .g_side_social_button {
    width: 60px;
    float: none;
    margin-bottom: 5px;
    height: auto;
}
.g_social_floating .stButton_gradient {
    background: none !important;
    height: 21px !important;
    padding-left: 0 !important;
}
.g_social_floating .st_fblike_vcount {
    margin-left: 5px;
}
.g_social_floating .st_twitter_vcount, .g_social_floating.st_plusone_vcount, .st_email {
    margin-left: 5px;
}
.g_social_floating .chicklets, .g_social_floating .stMainServices {
    background: url(&#39;
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgfeIQIbqHW7U4lFxJ7Lo0SBoLPRFIbsSGFh64xnbfgFA4B4JfrgXv8DNCqbqfIkbSrbSoSAmTCccyi0XDz_5yY9i1Xdtejv55oIPS3SF2ALzMhZqjIxBHL8xDhrOvmQ1_mVK2NjW8jGA/s1600/gc_social_sprite.png'
    ) no-repeat !important;
    width: 45px !important;
    padding: 0 !important;
    height: 19px !important;
}
.st_email .chicklets {
    background-position: 0 -77px !important;
    background-image: url(&#39;
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgfeIQIbqHW7U4lFxJ7Lo0SBoLPRFIbsSGFh64xnbfgFA4B4JfrgXv8DNCqbqfIkbSrbSoSAmTCccyi0XDz_5yY9i1Xdtejv55oIPS3SF2ALzMhZqjIxBHL8xDhrOvmQ1_mVK2NjW8jGA/s1600/gc_social_sprite.png'
    ) !important;
}
.g_social_floating .st_twitter_vcount .st-twitter-counter {
    
}
.g_social_floating  .stButton_gradient {
    border: none !important;
}
.g_social_floating .stBubble_count {
    width: 44px !important;
    font-size: 15px !important;
    font-weight: normal !important;
    padding-top: 7px !important;
    height: 23px !important;
    background: none !important;
}

.st_fblike_vcount {
    margin-bottom: 0px;
    display: block;
}
.st_twitter_vcount {
    margin-bottom: 3px;
    display: block;
}
.st_email {
    margin-bottom: 5px;
    margin-top: 3px;
    display: block;
}
.g_social_floating .st_twitter_vcount .stBubble_count {
    color: #00a6df;
    background-color: #f8fbfc !important;
}
.g_social_floating .stBubble {
    background-position: 21px 31px !important;
    height: 35px !important;
}
</style>
<div class='g_social_floating'>
 <script type='text/javascript'>var switchTo5x=true;</script>
 <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
    <script type='text/javascript'>stLight.options({onhover:false});</script>
 <span class='st_fblike_vcount' displaytext=''/>
 <span class='st_twitter_vcount' displaytext='' st_via='GURUHOWTODO'/>
 <div style='margin:5px 0 0px 0;'>
  <center><a class='pin-it-button' count-layout='vertical' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a>
  <a href='javascript:void(run_pinmarklet())' style='margin-left:-46px; width:43px; height:20px; display:inline-block;'/>
  <script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement(&#39;script&#39;);
e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);
e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);
document.body.appendChild(e);
}
  </script>
  </center>
 </div>
 <div style='margin:0px 0 0 5px;'>
  <span class='st_plusone_vcount' displaytext=''/>
 </div>
 <div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'>
  <a class='addthis_counter'/>
 </div>
 <script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<script type='text/javascript'>
var addthis_config = {
     ui_cobrand: &quot;GURU HOWTODO&quot;,
ui_header_color: &quot;#ffffff&quot;,
     ui_header_background: &quot;#CF152A&quot;
}
 </script>
 <span class='st_email' displaytext=''/>
 <p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'>
  <a href='http://guruhowtodo.blogspot.in/2015/04/adding-vertical-floating-sharing-bar-to.html' style='color:#CAC8C8;'>Widgets</a>
 </p>
</div>
</b:if></b:if>
<span style="font-family: Times New Roman;"><span style="white-space: normal;">
</span></span></pre>
<br />
5. Click CTRL + F and search <b>"GURUHOWTODO"</b> and replace with your twitter username. 6. Finally save all your changes and you're done.<br />
<br />
<br />
<h2>
<span style="color: #38761d;"> Conclusion</span></h2>
<br />
So, this was all about adding Vertical Floating sharing bar to Blogger . If you have any type of queries regarding this tutorial please feel free to let us know, We will try our best to resolve them. If you like this tutorial and find this useful and meaningful then please don’t forget to share this with your friends and social media too.

Adding Vertical Floating Sharing Bar To Blogger

We might have seen many popular blogs/websites with a vertical floating sharing widget where Facebook like/Share, Google+, Twitter, Pin...

How to customize Blogger Labels with CSS3?

<br />
In Blogger Labels are like keywords, its used to categorize the articles by assigning labels to it. By default blogger labels are not great attractive by look and design, for this reason we must customize the labels widget thorough CSS tricks and make more attractive customized cloud label for your blogs or website to give rich UI experience. After customization the Label,It will look like below.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaCepFp6z0r-SiRIR_qPGGx35yqVXEAocQ7umIoaFM7HWfLbQPNgktwpolW8gCMCOEOrjEQ12wqzxIKH5JZOBB-Bo3AQG00E3ns2_4-0e0Ga6ISOExsQ4kIA7e9Kb3bVXIftF_j3PmK_U/s1600/Labels.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaCepFp6z0r-SiRIR_qPGGx35yqVXEAocQ7umIoaFM7HWfLbQPNgktwpolW8gCMCOEOrjEQ12wqzxIKH5JZOBB-Bo3AQG00E3ns2_4-0e0Ga6ISOExsQ4kIA7e9Kb3bVXIftF_j3PmK_U/s1600/Labels.png" width="400" /></a></div>
<br />
<br />
<h2 style="text-align: center;">
<a href="http://guruhowto007.blogspot.in/" style="font-weight: normal;" target="_blank">DEMO</a></h2>
<br />
<h2>
<span style="font-weight: normal;">
How to Customize Blogger Labels with CSS3?</span></h2>
<br />
Save your label widget settings as depicted below image and save.<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWH_IS6Rc0dkQ3h8UAn-HlGZacnRFgS7AEWZKlGZFf2kh9gOCafqS5VjUKyqV1WIWCh3GdUJtcnqqPvDYwIW2FQ7dyLEzRwDJFkX6B2MzOOh1pX1XKkcHJwod_iUasQWcRlqXxezunDnk/s1600/configurelabels.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="440" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWH_IS6Rc0dkQ3h8UAn-HlGZacnRFgS7AEWZKlGZFf2kh9gOCafqS5VjUKyqV1WIWCh3GdUJtcnqqPvDYwIW2FQ7dyLEzRwDJFkX6B2MzOOh1pX1XKkcHJwod_iUasQWcRlqXxezunDnk/s1600/configurelabels.png" width="640" /></a></div>
<br />
1. Go to Blogger Dashboard > Template > Download a copy of your current template for backup purpose.<br />
2. Click on Edit HTML<br />
3. Click CTRL + F and search the code ]]></b:skin]<br />
4. Copy paste the given below code just above ]]></b:skin]<br />
<h2>
<span style="font-weight: normal;">
CSS Code</span></h2>
<br />
<pre class="css" name="code">/*CSS3 Customized Style Labels By http://www.guruhowtodo.com/ */
#Labelwidget {
    font-size: 0.925em;
    text-transform: uppercase
    font-style: italic;
    color: #666;
    line-height: 1.6em;
    
}
a.tag {
    
    background: #f4f4f4;
    color: #777;
    font: 10px Tahoma;
    text-transform: uppercase;
    background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
    transition: border-color .218s;
    background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
    display: inline-block;
    border: solid 1px #ccc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin: 0 4px 4px 0;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
    background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
    padding: 3px 5px;
    text-decoration: none
}
a.tag:hover {
    color: #333;
    border-color: #999;
   box-shadow: 0 1px 2px rgba(0,0,0,0.15)
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
}
a.tag:active {
    color: #000;
    border-color: #444
}
/*CSS3 Customized Style Labels By http://www.guruhowtodo.com/ */
</pre>
<br />
<br />
<div>
5. Now find the below code,<br />
<br />
<blockquote class="tr_bq">
<b:widget id='Label1' locked='false'  find till </b:widget></blockquote>
</div>
<div>
<br />
7. Replace the code from<br />
<br />
<blockquote class="tr_bq">
<b:widget id='Label1' locked='false' to </b:widget> with below code </blockquote>
<br />
<pre class="css" name="code">/*CSS3 Customized Style Labels By http://www.guruhowtodo.com/ */
<b:widget id="Label1" locked="false" title="Labels" type="Label">

<b:includable id="main">
        <b:if cond="data:title">
            <h2>
                <data:title>
            </data:title></h2>
</b:if>
        <div class="Labelwidget">
<div expr:class="&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;">
<b:if cond="data:display == &quot;list&quot;">
                    </b:if>
<ul>                        <b:loop values="data:labels" var="label">
<li>                                 <b:if cond="data:blog.url == data:label.url">                                     <span expr:dir="data:blog.languageDirection">                                         <data:label .name="">                                     </data:label></span>                                     <b:else>                                     <a class="tag" expr:dir="data:blog.languageDirection" expr:href="data:label.url" href="https://www.blogger.com/null"><data:label .name=""></data:label></a>                                 </b:else></b:if>                                 <b:if cond="data:showFreqNumbers">                                     <span dir="ltr">(                                         <data:label .count="">)</data:label></span>                                 </b:if>                             </li>
</b:loop>                     </ul>
<b:else>
                    <b:loop values="data:labels" var="label">
                        <span expr:class="&quot;label-size label-size-&quot; + data:label.cssSize">
                            <b:if cond="data:blog.url == data:label.url">
                                <span expr:dir="data:blog.languageDirection">
                                    <data:label .name="">
                                </data:label></span>
                                <b:else>
                                <a class="tag" expr:dir="data:blog.languageDirection" expr:href="data:label.url" href="https://www.blogger.com/null"><data:label .name=""></data:label></a>
                            </b:else></b:if>
                            <b:if cond="data:showFreqNumbers">
                                <span class="label-count" dir="ltr">(
                                    <data:label .count="">)</data:label></span>
                            </b:if>
                        </span>
                    </b:loop>
                </b:else>
                <b:include name="quickedit">
            </b:include></div>
</div>
</b:includable>
</b:widget>
/*CSS3 Customized Style Labels By http://www.guruhowtodo.com/ */
</pre>
<br />
8. Finally save all your changes and you're done.<br />
<br />
<br />
<h2>
<span style="color: #38761d; font-weight: normal;">Conclusion</span></h2>
<br />
So, this was all about customize Blogger Labels with CSS3. If you have any type of queries regarding this tutorial please feel free to let us know.We will try our best to resolve them. If you like this tutorial and find it useful ,then please don’t forget to share this with your friends and social media too.<br />
<br />
<br />
<br /></div>

How to customize Blogger Labels with CSS3?

In Blogger Labels are like keywords, its used to categorize the articles by assigning labels to it. By default blogger labels are not great...

How to add Google Translate feature into Blogger/Website

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxPrREpBHrR9FALtlcYj3UxKGpDP0OdHcl0wJrjUP9kU9Of4GTYAJ5VLCt0mi3ljVnblzU6Ftm4EdPbJQuKS600Ag3grdeFWQvwWDaIaF1idkyXG6M-BpTXCrXcrfbiBg8RR7cAGJj5w/s1600/google-translate-banner.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxPrREpBHrR9FALtlcYj3UxKGpDP0OdHcl0wJrjUP9kU9Of4GTYAJ5VLCt0mi3ljVnblzU6Ftm4EdPbJQuKS600Ag3grdeFWQvwWDaIaF1idkyXG6M-BpTXCrXcrfbiBg8RR7cAGJj5w/s1600/google-translate-banner.png" width="400" /></a></div>
<br />
In today's technology its essential to provide language translation feature in to your blogs, So that you wont miss non-English speaking user's traffic. So, if you want to make your blog or website multilingual, the best way is to embed Google Translate feature into it.<br />
<br />
Adding Google Translate widget button on your blog or website to make it easy for your audience to easily translate your blogs/website in a single click.<br />
<br />
Follow the below easy steps to add Google Translate widget into your Blog or Website.<br />
<h2 style="text-align: center;">
<br /><a href="http://guruhowto007.blogspot.in/" target="_blank">DEMO</a><br /><br /><span id="goog_1626925536"></span><span id="goog_1626925537"></span><a href="https://www.blogger.com/"></a></h2>
1. The first thing you need to do is goto "https://translate.google.com/manager/website/add" ,If you are not logged into your google account, then you'll be redirected to google account log in. If you don't have account, You can <b><a href="https://accounts.google.com/SignUp" target="_blank">create a new account</a>.</b><br />
<br />
2. Successful login, Enter your blog or website URL.<br />
<b>Example.</b>  <a href="http://guruhowto007.blogspot.in/"><b>http://guruhowto007.blogspot.in/</b></a> , as in my case english is the original language,<br />
Select the original language that your blog or website is written in. Once you are done, Click on next<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Q36EW2ABNDloMURT4YnhCNxm4mnnsdVt5JTsyS597DMZoJdviTzSc5G03bfD7Z7n_9ZI5wpfET2qc_qMBxgZ18wYWlOmMVKHw6tYN7qh8a8z1U_Kj6Jwxo5xvMh_nz7JcU5FM_DuXS0/s1600/WebsiteInfo1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="560" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Q36EW2ABNDloMURT4YnhCNxm4mnnsdVt5JTsyS597DMZoJdviTzSc5G03bfD7Z7n_9ZI5wpfET2qc_qMBxgZ18wYWlOmMVKHw6tYN7qh8a8z1U_Kj6Jwxo5xvMh_nz7JcU5FM_DuXS0/s1600/WebsiteInfo1.png" width="640" /></a><br />
<br />
<br />
3. Customize the plugin settings if necessary else you can go with default settings. Once you're done, Click on Get Code button<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDUkdIzyUohpGp5M9R_AZFoGwH7uDYXRMKF2nRgQ2acu5X7s-HPgpzwFwSTEwQq4jSqmm0bpsKRSHgqnXZtfRAtE9jhI6UMP4APK3SDzqRPNo5PrxOQlhAqY2hcv3sYfxMaWlBFN8kDTU/s1600/PluginSettings1_Previous.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="504" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDUkdIzyUohpGp5M9R_AZFoGwH7uDYXRMKF2nRgQ2acu5X7s-HPgpzwFwSTEwQq4jSqmm0bpsKRSHgqnXZtfRAtE9jhI6UMP4APK3SDzqRPNo5PrxOQlhAqY2hcv3sYfxMaWlBFN8kDTU/s1600/PluginSettings1_Previous.png" width="640" /></a><br />
<br />
<br />
4. As Google say,  Ready to roll! Now let's talk about code.<br />
<br />
Now, You will be given two sets of code, first one meta code is for meta definition and second one plugin  is for where you want the Google Translate widget to display. If you want your widget to code appear on every page, you must paste the embed code in your sidebar.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMdBRMvUnVQBNkb3hUnD6q65mV1_E-L_mtb7KowOgGXq7XJ8TTq9wer8XNKkW45OUqxUKYpIvbfdkvCrEfv_7bnv1RO4peSCd3gqj6DIqV-AhsrIG_Yqt-o8RE4IXPak9qACHtZgLYcng/s1600/PluginSettings1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="596" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMdBRMvUnVQBNkb3hUnD6q65mV1_E-L_mtb7KowOgGXq7XJ8TTq9wer8XNKkW45OUqxUKYpIvbfdkvCrEfv_7bnv1RO4peSCd3gqj6DIqV-AhsrIG_Yqt-o8RE4IXPak9qACHtZgLYcng/s1600/PluginSettings1.png" width="640" /></a><br />
<br />
<h2>
Steps:</h2>
<br />
<ul>
<li>First login to <b>Blogger  </b>> <b>Template </b>> <b>Edit HTML</b></li>
<li>Clicking inside of template editor search for </head>  and place the Meta Code before of </head> </li>
<li>Save the template.</li>
</ul>
<br />
<ol>
<li>Now copy the second code(Plugin Code), Choose where you want Google Translator dropdown to show up on your blog/website.</li>
<li>Go to Blogger>>Layout>>Add a Gadget>><b>Add HTML/Javascript</b> and then paste the code in the <span style="background-color: white; color: #202020; font-family: arial, sans-serif; font-size: 13px; line-height: 18.2000007629395px;"><b>Content </b></span>portion and save the widget.</li>
<li>Reload your blog/website. </li>
<li>You should now see the Google Translate widget.</li>
</ol>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXCthxl2EX-yEaBNesoH_bETa8fNVaS0fSdOCENGQphhfay7aHOpL9cbbQPQFtdRinJrjkBrTUUeseaTr9cRkGmHwxN0xn26Bdv2kuLyOx0hz-i-WELS5SCB-IdA4DlhAvFUFOz608_W8/s1600/translate.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXCthxl2EX-yEaBNesoH_bETa8fNVaS0fSdOCENGQphhfay7aHOpL9cbbQPQFtdRinJrjkBrTUUeseaTr9cRkGmHwxN0xn26Bdv2kuLyOx0hz-i-WELS5SCB-IdA4DlhAvFUFOz608_W8/s1600/translate.png" width="640" /></a></div>
<br />
<br />
<h2>
<span style="color: #38761d;">
Conclusion</span></h2>
<br />
So, this is it, Now your blog/website is multilingual. If you have any type of queries regarding this tutorial please feel free do let us know, We will try our best to resolve them. If you like this tutorial and find this useful and meaningful then please don’t forget to share this with your friends and social media too.<br />
<br />
<b style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 21.6000003814697px;"><span style="background-color: yellow;"><span style="color: #333333;">SOURCE: </span><a href="http://www.blogmaniacs.com/how-to-add-google-translate-feature-into-bloggerwebsite/" target="_blank">BlogManiacs.com</a><span style="color: #333333;"><span id="goog_1358444262"></span><span id="goog_1358444263"></span><a href="https://www.blogger.com/"></a></span></span><span style="color: #333333;"> </span></b>

How to add Google Translate feature into Blogger/Website

In today's technology its essential to provide language translation feature in to your blogs, So that you wont miss non-English speak...