iTubic

Customize Labels Widget with Stylish Cool Effects

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-body entry-content" id="post-body-7465920861126142238" style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 1.4; padding: 0px 6px; position: relative; width: 636px;">
<div dir="ltr" trbidi="on">
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img alt="Customize Labels Widget with Stylish Cool Effects" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPqT93NgmUIH_sAzU0yfxZ1-Qt18sdxtRBaSZzISCe7lpxNWxpCxBM-etbV1nrLgJFZrTpiHR__fx8Ix_-O4o7_79Ja3uzfEWRoIJO7kN4C6C9HKzCVFq3jfCFIA19q9z3y7zbW2vjGzs/s1600/custom-labels-blogger.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px;" title="Customize Labels Widget with Stylish Cool Effects" /></div>
Labels widget displays list of the categories of posts. Creating labels helps to categorize the posts in groups. So it helps visitors to see the posts under a category. Default <a href="http://www.blogger.com/" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; cursor: pointer; display: inline-block; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;" target="_blank">blogger</a>Labels widget is not so Stylish. Don't worry, here I am sharing some cool interesting labels widget styles for you. This Labels widget can style using simple CSS codes. To do this follow the steps..<br />
<br />
<a href="https://www.blogger.com/null" name="more" style="color: #004b91; cursor: pointer; display: inline-block; position: relative;"></a><br />
<br />
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;"> Sign In to Blogger Dashboard</li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Go to <b>Template</b> -> <b>Edit HTML</b></li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Find <b>]]></b:skin> </b>and copy the code of label style you like above <b>]]></b:skin></b></li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Save Template</li>
</ul>
<h2 style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
 Black Forest Theme Labels With Animated Scaling</h2>
<div class="separator" style="clear: both; text-align: center;">
<span id="goog_333187573"></span><span id="goog_333187574"></span><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdtGZHp3Avf5sWo0Ayz7lYiVogV2CXN2MV1Rh7eELnS49XyrB4_PnB5buX38iCbePBFmm61F6D9eKltGvMz-Ov21wZ7WF9plJKpo66_cbOS7y-k5JgFtSsIH72nPxT-LbofOj4-wK5kHk/s1600/black-forest-theme-labels-blogger.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px;" /></div>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; padding: 8px 9px;">
.Label li {<br />
        background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;<br />
        border: 1px solid;<br />
        border-radius: 6px 6px 6px 6px;<br />
        float: left;<br />
        font-size: 116%;<br />
        list-style: none outside none;<br />
        margin: 2px;<br />
        padding: 4px;<br />
        transition: all 0.3s ease 0s;<br />
    }<br />
