GuruHowTodo

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...

How to install SyntaxHighlighter in Blogs

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsfTw2ujkF_D6xXo93X4_83AZylJvTpuoI-2We-7wZBaFMfr6r2DpGM5ivmF-xH10zO6KR9sHpfTn5bYwl2LQ54kmwwpJ3a00YmDvLqZcbjbhZXbibPdDhb0B3PowwDOcaL6XjcKCZVMg/s1600/SyntaxHighlighter+in+Blogs.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsfTw2ujkF_D6xXo93X4_83AZylJvTpuoI-2We-7wZBaFMfr6r2DpGM5ivmF-xH10zO6KR9sHpfTn5bYwl2LQ54kmwwpJ3a00YmDvLqZcbjbhZXbibPdDhb0B3PowwDOcaL6XjcKCZVMg/s1600/SyntaxHighlighter+in+Blogs.png" width="400" /></a></div>
When publishing blogger posts/articles which contains text, image, audio and videos in it. but when you're a developer and wants to share your technical code snippets over your blog post with proper color highlighting and according language specific syntax, then unfortunately blogger doesn't really support. So we need to relay on third party tools to fulfill this need. Among many of Code/Syntax Highlighting tools over web, I was attracted to Syntax Highlighter tool by Alex Gorbatchev. Its pretty proven and widely used Syntax Highlighter on websites and over blogs. The big advantage of this tool is that it is built/written on pure Java Script and it can be easily integrated into your blogs.<br />
<br />
<h2>
Syntax Highlighter features:</h2>
<ul>
<li>100% client side, no server dependency</li>
<li>Multiple languages support</li>
<li>Easy to use and deploy, just copy files and link them in your templates</li>
<li>Wide browser support</li>
<li>Very lightweight, compressed core library is 11kb plus whatever brushes you need</li>
</ul>
<br />
<div>
In this tutorial you will learn how to add syntax highlighter on your blog on Google blogger. In order to the add the Syntax highlighter scripts and make it work on your blog follow the steps.</div>
<div>
<div>
<br /></div>
<div>
1. First, take backup of your current blogger template or try with sample template.</div>
<div>
<br /></div>
<div>
2. Navigate to Edit HTML mode. </div>
<div>
<br /></div>
<div>
3. Copy syntax highlighter css code from below location</div>
<div>
<br /></div>
<div>
"<a href="http://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.css">http://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.css</a>"</div>
<div>
<br /></div>
<div>
4. Copy and Paste the code above </b:skin> <br />
<div>
<br /></div>
<div>
5. Copy paste the below given code before </head> tag in your template</div>
<br />
<pre class="css" name="code"><script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'/>

</pre>
<br />
<span style="background-color: yellow;">NOTE: Here, You don't need all that brushes , just keep what you really need.</span></div>
<div>
<br /></div>
<div>
6. Copy Paste the below given code before tag.<br />
<pre class="css" name="code"><script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>
</pre>
</div>
<div>
</div>
<div>
7. Now click the save button to save all the changes you have made to your blogger template.</div>
<div>
</div>
<div>
8. Now lets proceed, how to use it in your posts:</div>
<div>
</div>
<div>
How to write source codes in pre-tag?, well, you need to do is just invoke the classes in pre tag.</div>
<div>
</div>
<div>
<br />
For example, you might wants to java code, you should do this:</div>
<div>
<br />
Some examples of codes in my Blog:</div>
<div>
<b> </b></div>
<div>
1. <a href="http://guruhowtodo.blogspot.in/2015/03/how-to-create-letterpress-text-effect.html">http://guruhowtodo.blogspot.in/2015/03/how-to-create-letterpress-text-effect.html</a><br />
<br /></div>
<div>
<h2>
Examples:</h2>
</div>
<div>
Below is a comparison of a snippet of java code with standard and syntax highlighting :<br />
<br /></div>
<div>
</div>
<h2>
Standard rendering </h2>
<div>
/*</div>
<div>
Java Hello World example.</div>
<div>
*/</div>
<div>
</div>
<div>
public class HelloJava</div>
<div>
{</div>
<div>
 public static void main(String args[])</div>
<div>
{</div>
<div>
   /*</div>
<div>
    Use System.out.println() to print on console.</div>
<div>
    */</div>
<div>
    System.out.println("Welcome to Java!");</div>
<div>
  }</div>
<div>
}</div>
<div>
</div>
<h2>
Syntax highlighting</h2>
<pre class="css" name="code">public class HelloJava
{
public static void main(String args[])
{
/*
Use System.out.println() to print on console.
*/
System.out.println("Welcome to Java!");
}
}
</pre>
<div>
For more usage, demo and more information, Visit: <a href="http://alexgorbatchev.com/wiki/SyntaxHighlighter">http://alexgorbatchev.com/wiki/SyntaxHighlighter</a><br />
<br /></div>
<div>
</div>
<h2>
<span style="color: #38761d;">Conclusion</span></h2>
<div>
<span style="color: #38761d;"><br /></span></div>
<div>
</div>
<div>
So, this was all about How to install SyntaxHighlighter in Blogs. 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.</div>
</div>

How to install SyntaxHighlighter in Blogs

When publishing blogger posts/articles which contains text, image, audio and videos in it. but when you're a developer and wants t...

How To Remove/Hide "Powered By Blogger" Attribution widget From Blogger Templates

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWYov-f5wt1k27wcf-U5c7FwObrmm3rS4gkjgTzUZ5tIn5Nr4VOSIyYx876_ce3jraFyXun69L1ivJ9JpkwUpp58AmeT3iCMODrYlO9KpTLm6CAetI-XoI0iAQemIIAk_5awip_mjlYDo/s1600/How+To+Remove-Hide+Powered+By+Blogger+Attribution+widget+From+Blogger+Templates.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWYov-f5wt1k27wcf-U5c7FwObrmm3rS4gkjgTzUZ5tIn5Nr4VOSIyYx876_ce3jraFyXun69L1ivJ9JpkwUpp58AmeT3iCMODrYlO9KpTLm6CAetI-XoI0iAQemIIAk_5awip_mjlYDo/s1600/How+To+Remove-Hide+Powered+By+Blogger+Attribution+widget+From+Blogger+Templates.png" width="320" /></a><br />
Blogger is the most popular and powerful platform provided by Internet giant <span style="font-size: large;">GOOGLE</span>. In starting point with Blogger, you can use built-in template designs provided by blogger service as freely to users. By default, All Blogger templates include attribution gadget at the bottom/footer of each template page. But how can we remove it?.<br />
<br />
<h2>
What is Attribution gadget: </h2>
Attribution gadget is the widget in the footer section that says <span style="font-size: large;">"Powered By Blogger"</span>. We can modify the <span style="font-size: x-large;">"Copyright"</span> statement from the Layout widget editing. Unlike the normal widgets, you won't be able to remove/delete this, because it doesn't have a "Remove" button.<br />
Does you violate the conditions of Google by removing "Powered By Blogger" from the blog?. Straight answer is "No!" actually there is no user agreement or any message informing that you don't have any rights to remove or modify.<br />
Now, the question is how to remove or hide from template. Here is the detailed steps to hide or remove "Powered By Blogger" from blogger following below methods.<br />
<br />
<h2>
</h2>
<h2>
</h2>
<h2>
Method I:</h2>
<div>
<br /></div>
Simply hiding the Attribution gadget applying CSS code listed below.<br />
<br />
<h3>
Steps:</h3>
<br />
1. Log into blogger.<br />
2. Goto dashboard > Open Blogger template > Click on Edit Html.<br />
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0L_oSKLvK-H9MOflqm0mt6zn4Z96PdLK-0UHdUx5N4dpUyYulkU0XkSSGVgUiJyUzj44vU7HZmkWzxfRGdVdPSyLagRhig_Ms85LnGwbagDIEHBNjRjfDMS2U_tyXIncyEb_qEgDmeIs/s1600/EditHTML.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0L_oSKLvK-H9MOflqm0mt6zn4Z96PdLK-0UHdUx5N4dpUyYulkU0XkSSGVgUiJyUzj44vU7HZmkWzxfRGdVdPSyLagRhig_Ms85LnGwbagDIEHBNjRjfDMS2U_tyXIncyEb_qEgDmeIs/s1600/EditHTML.png" width="362" /></a></div>
<br />
3.  Inside the Template Editor find "]]><br />
4. Copy the below given CSS code and paste it before  "]]><br />
<br />
<h2>
CSS Code for hiding the Attribution Widget:</h2>
<blockquote class="tr_bq">
#Attribution1<br />
{<br />
     display:none;<br />
     visibility:hidden;<br />
     font-size:0px;<br />
}</blockquote>
<br />
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRFfTP1ZumyttiX3g8_9bYBDA0yk1RTjSYLBeu3myPet0R_YnZtrJQMRLt4EI1FFQ6kmFyANvsJs8ir4oVImMZ9gFDlU_x_Z1vLlZmUIPk_abu7AMq4_TDeZVPG4LfEj3J6WuQCh6qU9k/s1600/search+add+css.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRFfTP1ZumyttiX3g8_9bYBDA0yk1RTjSYLBeu3myPet0R_YnZtrJQMRLt4EI1FFQ6kmFyANvsJs8ir4oVImMZ9gFDlU_x_Z1vLlZmUIPk_abu7AMq4_TDeZVPG4LfEj3J6WuQCh6qU9k/s1600/search+add+css.png" width="640" /></a></div>
<br />
5. That's it. Save the template and observe the CSS trick opening view blog. Now the Copyright message "Powered By Blogger" have been successfully hidden from the current template.<br />
<br />
<h2>
Method II:</h2>
<div>
<br /></div>
1. Log into blogger.<br />
2. Goto dashboard > Open Blogger template > Edit Html.<br />
3.  Inside the Template Editon search for <b>"Attribution1"</b><br />
or  Click on "Jump to widget" again click on Attribution1 from the list.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbcOv3sr6vn58vKIkXJM5rlhN99Yw8a6Q9gAN3uV1S4bB7hwfGBoTmG9Y2sz0qqfAdC_R4IFCkCjmarLt1Fbq0k63wkgxAH-1MdLJxJixuW0ydmG12PHIcSAxvoPa4UrEuMtBdb-Xv6JQ/s1600/Attribution+link+removal2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbcOv3sr6vn58vKIkXJM5rlhN99Yw8a6Q9gAN3uV1S4bB7hwfGBoTmG9Y2sz0qqfAdC_R4IFCkCjmarLt1Fbq0k63wkgxAH-1MdLJxJixuW0ydmG12PHIcSAxvoPa4UrEuMtBdb-Xv6JQ/s1600/Attribution+link+removal2.png" width="640" /></a> <br />
<br />
<br />
Find the below line in that editor,<br />
<b:widget id="Attribution1" locked="true" title="" type="Attribution"></b:widget><br />
4. Now change the locked value 'true' to 'false" in the line of code.<br />
5. Save template with the latest changes.<b:widget id="Attribution1" locked="false" title="" type="Attribution"></b:widget><br />
6. Now, Navigate to Layout tab, scroll down and find the Attribution element.<br />
7. Click on Edit element.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5CyGCIOJIM2PUKyHdzvGtbFD0H7yivCq_bwA-x0eHsB31cLrG2xdbXhD020ay5wK6koLKMGizsTFrIpocgWj46Ykz2GdJgxLDwpvB83ymL0jGtouCUB6CH0Kx1_3Y080j0yI0oxvQYrs/s1600/Click+on+Edit.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="63" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5CyGCIOJIM2PUKyHdzvGtbFD0H7yivCq_bwA-x0eHsB31cLrG2xdbXhD020ay5wK6koLKMGizsTFrIpocgWj46Ykz2GdJgxLDwpvB83ymL0jGtouCUB6CH0Kx1_3Y080j0yI0oxvQYrs/s1600/Click+on+Edit.png" width="400" /></a></div>
<br />
<br />
8. Now click on Remove button<br />
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGGS_wmM1v0QjhUIQK_zUcmivhIvD2fUsm6AQRlLSpxe0qD8hO9Ssu9cgGAWDv_eTVeJZ8eeNQWBOT7BtrJe1_lfHp8i6RDCObTuh8HU-O4PrSeT5urcrhNDKe80foIep4zpXcS6591U8/s1600/click+on+remove.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="271" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGGS_wmM1v0QjhUIQK_zUcmivhIvD2fUsm6AQRlLSpxe0qD8hO9Ssu9cgGAWDv_eTVeJZ8eeNQWBOT7BtrJe1_lfHp8i6RDCObTuh8HU-O4PrSeT5urcrhNDKe80foIep4zpXcS6591U8/s1600/click+on+remove.png" width="320" /></a></div>
<br />
<br />
<span style="font-size: large;">:-) </span>Attribution element has been removed from the layout.<br />
<br />
<blockquote class="tr_bq">
<b>NOTE:</b> If you wants to add custom Attribution, follow the below steps to achieve.</blockquote>
1. Search "footer-3" inside the template editor.<br />
2. Find the below code<br />
<blockquote class="tr_bq">
<b><b:section class="foot" id="footer-3" showaddelement="no"></b:section></b></blockquote>
3. Now change showaddelement='no' to showaddelement='yes' as below<br />
<blockquote class="tr_bq">
<b><b:section class="foot" id="footer-3" showaddelement="yes"></b:section></b></blockquote>
4. Save the current changes and goto Layout tab.<br />
5. Scroll down the page and new element had been present with Add a Gadget.<br />
<br />
<h2>
</h2>
<h2>
Conclusion</h2>
<br />
So, this was all about Remove/Hide "Powered By Blogger" Attribution widget From Blogger Templates. 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 />

How To Remove/Hide "Powered By Blogger" Attribution widget From Blogger Templates

Blogger is the most popular and powerful platform provided by Internet giant GOOGLE . In starting point with Blogger, you can use built-in ...