.Label li:hover {<br />
    transform: rotate(351deg) scale(1.7);<br />
}<br />
<div class="cssRule cssEditableRule insertInto editGroup " role="presentation">
<div class="cssHead focusRow " role="listitem">
<span class="cssSelector editable ">.Label a</span> {</div>
<div class=" " role="group">
<div class="cssPropertyListBox " role="listbox">
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">color</span><span class="cssColon ">: </span><span class="cssPropValue editable ">#fff</span><span class="cssSemi ">;</span></div>
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">text-decoration</span><span class="cssColon ">: </span><span class="cssPropValue editable ">none</span><span class="cssSemi ">;</span></div>
</div>
</div>
<div class=" editable insertBefore " role="presentation">
}</div>
</div>
</blockquote>
<br />
<h2 style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Yellow Customized Labels Widget</h2>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3pyNsDHrQ9zzn9bFWEBlqdHcRr0gedqd8U6XMe91o4uOQlKSYZZtWdkjGP_PrFhqDsQi3w-mb86T-bCG7Bw7Iyf0Fw_wdFkO-a5GrhYQPzNLud_cDd9WihGmz2IixT0247p4WOoxTfno/s1600/yellow-customized-labels.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px;" /></div>
<div>
<br /></div>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; padding: 8px 9px;">
    .Label li:before {<br />
<br />
        background-image: -moz-linear-gradient(left top , #FEDA71, #FEBA47);<br />
<br />
        border-bottom: 1px solid #D99D38;<br />
<br />
        border-left: 1px solid #D99D38;<br />
<br />
        content: "";<br />
<br />
        height: 1.39em;<br />
<br />
        left: -0.69em;<br />
<br />
        position: absolute;<br />
<br />
        top: 0.2em;<br />
<br />
        transform: rotate(45deg);<br />
<br />
        width: 1.3em;<br />
<br />
        z-index: 1;<br />
<br />
    }<br />
<br />
    .Label li:after {<br />
<br />
        background: none repeat scroll 0 0 #FFFFFF;<br />
<br />
        border: 1px solid #D99D38;<br />
<br />
        border-radius: 4.167em 4.167em 4.167em 4.167em;<br />
<br />
        box-shadow: 0 1px 0 #FAEABA;<br />
<br />
        content: "";<br />
<br />
        height: 0.5em;<br />
<br />
        left: -0.083em;<br />
<br />
        position: absolute;<br />
<br />
        top: 0.667em;<br />
<br />
        width: 0.5em;<br />
<br />
        z-index: 9999;<br />
<br />
    }<br />
<br />
    .Label li {<br />
<br />
        background-image: -moz-linear-gradient(center top , #FEDA71, #FEBA47);<br />
<br />
        border-bottom: 1px solid #D99D38;<br />
<br />
        border-radius: 0 0.25em 0.25em 0;<br />
<br />
        border-right: 1px solid #D99D38;<br />
<br />
        border-top: 1px solid #D99D38;<br />
<br />
        box-shadow: 0 1px 0 #FAEABA inset, 0 1px 1px rgba(0, 0, 0, 0.1);<br />
<br />
        color: #996633;<br />
<br />
        float: left;<br />
<br />
        font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;<br />
<br />
        font-size: 0.75em;<br />
<br />
        font-weight: bold;<br />
<br />
        list-style: none outside none;<br />
<br />
        margin: 0 0 7px 20px;<br />
<br />
        padding: 0.417em 0.417em 0.417em 0.917em;<br />
<br />
        position: relative;<br />
<br />
        text-decoration: none;<br />
<br />
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);<br />
<br />
        z-index: 1;<br />
<br />
    }</blockquote>
<div>
<br /></div>
<h2 style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Blue Customized Labels Widget</h2>
<div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFlzwZq7gLFx7mqtKTGnjlau6d83gRaR0ik94ZSA_tB7S3z0uWNbkcrMlf9hlVHK63Qh06utUs0-GMlW5GyYGq1XMiX3RmkfkWpBK75PFQXDgGrbkaVKh12GQbilokAoZMj_dWN2MStXU/s1600/blue-customized-labels.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px;" /></div>
</div>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; padding: 8px 9px;">
    .Label li:before {<br />
<br />
        background-image: -moz-linear-gradient(center top , #1E5799 0%, #207CCA 100%);<br />
<br />
        border-bottom: 1px solid #145091;<br />
<br />
        border-left: 1px solid #145091;<br />
<br />
        content: "";<br />
<br />
        height: 1.39em;<br />
<br />
        left: -0.69em;<br />
<br />
        position: absolute;<br />
<br />
        top: 0.2em;<br />
<br />
        transform: rotate(45deg);<br />
<br />
        width: 1.3em;<br />
<br />
        z-index: 1;<br />
<br />
    }<br />
<br />
    .Label li:after {<br />
<br />
        background: none repeat scroll 0 0 #FFFFFF;<br />
<br />
        border: 1px solid #3F6893;<br />
<br />
        border-radius: 4.167em 4.167em 4.167em 4.167em;<br />
<br />
        box-shadow: 0 1px 0 #B5D8FF;<br />
<br />
        content: "";<br />
<br />
        height: 0.5em;<br />
<br />
        left: -0.083em;<br />
<br />
        position: absolute;<br />
<br />
        top: 0.667em;<br />
<br />
        width: 0.5em;<br />
<br />
        z-index: 9999;<br />
<br />
    }<br />
<br />
    .Label li {<br />
<br />
        background-image: -moz-linear-gradient(center top , #1E5799, #207CCA);<br />
<br />
        border-bottom: 1px solid #145091;<br />
<br />
        border-radius: 0 0.25em 0.25em 0;<br />
<br />
        border-right: 1px solid #145091;<br />
<br />
        border-top: 1px solid #145091;<br />
<br />
        box-shadow: 0 1px 0 #CCE4FF inset, 0 1px 1px rgba(0, 0, 0, 0.1);<br />
<br />
        color: #996633;<br />
<br />
        float: left;<br />
<br />
        font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;<br />
<br />
        font-size: 0.75em;<br />
<br />
        font-weight: bold;<br />
<br />
        list-style: none outside none;<br />
<br />
        margin: 0 0 7px 20px;<br />
<br />
        padding: 0.417em 0.417em 0.417em 0.917em;<br />
<br />
        position: relative;<br />
<br />
        text-decoration: none;<br />
<br />
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);<br />
<br />
        z-index: 1;<br />
<br />
    }</blockquote>
<div>
<br /></div>
<h2 style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
 Black Forest Theme Label Like NetOops Blog Labels</h2>
<div>
<br /></div>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; padding: 8px 9px;">
    .Label li {<br />
<br />
        background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;<br />
<br />
        border: 1px solid;<br />
<br />
        border-radius: 6px 6px 6px 6px;<br />
<br />
        float: left;<br />
<br />
        font-size: 116%;<br />
<br />
        list-style: none outside none;<br />
<br />
        margin: 2px;<br />
<br />
        padding: 4px;<br />
<br />
        transition: all 0.3s ease 0s;<br />
<br />
    }<br />
<br />
    .Label li:hover {<br />
<br />
        transform: rotate(5deg);<br />
<br />
    }<br />
<div class="cssRule cssEditableRule insertInto editGroup " role="presentation">
<div class="cssHead focusRow " role="listitem">
<span class="cssSelector editable ">.Label a</span> {</div>
<div class=" " role="group">
<div class="cssPropertyListBox " role="listbox">
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">color</span><span class="cssColon ">: </span><span class="cssPropValue editable ">#fff</span><span class="cssSemi ">;</span></div>
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">text-decoration</span><span class="cssColon ">: </span><span class="cssPropValue editable ">none</span><span class="cssSemi ">;</span></div>
</div>
</div>
<div class=" editable insertBefore " role="presentation">
}</div>
</div>
</blockquote>
<div>
</div>
<h2 style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Skeleton Theme For Labels Widget</h2>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; padding: 8px 9px;">
.Label a {<br />
    color: #000000;<br />
    text-decoration: none;<br />
}<br />
.Label li {<br />
    border: 1px solid #000;<br />
    border-radius: 6px 6px 6px 6px;<br />
    color: #000000 !important;<br />
    float: left;<br />
    font-size: 116%;<br />
    list-style: none outside none;<br />
    margin: 2px;<br />
    padding: 4px;<br />
    transition: all 0.3s ease 0s;<br />
}<br />
<div class="cssRule cssEditableRule insertInto editGroup " role="presentation">
<div class="cssHead focusRow " role="listitem">
<span class="cssSelector editable ">.Label li:hover</span> {</div>
<div class=" " role="group">
<div class="cssPropertyListBox " role="listbox">
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">transform</span><span class="cssColon ">: </span><span class="cssPropValue editable ">rotate(5deg)</span><span class="cssSemi ">;</span></div>
</div>
</div>
<div class=" editable insertBefore " role="presentation">
}</div>
</div>
</blockquote>
<h2 style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Skeleton Theme With Painting Hover Effect</h2>
<div class="separator" style="clear: both; text-align: center;">
 <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4hGfkIh4oUjfggn1IiMcsAqaG0fLtaRS6MrJPxjmuORVSJYo2NFK-6Y4HgTFo8qWE2IRsdAXrns0dNMiI0SLH-OBe3wCS0VkYAhlMXFpoxbJtkoyDFnCEUknAAVGHLVIhzYMh41ZmJ2Y/s1600/skeleton-theme-hover-painting-effect.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px;" /></div>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; padding: 8px 9px;">
.Label a:hover<br />
{<br />
text-shadow:5px 5px 5px #dcdcdc;<br />
background:orange;<br />
border:1px solid orange;<br />
border-bottom-right-radius: 0px;<br />
border-top-left-radius: 0px;<br />
border-bottom-left-radius: 30px;<br />
border-top-right-radius: 30px;<br />
}<br />
<div class="cssRule cssEditableRule insertInto editGroup " role="presentation">
<div class="cssHead focusRow " role="listitem">
<span class="cssSelector editable ">.Label li</span> {</div>
<div class=" " role="group">
<div class="cssPropertyListBox " role="listbox">
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">border</span><span class="cssColon ">: </span><span class="cssPropValue editable ">1px solid</span><span class="cssSemi ">;</span></div>
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">border-radius</span><span class="cssColon ">: </span><span class="cssPropValue editable ">6px 6px 6px 6px</span><span class="cssSemi ">;</span></div>
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">color</span><span class="cssColon ">: </span><span class="cssPropValue editable ">#000000 !important</span><span class="cssSemi ">;</span></div>
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">float</span><span class="cssColon ">: </span><span class="cssPropValue editable ">left</span><span class="cssSemi ">;</span></div>
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">font-size</span><span class="cssColon ">: </span><span class="cssPropValue editable ">116%</span><span class="cssSemi ">;</span></div>
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">list-style</span><span class="cssColon ">: </span><span class="cssPropValue editable ">none outside none</span><span class="cssSemi ">;</span></div>
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">margin</span><span class="cssColon ">: </span><span class="cssPropValue editable ">2px</span><span class="cssSemi ">;</span></div>
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">padding</span><span class="cssColon ">: </span><span class="cssPropValue editable ">4px</span><span class="cssSemi ">;</span></div>
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">transition</span><span class="cssColon ">: </span><span class="cssPropValue editable ">all 0.3s ease 0s</span><span class="cssSemi ">;</span></div>
</div>
</div>
<div class=" editable insertBefore " role="presentation">
}<br />
<div class="cssRule cssEditableRule insertInto editGroup " role="presentation">
<div class="cssHead focusRow " role="listitem">
<span class="cssSelector editable ">.Label a</span> {</div>
<div class=" " role="group">
<div class="cssPropertyListBox " role="listbox">
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">color</span><span class="cssColon ">: </span><span class="cssPropValue editable ">#000</span><span class="cssSemi ">;</span></div>
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">text-decoration</span><span class="cssColon ">: </span><span class="cssPropValue editable ">none</span><span class="cssSemi ">;</span></div>
</div>
</div>
<div class=" editable insertBefore " role="presentation">
}<br />
<div class="cssRule cssEditableRule insertInto editGroup " role="presentation">
<div class="cssHead focusRow " role="listitem">
<span class="cssSelector editable ">.Label li:hover</span> {</div>
<div class=" " role="group">
<div class="cssPropertyListBox " role="listbox">
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">transform</span><span class="cssColon ">: </span><span class="cssPropValue editable ">rotate(5deg)</span><span class="cssSemi ">;</span></div>
</div>
</div>
<div class=" editable insertBefore " role="presentation">
}</div>
</div>
</div>
</div>
</div>
</div>
</blockquote>
<h2 style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Leaf Theme For Labels Widget</h2>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA1vxNXgGx0lj4tJIcSlARjnVVkQGAtQrvpf6uaB_9g2ecxlu2Bbp4_G62rKo-kurpqEdhgsWnmAPQ5790IP_LcQTuNsbm0SQSdApW9zXtsKy3l8xERkZx43jVctb_oFX0Ejv7KR_Yb9c/s1600/leaf-labels-widget.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px;" /></div>
<br />
.Label a {<br />
     -moz-border-bottom-colors: none;<br />
     -moz-border-left-colors: none;<br />
     -moz-border-right-colors: none;<br />
     -moz-border-top-colors: none;<br />
     background-color: #7FBF4D;<br />
     background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);<br />
     border-bottom-right-radius: 30px;<br />
     border-color: #63A62F #63A62F #5B992B;<br />
     border-image: none;<br />
     border-style: solid;<br />
     border-top-left-radius: 30px;<br />
     border-width: 1px;<br />
     box-shadow: 0px 1px 0px 0px #96CA6D inset;<br />
     color: #FFFFFF;<br />
     float: left;<br />
     font: 14px verdana;<br />
     height: 18px;<br />
     margin-bottom: 9px;<br />
     margin-left: 10px;<br />
     padding: 10px;<br />
     position: relative;<br />
     text-decoration: none;<br />
     transition: all 0.5s ease-in-out 0s;<br />
}<br />
<br />
.Label a:hover {<br />
     background: none repeat scroll 0% 0% orange;<br />
     border-radius: 0px 30px 0px 30px;<br />
     border: 1px solid orange;<br />
     text-shadow: 5px 5px 5px #DCDCDC;<br />
}<br />
<br />
.Label {<br />
     margin: 0px;<br />
     padding: 0px;<br />
     position: relative;<br />
}<br />
<div class="cssElementRuleContainer ">
<div class="cssRule cssEditableRule insertInto editGroup " role="presentation">
<div class="cssHead focusRow " role="listitem">
<span class="cssSelector editable ">.Label li:hover</span> {</div>
<div class=" " role="group">
<div class="cssPropertyListBox " role="listbox">
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">transform</span><span class="cssColon ">: </span><span class="cssPropValue editable ">rotate(5deg)</span><span class="cssSemi ">;</span></div>
</div>
</div>
<div class=" editable insertBefore " role="presentation">
}</div>
</div>
</div>
<div class="cssRule cssEditableRule insertInto editGroup " role="presentation">
<div class="cssHead focusRow " role="listitem">
<span class="cssSelector editable ">.Label li</span> {</div>
<div class=" " role="group">
<div class="cssPropertyListBox " role="listbox">
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">float</span><span class="cssColon ">: </span><span class="cssPropValue editable ">left</span><span class="cssSemi ">;</span></div>
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">font-size</span><span class="cssColon ">: </span><span class="cssPropValue editable ">116%</span><span class="cssSemi ">;</span></div>
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">list-style</span><span class="cssColon ">: </span><span class="cssPropValue editable ">none outside none</span><span class="cssSemi ">;</span></div>
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">transition</span><span class="cssColon ">: </span><span class="cssPropValue editable ">all 0.3s ease 0s</span><span class="cssSemi ">;</span></div>
</div>
</div>
<div class=" editable insertBefore " role="presentation">
}</div>
</div>
</div>
<div style="clear: both;">
</div>
</div>
<div class="post-footer" style="background-color: #f9f9f9; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; color: #666666; font-family: Cuprum; font-size: 13px; line-height: 1.6; margin: 20px -2px -2px; padding: 5px 10px;">
<div class="sharebuttons" style="-webkit-transition: all 0.5s ease 0s; letter-spacing: 0px; margin-bottom: 4px; transition: all 0.5s ease 0s;">
<h2 class="sharebuttons" style="color: black; font-family: Boogaloo, cursive; font-size: 20px; font-weight: normal; line-height: normal; margin: 0px 0px 5px; position: relative; text-shadow: rgb(171, 171, 171) 1px 1px 1px; text-transform: uppercase;">
IF YOU LIKED THIS ARTICLE,TAKE A FEW SECONDS TO SHARE THIS</h2>
</div>
</div>
</div>

Customize Labels Widget with Stylish Cool Effects

Labels widget displays list of the categories of posts. Creating labels helps to categorize the posts in groups. So it helps visitors t...

Verified Facebook Page tick mark for Blogger Author Comments

Unknown 1 Blogging 12:56

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-body entry-content" id="post-body-3676197260378455999" style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 1.4; padding: 0px 6px; position: relative; width: 636px;">
<div dir="ltr" trbidi="on">
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU1SHKkL9KVdPo5yAvPBwEHdixghyunfu5qbV_-tIfByEnr3lviOJWGAOFezVQOvIRoZ8h8H-gHvGVfwK8TcoDNMsw9e4YyUjihLlOEI74GPiAxuSJgGf2DHtxiMtXwMqp7Z3ij33CYBg/s1600/facebook-verified-page-tick-for-author-comments.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px;" /></div>
Do you noticed a tick mark in some Facebook Pages like Actors, Political Leaders. Verified mark is only available for Worldwide stuff like big companies, Actors such have the chance to be faked. When we move mouse over that tick, it shows a "<b>Verified Page</b>" message. Do you wish to add that verified tick mark to  your (Author/Admin) comment in your blog.Here I am going to show you how to add Facebook verified Page mark to Admin comments.<br /><br /><a href="https://www.blogger.com/null" name="more" style="color: #004b91; cursor: pointer; display: inline-block; position: relative;"></a><br /><br /><br /><h2 style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Add Facebook Verified Page Tick To Author Comments</h2>
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Sign In to Blogger Dashboard</li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Go to <b>Template</b>  -> <b>Edit HTML</b></li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Find <b>.comments .comments-content .icon.blog-author</b> and delete the following code inside it</li>
</ul>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; padding: 8px 9px;">
background-repeat: no-repeat;<br />  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);</blockquote>
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">And copy the following code inside it</li>
</ul>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; padding: 8px 9px;">
<span class="cssPropName editable ">background</span><span class="cssColon ">: </span><span class="cssPropValue editable ">url("https://dl.dropboxusercontent.com/s/gp8fhc34w2rka9h/verified%20page.png") no-repeat scroll 0 0 transparent</span><span class="cssSemi ">;</span></blockquote>
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Final code looks like the following</li>
</ul>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; padding: 8px 9px;">
<div class="cssRule cssEditableRule insertInto editGroup " role="presentation">
<div class="cssHead focusRow " role="listitem">
<span class="cssSelector editable ">.comments .comments-content .icon.blog-author</span> {</div>
<div class=" " role="group">
<div class="cssPropertyListBox " role="listbox">
<div class="cssProp focusRow editGroup " role="option">
<span class=" ">    </span><span class="cssPropName editable ">background</span><span class="cssColon ">: </span><span class="cssPropValue editable ">url("</span><span class="cssPropValue editable "><span class="cssPropValue editable ">https://dl.dropboxusercontent.com/s/gp8fhc34w2rka9h/verified%20page.png</span>") no-repeat scroll 0 0 transparent</span><span class="cssSemi ">;</span></div>
</div>
</div>
<div class=" editable insertBefore " role="presentation">
}</div>
</div>
</blockquote>
I hope this article will help you to customize your admin comment. Please Like and Share.</div>
<div style="clear: both;">
</div>
</div>
<div class="post-footer" style="background-color: #f9f9f9; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; color: #666666; font-family: Cuprum; font-size: 13px; line-height: 1.6; margin: 20px -2px -2px; padding: 5px 10px;">
<div class="sharebuttons" style="-webkit-transition: all 0.5s ease 0s; letter-spacing: 0px; margin-bottom: 4px; transition: all 0.5s ease 0s;">
<h2 class="sharebuttons" style="color: black; font-family: Boogaloo, cursive; font-size: 20px; font-weight: normal; line-height: normal; margin: 0px 0px 5px; position: relative; text-shadow: rgb(171, 171, 171) 1px 1px 1px; text-transform: uppercase;">
IF YOU LIKED THIS ARTICLE,TAKE A FEW SECONDS TO SHARE THIS</h2>
</div>
</div>
</div>

Verified Facebook Page tick mark for Blogger Author Comments

Do you noticed a tick mark in some Facebook Pages like Actors, Political Leaders. Verified mark is only available for Worldwide stuff l...

How to Change Blogger POST A COMMENT Message/Text/Style?

Unknown 0 Blogging 12:55

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="background-color: white; clear: left; color: #222222; float: left; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img alt="Change Post a Comment text from Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqMaCdOXdrC5vd0AKabAF3ii8EznxxfGPIRITNPOsPe5fHzN3SGqfJvTNwLSTeTEMvVCGsqAp4LjYkRC4tLwarzpMTX3xD1TzF2FNaqu0HAMbpU1SJK64ZZGo_pMW0GQmLwlyozJ6pxxA/s1600/comment.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px;" title="Change Post a Comment text from Blogger" /></div>
<span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;">You know Comments are the best way to interact or make a good contact with your blog visitors.I think you are all seen a message "Post a Comment" in the bottom of every post in your blog. Do you think it is not so good to see your blog visitors? Then here I am going to show you how to change "</span><b style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;">Post a Comment</b><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;">" text from that part and place interesting images there. Also I am giving some cool images link with this article. Lets see how to change this</span><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" /><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" /><a href="https://www.blogger.com/null" name="more" style="background-color: white; color: #004b91; cursor: pointer; display: inline-block; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; position: relative;"></a><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" /><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" /><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" /><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" /><br />
<div class="demo" style="background-color: white; border: 2px dashed; color: #222222; font-family: Cuprum; font-size: 18px; font-weight: bold; margin-bottom: 15px; padding: 11px; text-align: center;">
<a href="http://netoopsblog.blogspot.com/2013/08/change-post-a-comment-message-blogger-change-font-style-image-trick.html#comment-form" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; cursor: pointer; display: inline-block; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;">Click Here to view our Comment Form</a><br /></div>
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Sign In  to <a href="http://www.blogger.com/" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; cursor: pointer; display: inline-block; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;" target="_blank">Blogger</a> Dashboard</li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Go to <b>Template</b> -> <b>Edit HTML</b></li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Search (Ctrl+F) for the code marked <b>Bold</b></li>
</ul>
<blockquote class="tr_bq" style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; padding: 8px 9px;">
<a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><b><data:postCommentMsg/></b></a></blockquote>
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;"> Search the next <b><data:postCommentMsg/> </b>,that code looks like the following</li>
</ul>
<blockquote class="tr_bq" style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; padding: 8px 9px;">
<h4 id='comment-post-message'><b><data:postCommentMsg/></b></h4></blockquote>
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;"><b>replace</b>  <b><data:postCommentMsg/> </b>with the image code</li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Select the code of image you want from the following</li>
</ul>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" />
<h2 class="h2title" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 1</h2>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
<a href="http://i.imgur.com/Qv18EaT.gif" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; cursor: pointer; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/Qv18EaT.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<blockquote class="tr_bq" style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; padding: 8px 9px;">
<b><img src="http://i.imgur.com/Qv18EaT.gif"/></b></blockquote>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" />
<h2 class="h2title" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 2</h2>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
<a href="http://i.imgur.com/hR5AoQv.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; cursor: pointer; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/hR5AoQv.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
</div>
<blockquote class="tr_bq" style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; padding: 8px 9px;">
<b><img src="http://i.imgur.com/hR5AoQv.jpg"/></b></blockquote>
<h2 class="h2title" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 3</h2>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
<a href="http://i.imgur.com/542TClt.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; cursor: pointer; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/542TClt.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
</div>
<blockquote class="tr_bq" style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; padding: 8px 9px;">
<b><img src="http://i.imgur.com/542TClt.jpg"/></b></blockquote>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" />
<h2 class="h2title" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 4</h2>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
<a href="http://i.imgur.com/2RqqdBN.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; cursor: pointer; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/2RqqdBN.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
</div>
<blockquote class="tr_bq" style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; padding: 8px 9px;">
<b><img src="http://i.imgur.com/2RqqdBN.jpg"/></b></blockquote>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" />
<h2 class="h2title" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 5</h2>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
<a href="http://i.imgur.com/h0oIkzC.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; cursor: pointer; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/h0oIkzC.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
</div>
<blockquote class="tr_bq" style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; padding: 8px 9px;">
<b><img src="http://i.imgur.com/h0oIkzC.jpg"/></b></blockquote>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" />
<h2 class="h2title" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 6</h2>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
<a href="http://i.imgur.com/YbPOTnI.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; cursor: pointer; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/YbPOTnI.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
</div>
<blockquote class="tr_bq" style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; padding: 8px 9px;">
<b><img src="http://i.imgur.com/YbPOTnI.jpg"/></b></blockquote>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" />
<h2 class="h2title" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 7</h2>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
<a href="http://i.imgur.com/wRUQ2JN.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; cursor: pointer; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/wRUQ2JN.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
</div>
<blockquote class="tr_bq" style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; padding: 8px 9px;">
<b><img src="http://i.imgur.com/wRUQ2JN.jpg"/></b></blockquote>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" />
<h2 class="h2title" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 8</h2>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
<a href="http://i.imgur.com/b7gXQLd.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; cursor: pointer; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/b7gXQLd.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
</div>
<blockquote class="tr_bq" style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; padding: 8px 9px;">
<b><img src="http://i.imgur.com/b7gXQLd.jpg"/></b></blockquote>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" />
<h2 class="h2title" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 9</h2>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
<a href="http://i.imgur.com/TXqb5vI.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; cursor: pointer; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/TXqb5vI.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
</div>
<blockquote class="tr_bq" style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; padding: 8px 9px;">
<b><img src="http://i.imgur.com/TXqb5vI.jpg"/></b></blockquote>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" /><br />
<h2 class="h2title" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 10</h2>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
<a href="http://i.imgur.com/Wu2M9sv.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; cursor: pointer; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/Wu2M9sv.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
</div>
<blockquote class="tr_bq" style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; padding: 8px 9px;">
<b><img src="http://i.imgur.com/Wu2M9sv.jpg/></b></blockquote>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" />
<h2 class="h2title" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 11</h2>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
<a href="http://i.imgur.com/rP7bUnN.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; cursor: pointer; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/rP7bUnN.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
</div>
<blockquote class="tr_bq" style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; padding: 8px 9px;">
<b><img src="http://i.imgur.com/rP7bUnN.jpg"/></b></blockquote>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" /><br />
<h2 class="h2title" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44MgEfR2LSlOCF9tysOSa5QexL5wTmN-v0sx06jl5WbdzzpKp0Qbd6LyRQTUCl7RG9MwiHWD3P6KcJOYif1s0ps0mVzoZsIsFDwOS8_LRHE8MB3vEJyMWxw7TcWLchVzOLy4QHgqZESk/s1600/h2-star-icon2.jpg) 10px 50% no-repeat scroll rgb(52, 52, 52); border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 12</h2>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
<a href="http://i.imgur.com/ZcVbJRa.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; cursor: pointer; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/ZcVbJRa.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; text-align: center;">
</div>
<blockquote class="tr_bq" style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; padding: 8px 9px;">
<b><img src="http://i.imgur.com/ZcVbJRa.jpg"/></b></blockquote>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" />
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Save Template</li>
</ul>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" /><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;">I hope this article will help you. If you got any doubt or Suggestions, please do comment</span><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" /><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" /><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: medium;">Article also Applicable for</span><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" /><br />
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;"><a href="http://netoopsblog.blogspot.com/2013/07/change-post-a-comment-message-blogger-change-font-style-image.html" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; cursor: pointer; display: inline-block; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;" target="_blank">How to <b>Change Post a comment Text</b> in Blogger?</a></li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">How to Remove <b>Blogger Post a Comment</b> Message?</li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Change <b>Post a comment text</b> to images</li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrRitBq6OEZa1e5K_yGt6vg2fOQIjJ2GbaQYzqxrgnAjbookseVoR7RC25eLu1GkASY90DToKBjYC27kY90MiRQnu2fabQoL46SjUnlUt8b6K9MTCx8XgOkn1KhXsYHntXx-ATyMZSqk/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Change <b>Post a Comment Message</b> to Animated images</li>
</ul>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px;" /></div>