Add Beautiful Metro style Menu Guide For Blogger

<div class="separator" style="background-color: white; clear: both; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTQ0_x1HvAjcwmLln_FRsgsT5dZgdcapmecZ8V-fEQ9zAJj0nZjSn7UU8Rti3smqdyImOlmL1gbYWuevjyKlbDeSOzXRhk0ywRn0wGAoADYXU7OFzbNFAAvCzUPjLPFBlOvrynL6bW8M0/s1600/2014-01-17_230803.png" imageanchor="1" style="color: #004d99; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="113" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTQ0_x1HvAjcwmLln_FRsgsT5dZgdcapmecZ8V-fEQ9zAJj0nZjSn7UU8Rti3smqdyImOlmL1gbYWuevjyKlbDeSOzXRhk0ywRn0wGAoADYXU7OFzbNFAAvCzUPjLPFBlOvrynL6bW8M0/s1600/2014-01-17_230803.png" style="border: 1px solid rgb(204, 204, 204); max-width: 600px; padding: 2px;" width="400" /> </a></b></div> <div class="separator" style="background-color: white; clear: both; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b><br /></b></div> <div class="separator" style="background-color: white; clear: both; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>Today's lesson is a gift for each site gawkers NEWTH3 Informatics, and is a way to create a list of the horizontal sections are quite similar to the list of Metro introduced by Windows 8 and add it to your blog Blogger.</b></div> <div class="separator" style="background-color: white; clear: both; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b><br /></b></div> <div class="separator" style="background-color: white; clear: both; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b><span style="font-size: medium;"><span style="color: red;">How To Add New Subscribe Box For Blogger</span></span></b></div> <div class="separator" style="background-color: white; clear: both; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b><span style="font-size: medium;"><span style="color: red;"><br /></span></span></b></div> <iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube.com/embed/gwuFNhkCdt8?feature=player_embedded" width="640"></iframe><br /> <br /> <br /> <div class="separator" style="background-color: white; clear: both; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b><span style="font-size: x-small;"><span style="color: red;"><span style="color: orangered;"><span style="color: mediumblue;">Written explanation</span></span></span></span></b></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b><span style="font-size: x-small;"><span style="color: red;"><span style="color: orangered;"><span style="color: mediumblue;"><span style="font-size: small;">Step 1 : Adding CSS to Template</span></span></span></span></span></b></div> <div class="separator" style="background-color: white; clear: both; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b><span style="font-size: x-small;"><span style="color: red;"><span style="color: orangered;"><span style="color: mediumblue;"><span style="font-size: small;"> </span> <span style="color: black;">1) Go to Blogger Dashboard → Template → Edit HTML.</span><br /><span style="color: black;">2) Now Find the code shown below using </span>[ctrl+F] <span style="color: black;">(Use In HTML Box)  </span></span></span>   </span></span></b></div> <div class="rtcv" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqW-zryFLdQJvwR1hppMiSeWORiMPhSYIDAtvB3uJn9-CbS11GW9aRQhCMDuCqud9EoSehEHBaCe3Gz_dRY2YnGelwG3VHrRAUn0AI8dJ4TaA74cssc2AYm-0DrLFiM-Q0BT8RI9Zowo4/s1600/Html+code.gif") 0% 0% repeat-y rgb(238, 238, 238); border: 1px solid rgb(170, 170, 170); color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; margin: 15px 35px 15px 15px; padding: 20px 10px 10px 35px; text-align: center;"> <div class="body" dir="ltr"> <b><code>]]></b:skin></code></b></div> </div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>3) Now Paste the Code Shown Below just <span style="color: red;">Before</span> it.</b></div> <div class="rtcv" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqW-zryFLdQJvwR1hppMiSeWORiMPhSYIDAtvB3uJn9-CbS11GW9aRQhCMDuCqud9EoSehEHBaCe3Gz_dRY2YnGelwG3VHrRAUn0AI8dJ4TaA74cssc2AYm-0DrLFiM-Q0BT8RI9Zowo4/s1600/Html+code.gif") 0% 0% repeat-y rgb(238, 238, 238); border: 1px solid rgb(170, 170, 170); color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; margin: 15px 35px 15px 15px; padding: 20px 10px 10px 35px; text-align: center;"> <b>/*===MBL METRO UI Menu==*/</b><br /><b><br /></b><b>body {</b><br /><b> font-family:sans-serif;</b><br /><b>}</b><br /><b>a {</b><br /><b> text-decoration:none;</b><br /><b>}</b><br /><b>.mblmetromenu {</b><br /><b> width:960px;</b><br /><b> margin:auto;</b><br /><b>}</b><br /><b>@media screen and (max-width:960px) {</b><br /><b> .mblmetromenu {</b><br /><b> width:100%;</b><br /><b> }</b><br /><b>}</b><br /><b><br /></b><b>/* MblMetroMenu */</b><br /><b>.MblMetroMenu {</b><br /><b> position:relative;</b><br /><b>}</b><br /><b>.om-nav {</b><br /><b> position:absolute;</b><br /><b> width:100%;</b><br /><b> z-index:999;</b><br /><b> display:none;</b><br /><b>}</b><br /><b>.om-ctrlbar {</b><br /><b> width:100%;</b><br /><b> height:48px;</b><br /><b>}</b><br /><b>.om-ctrlitems {</b><br /><b> margin:auto;</b><br /><b> padding:0px;</b><br /><b> height:48px;</b><br /><b> display:inline-block;</b><br /><b> text-align:center;</b><br /><b>}</b><br /><b>.om-ctrlitem {</b><br /><b> height:48px;</b><br /><b> width:48px;</b><br /><b> display:none;</b><br /><b> cursor:pointer;</b><br /><b> float:left;</b><br /><b> opacity:0.5;</b><br /><b> -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;</b><br /><b> filter: alpha(opacity=50) !important; /* For IE8 and earlier */ }</b><br /><b>.om-ctrlitem:hover {</b><br /><b> opacity:0.8;</b><br /><b> -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;</b><br /><b> filter: alpha(opacity=80) !important; /* For IE8 and earlier */ }</b><br /><b>.om-activectrlitem {</b><br /><b> opacity:1 !important;</b><br /><b> -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;</b><br /><b> filter: alpha(opacity=100) !important; /* For IE8 and earlier */ }</b><br /><b>.om-controlitems {</b><br /><b> width:960px;</b><br /><b> margin:auto;</b><br /><b>}</b><br /><b>.om-controlitem {</b><br /><b> height:48px;</b><br /><b> cursor:pointer;</b><br /><b>}</b><br /><b>.om-closenav {</b><br /><b> float:left;</b><br /><b>}</b><br /><b>.om-movenext {</b><br /><b> float:right;</b><br /><b>}</b><br /><b>.om-itemholder {</b><br /><b> margin:auto;</b><br /><b> padding:20px 0px;</b><br /><b>}</b><br /><b>@media screen and (max-width:960px) {</b><br /><b> .om-closenav {</b><br /><b>  position:absolute;</b><br /><b>  z-index:9999;</b><br /><b>  left:0;</b><br /><b>  top:0;</b><br /><b> }</b><br /><b> .om-movenext {</b><br /><b>  position:absolute;</b><br /><b>  z-index:9999;</b><br /><b>  right:0;</b><br /><b>  top:0;</b><br /><b> }</b><br /><b> .om-controlitems {</b><br /><b>  width:100%;</b><br /><b> }</b><br /><b> .om-itemholder {</b><br /><b>  width:100%;</b><br /><b> }</b><br /><b> }</b><br /><b>.om-centerblock {</b><br /><b> display:inline-block;</b><br /><b>}</b><br /><b>.om-item {</b><br /><b> display:none;</b><br /><b>}</b><br /><b>.om-showitem {</b><br /><b> margin:5px;</b><br /><b> float:left;</b><br /><b> display:none;</b><br /><b>}</b><br /><b>/* END MblMetroMenu */</b><br /><b><br /></b><b>/* TILE BUTTONS */</b><br /><b>/* Standar Buttons */</b><br /><b>.tile-bt {</b><br /><b> text-align:center;</b><br /><b> cursor:pointer;</b><br /><b> width:90px;</b><br /><b> height:90px;</b><br /><b>}</b><br /><b>.tile-bt a {</b><br /><b> display:block;</b><br /><b> padding-top:12px;</b><br /><b> text-decoration: !important;</b><br /><b>}</b><br /><b>.tile-bt img {</b><br /><b> margin:0 auto 0 auto;</b><br /><b> padding-bottom:5px;</b><br /><b> height:48px;</b><br /><b> width:48px;</b><br /><b> position:relative;</b><br /><b> display:block;</b><br /><b>}</b><br /><b>.tile-bt span {</b><br /><b> font-size:12px;</b><br /><b> padding-bottom:10px;</b><br /><b> display:block;</b><br /><b>}</b><br /><b>.tile-bt:active {</b><br /><b> opacity:0.5;</b><br /><b>}</b><br /><b>/* End Standard Buttons */</b><br /><b><br /></b><b><br /></b><b>/* Large Buttons */</b><br /><b>.tile-bt-large {</b><br /><b> width:190px;</b><br /><b> height:90px;</b><br /><b> line-height:90px;</b><br /><b> text-align:center;</b><br /><b> cursor:pointer;</b><br /><b>}</b><br /><b>.tile-bt-large a {</b><br /><b> display:block;</b><br /><b> text-decoration: !important;</b><br /><b>}</b><br /><b>.tile-bt-large img {</b><br /><b> vertical-align: middle;</b><br /><b> margin:auto;</b><br /><b> padding:0px;</b><br /><b> position:relative;</b><br /><b> width:48px;</b><br /><b> height:48px;</b><br /><b>}</b><br /><b>.tile-bt-large span {</b><br /><b> vertical-align: middle;</b><br /><b> display:inline;</b><br /><b>}</b><br /><b>.tile-bt-large:active {</b><br /><b> opacity:0.5;</b><br /><b>}</b><br /><b>/* End Large Buttons */</b><br /><b>/* Extralarge Buttons */</b><br /><b>.tile-bt-extralarge {</b><br /><b> text-align:center;</b><br /><b> cursor:pointer;</b><br /><b> width:190px;</b><br /><b> height:190px;</b><br /><b>}</b><br /><b>.tile-bt-extralarge a {</b><br /><b> display:block;</b><br /><b> padding-top:52px;</b><br /><b> text-decoration: !important;</b><br /><b>}</b><br /><b>.tile-bt-extralarge img {</b><br /><b> margin:0 auto 0 auto;</b><br /><b> padding-bottom:22px;</b><br /><b> height:80px;</b><br /><b> width:80px;</b><br /><b> position:relative;</b><br /><b> display:block;</b><br /><b>}</b><br /><b>.tile-bt-extralarge span {</b><br /><b> font-size:14px;</b><br /><b> padding-bottom:20px;</b><br /><b> display:block;</b><br /><b>}</b><br /><b>.tile-bt-extralarge:active {</b><br /><b> opacity:0.5;</b><br /><b>}</b><br /><b>/* End Extralarge Buttons */</b><br /><b><br /></b><b>/* END TILE BUTTONS */</b><br /><b><br /></b><b>/* SHADOW LIST */</b><br /><b>.shadow-white, .shadow-black, .shadow-blue, .shadow-green, .shadow-red {</b><br /><b> /*display:inline-block;*/</b><br /><b>}</b><br /><b>.shadow-white:hover {</b><br /><b> box-shadow:0px 0px 6px 3px #fff;</b><br /><b> -webkit-box-shadow:0px 0px 6px 3px #fff;</b><br /><b> -moz-box-shadow:0px 0px 6px 3px #fff;</b><br /><b> -o-box-shadow:0px 0px 6px 3px #fff;</b><br /><b> -ms-box-shadow:0px 0px 6px 3px #fff;</b><br /><b>}</b><br /><b>.shadow-blue:hover {</b><br /><b> box-shadow:0px 0px 6px 3px #38D1F7;</b><br /><b> -webkit-box-shadow:0px 0px 6px 3px #38D1F7;</b><br /><b> -moz-box-shadow:0px 0px 6px 3px #38D1F7;</b><br /><b> -o-box-shadow:0px 0px 6px 3px #38D1F7;</b><br /><b> -ms-box-shadow:0px 0px 6px 3px #38D1F7;</b><br /><b>}</b><br /><b>.shadow-green:hover {</b><br /><b> box-shadow:0px 0px 6px 3px #AACA37;</b><br /><b> -webkit-box-shadow:0px 0px 6px 3px #AACA37;</b><br /><b> -moz-box-shadow:0px 0px 6px 3px #AACA37;</b><br /><b> -o-box-shadow:0px 0px 6px 3px #AACA37;</b><br /><b> -ms-box-shadow:0px 0px 6px 3px #AACA37;</b><br /><b>}</b><br /><b>.shadow-red:hover {</b><br /><b> box-shadow:0px 0px 6px 3px #E81750;</b><br /><b> -webkit-box-shadow:0px 0px 6px 3px #E81750;</b><br /><b> -moz-box-shadow:0px 0px 6px 3px #E81750;</b><br /><b> -o-box-shadow:0px 0px 6px 3px #E81750;</b><br /><b> -ms-box-shadow:0px 0px 6px 3px #E81750;</b><br /><b>}</b><br /><b>.shadow-black:hover {</b><br /><b> box-shadow:0px 0px 6px 3px #444;</b><br /><b> -webkit-box-shadow:0px 0px 6px 3px #444;</b><br /><b> -moz-box-shadow:0px 0px 6px 3px #444;</b><br /><b> -o-box-shadow:0px 0px 6px 3px #444;</b><br /><b> -ms-box-shadow:0px 0px 6px 3px #444;</b><br /><b>}</b><br /><b>/* END SHADOW LIST */</b><br /><b>/* BACKGROUND LIST */</b><br /><b>/* Solid Colors */</b><br /><b>.solid-blue { background:#00BBE2; }</b><br /><b>.solid-blue-2 { background:#2C84EE; }</b><br /><b>.solid-darkblue { background:#044E94; }</b><br /><b>.solid-violetred { background:#781766; }</b><br /><b>.solid-red { background:#E51400;}</b><br /><b>.solid-red-2 { background:#E81750; }</b><br /><b>.solid-pink { background:#FF539B; }</b><br /><b>.solid-purple { background:#D02090; }</b><br /><b>.solid-orange { background:#FB8F02; }</b><br /><b>.solid-orange-2 { background:#FF6600; }</b><br /><b>.solid-orange-3 { background:#DD5F37; }</b><br /><b>.solid-coral { background:#CD5B45; }</b><br /><b>.solid-green { background:#67B239; }</b><br /><b>.solid-green-2 {background:#96BF01; }</b><br /><b>.solid-darkgreen { background:#016C38; }</b><br /><b>.solid-olive { background:#999900}</b><br /><b>.solid-grass { background:#CDCD00; }</b><br /><b>.solid-darkred { background:#5F0000; }</b><br /><b>.solid-gold { background:#FEE9AE; }</b><br /><b>.solid-yellow { background:#F7D100; }</b><br /><b>.solid-black { background:#000; }</b><br /><b>.solid-smoke { background:#F5F5F5; }</b><br /><b>/* End Solid Colors */</b><br /><b><br /></b><b>/* MISC */</b><br /><b>.clearspace { clear: both; }</b><br /><b>.floatleft { float:left; }</b><br /><b>.floatright { float:right; }</b><br /><b>.none { display: none !important; width:0px !important; }</b><br /><b>.light-text {</b><br /><b> color:#fff;</b><br /><b>}</b><br /><b>.dark-text {</b><br /><b> color:#1e1e1e;</b><br /><b>}</b><br /><b>.gradient {</b><br /><b> background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */</b><br /><b> background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */</b><br /><b> background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 00%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */</b><br /><b> background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */</b><br /><b> background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* IE10+ */</b><br /><b> background: linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* W3C */</b><br /><b>}</b><br /><b>.margin-5 { margin:5px; }</b></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>4) Now save your template.</b></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b><span style="color: blue;">Step 2 : Add Widget to your blog</span></b></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>1) Go to <span style="color: blue;">Blogger Dashboard</span> → <span style="color: magenta;">Layout</span> → <span style="color: orange;">Page Elements.</span></b></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>2) Add a <span style="color: red;">HTML/JavaScript</span> Gadget.</b></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>3) Paste below code in it.</b></div> <div class="rtcv" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqW-zryFLdQJvwR1hppMiSeWORiMPhSYIDAtvB3uJn9-CbS11GW9aRQhCMDuCqud9EoSehEHBaCe3Gz_dRY2YnGelwG3VHrRAUn0AI8dJ4TaA74cssc2AYm-0DrLFiM-Q0BT8RI9Zowo4/s1600/Html+code.gif") 0% 0% repeat-y rgb(238, 238, 238); border: 1px solid rgb(170, 170, 170); color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; margin: 15px 35px 15px 15px; padding: 20px 10px 10px 35px; text-align: center;"> <b><!-- metromenu --></b><br /><b><div class="metromenu"></b><br /><b><div data-navid="om-nav" class="tile-bt-extralarge solid-violetred shadow-black margin-5 floatleft metromenu"></b><br /><b><a href="<span style="color: red;">#</span>" class="gradient"></b><br /><b><img src="https://lh6.googleusercontent.com/-envqsAeXv7I/UsaZ-f5lGLI/AAAAAAAACak/KKQe3eLnVzE/s128-no/Coolworld.in.png" alt="" /></b><br /><b><span class="light-text"><span style="color: magenta;">Homepage</span></span></b><br /><b></a></b><br /><b></div></b><br /><b><br /></b><b><div data-navid="om-nav" class="tile-bt-large solid-coral shadow-red margin-5 floatleft metromenu"></b><br /><b><a href="<span style="color: red;">#</span>" class="gradient"></b><br /><b><img src="https://lh5.googleusercontent.com/-phZsF-nWvOc/UsaaSutVZmI/AAAAAAAACa4/JRm0KCvlR8M/s128-no/Coolworld.in.png" alt="" /></b><br /><b><span class="light-text"><span style="color: magenta;">About US</span></span></b><br /><b></a></b><br /><b></div></b><br /><b><br /></b><b><div data-navid="om-nav2" class="tile-bt solid-purple shadow-blue margin-5 floatleft metromenu"></b><br /><b><a href="<span style="color: red;">#</span>" class="gradient"></b><br /><b><img src="https://lh3.googleusercontent.com/-nQLFt07dHCU/Usaaf6Z2YpI/AAAAAAAACbM/-9PYF7lAMnk/s128-no/Coolworld.in.png" alt="" /></b><br /><b><span class="light-text"><span style="color: magenta;">Rss Feeds</span></span></b><br /><b></a></b><br /><b></div></b><br /><b><br /></b><b><div data-navid="om-nav" class="tile-bt-large solid-red shadow-red margin-5 floatleft metromenu"></b><br /><b><a href="<span style="color: red;">#</span>" class="gradient"></b><br /><b><img src="https://lh5.googleusercontent.com/-_KQq8P1rtJs/Usaat2f4PdI/AAAAAAAACbg/Uc51LXtHeaM/s128-no/Coolworld.in.png" alt="" /></b><br /><b><span class="light-text"><span style="color: magenta;">Search</span></span></b><br /><b></a></b><br /><b></div></b><br /><b><br /></b><b><div data-navid="om-nav2" class="tile-bt solid-darkred shadow-red margin-5 floatleft metromenu"></b><br /><b><a href="<span style="color: red;">#</span>" class="gradient"></b><br /><b><img src="https://lh3.googleusercontent.com/-ZJDuWuS9648/Usaa9j73W5I/AAAAAAAACb0/XC95mHnIiPU/s128-no/Coolworld.in.png" alt="" /></b><br /><b><span class="light-text"><span style="color: magenta;">Contact US</span></span></b><br /><b></a></b><br /><b></div></b><br /><b><br /></b><b><div data-navid="om-nav2" class="tile-bt solid-black shadow-black margin-5 floatleft metromenu"></b><br /><b><a href="<span style="color: red;">#</span>" class="gradient"></b><br /><b><img src="https://lh4.googleusercontent.com/-WnlHYSIMJd8/UsabMBMInYI/AAAAAAAACcI/stvGNDTVhwc/s128-no/Coolworld.in.png" alt="" /></b><br /><b><span class="light-text"><span style="color: magenta;">Get HELP</span></span></b><br /><b></a></b><br /><b></div></b><br /><b><br /></b><b><div data-navid="om-nav2" class="tile-bt solid-orange shadow-black margin-5 floatleft metromenu"></b><br /><b><a href="<span style="color: red;">#</span>" class="gradient"></b><br /><b><img src="https://lh3.googleusercontent.com/-ClFTRP9K3OE/UsabZ-aC4nI/AAAAAAAACcc/iMY_MGwYiM0/s128-no/Coolworld.in.png" alt="" /></b><br /><b><span class="light-text"><span style="color: magenta;">YouTube</span></span></b><br /><b></a></b><br /><b></div></b><br /><b><br /></b><b><div data-navid="om-nav2" class="tile-bt solid-darkblue shadow-blue margin-5 floatleft metromenu"></b><br /><b><a href="<span style="color: red;">#</span>" class="gradient"></b><br /><b><img src="https://lh3.googleusercontent.com/-rBCRpXc7X-I/UsabmYGk19I/AAAAAAAACcw/x1XK6dQHaLk/s128-no/Coolworld.in.png" alt="" /></b><br /><b><span class="light-text"><span style="color: magenta;">Facebook</span></span></b><br /><b></a></b><br /><b></div></b><br /><b><br /></b><b><div data-navid="om-nav" class="tile-bt-large solid-blue shadow-blue margin-5 floatleft metromenu"></b><br /><b><a href="<span style="color: red;">#</span>" class="gradient"></b><br /><b><img src="https://lh6.googleusercontent.com/-1YNj39W1cbQ/Usab3jWosgI/AAAAAAAACdE/trPpP0nQ4tA/s128-no/Coolworld.in.png" alt="" /></b><br /><b><span class="light-text"><span style="color: magenta;">Photos</span></span></b><br /><b></a></b><br /><b></div></b><br /><b><br /></b><b><div data-navid="om-nav2" class="tile-bt solid-olive shadow-green margin-5 floatleft metromenu"></b><br /><b><a href="<span style="color: red;">#</span>" class="gradient"></b><br /><b><img src="https://lh5.googleusercontent.com/-LgocZN_7jKo/UsacG4V49wI/AAAAAAAACdY/nP-cbDO6mlk/s128-no/Coolworld.in.png" alt="" /></b><br /><b><span class="light-text"><span style="color: magenta;">Music</span></span></b><br /><b></a></b><br /><b></div></b><br /><b><!-- End metromenu --></b><br /><b></div></b><br /><b><!-- END metromenu --></b></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>4) Customize your setting.Find any word click<span style="color: blue;"> F3</span> or <span style="color: blue;">Ctrl+F</span>. </b></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>Replace <span style="color: red;">#</span> with the links. </b></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>Replace <span style="color: magenta;">Menu</span> with your link text which you want to appear on the menu. </b></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>5) Save your Widget.Don't forget to add the widget on the Center place. </b></div> <div> <b><br /></b></div>

Add Beautiful Metro style Menu Guide For Blogger

  Today's lesson is a gift for each site gawkers NEWTH3 Informatics, and is a way to create a list of the horizontal sections are q...

Read more »

Add Social Sharing Buttons Below Every Post Title For Blogger

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoNjsUs_gMdRUnVQvxf8PF_8XBiBBNF8Lznk8tZwDX9Mf6bBUxXiIEJEC9fABevyU8GQnrhPYJmCeC9Bzxdw21T3T3KP_ZfEzy4jZcK1nDm-TiDHuZpcxX5hyJFcNISPi5lsdebUXQXOU/s400/sharing-buttons.png" /><br /> hi my friend today will I present to you a new topic, Social Sharing Buttons Below Every Post Title For Blogger.<br /> It is one of the smart ways to attract visitors I hope you like it <br /> <br /> <br /> HOW TO ADD SOCIAL SHARING BUTTONS BELOW EVERY POST TITLE FOR BLOGGER<br /> <br />   <iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube.com/embed/yftXTFi4_kM?feature=player_embedded" width="640"></iframe><br /> <br /> <br /> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b><span style="color: orangered;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="color: red;"><span style="color: orangered;"><span style="color: mediumblue;"><span style="color: black;">1) Go to Blogger Dashboard → Template → Edit HTML.</span><br /><span style="color: black;">2) Now Find the code shown below using </span>[ctrl+F] <span style="color: black;">(Use In HTML Box)  </span></span></span>    </span></span> </span></span></b></div> <div class="rtcv" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqW-zryFLdQJvwR1hppMiSeWORiMPhSYIDAtvB3uJn9-CbS11GW9aRQhCMDuCqud9EoSehEHBaCe3Gz_dRY2YnGelwG3VHrRAUn0AI8dJ4TaA74cssc2AYm-0DrLFiM-Q0BT8RI9Zowo4/s1600/Html+code.gif") 0% 0% repeat-y rgb(238, 238, 238); border: 1px solid rgb(170, 170, 170); color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; margin: 15px 35px 15px 15px; padding: 20px 10px 10px 35px; text-align: center;"> <div class="body" dir="ltr"> <b><code><data:post.body/></code></b></div> </div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>3) Now Paste the Code Shown Below just <span style="color: red;">Before</span> it.</b></div> <div class="rtcv" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqW-zryFLdQJvwR1hppMiSeWORiMPhSYIDAtvB3uJn9-CbS11GW9aRQhCMDuCqud9EoSehEHBaCe3Gz_dRY2YnGelwG3VHrRAUn0AI8dJ4TaA74cssc2AYm-0DrLFiM-Q0BT8RI9Zowo4/s1600/Html+code.gif") 0% 0% repeat-y rgb(238, 238, 238); border: 1px solid rgb(170, 170, 170); color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; margin: 15px 35px 15px 15px; padding: 20px 10px 10px 35px; text-align: center;"> <b><code><span class='st_facebook_hcount' displayText='Facebook'></span><br /><span class='st_googleplus_hcount' displayText='Google +'></span><br /><span class='st_twitter_hcount' displayText='Tweet'></span><br /><span class='st_sharethis_hcount' displayText='ShareThis'></span></code></b></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>4) Now Find the code shown below using [<span style="color: red;">ctrl+F</span>] (Use In HTML Box)</b></div> <div class="rtcv" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqW-zryFLdQJvwR1hppMiSeWORiMPhSYIDAtvB3uJn9-CbS11GW9aRQhCMDuCqud9EoSehEHBaCe3Gz_dRY2YnGelwG3VHrRAUn0AI8dJ4TaA74cssc2AYm-0DrLFiM-Q0BT8RI9Zowo4/s1600/Html+code.gif") 0% 0% repeat-y rgb(238, 238, 238); border: 1px solid rgb(170, 170, 170); color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; margin: 15px 35px 15px 15px; padding: 20px 10px 10px 35px; text-align: center;"> <div class="body" dir="ltr"> <b><code></head></code></b></div> </div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>5) Now Paste the Code Shown Below just <span style="color: red;">Before</span> it.</b></div> <div class="rtcv" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqW-zryFLdQJvwR1hppMiSeWORiMPhSYIDAtvB3uJn9-CbS11GW9aRQhCMDuCqud9EoSehEHBaCe3Gz_dRY2YnGelwG3VHrRAUn0AI8dJ4TaA74cssc2AYm-0DrLFiM-Q0BT8RI9Zowo4/s1600/Html+code.gif") 0% 0% repeat-y rgb(238, 238, 238); border: 1px solid rgb(170, 170, 170); color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; margin: 15px 35px 15px 15px; padding: 20px 10px 10px 35px; text-align: center;"> <b><code><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><br /><script type="text/javascript">stLight.options({publisher: "074821ed-063e-4ae5-bad9-3e26ecf249f3"}); </script></code></b></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>6) Now Save Your Template.</b></div>

Add Social Sharing Buttons Below Every Post Title For Blogger

hi my friend today will I present to you a new topic, Social Sharing Buttons Below Every Post Title For Blogger. It is one of the smart wa...

Read more »

Add Stylish Social Sharing Widget With Hover Effect For Blogger

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxYFJbqodUQXE9Lsj-gNsOLl0i61mSwJEcDtyTliwZr-_FoTtEAXUVSZouOvgKE-LpyxzFvLlzBY6FKCF4YHEQltyba4IqoDB5od9HS-qu9j-9uo6iuHTsWbqad1HeSXGdQL-BfX7SR7Y/s400/Untitled.png" /> <br /> Add Social Media Sharing widget at top right your blog. This awesome widget was made by newth3. If you like this widget, simply follow the step below to install this awesome widget into your blog.<br /> <div> <br /> <div style="text-align: center;"> How To Add Cool All In One Subscription Box For Blogger<br /> <br /></div> </div> <iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube.com/embed/MRcf_4TYB18?feature=player_embedded" width="640"></iframe><br /> <br /> <br /> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <div> <b><span style="font-size: x-small;"><span style="color: orangered;"><span style="color: mediumblue;">Written explanation </span></span></span></b></div> <b><span style="font-size: x-small;"></span></b><br /><div> <b><span style="font-size: x-small;"></span></b></div> <b><span style="font-size: x-small;"></span></b><br /><div> <b><span style="font-size: x-small;"> <span style="color: orangered;"><span style="color: mediumblue;"><span style="color: black;">1) Go to Blogger Dashboard </span>→ <span style="color: hotpink;">Layout</span> → <span style="color: orange;">Page Elements</span>.<br /><span style="color: black;">2) Add a</span> <span style="color: orangered;">HTML/JavaScript</span> <span style="color: black;">Gadget.</span><br /><span style="color: black;">3) Paste below code in it.  </span></span></span><span style="color: orange;">  </span></span></b></div> </div> <div class="rtcv" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqW-zryFLdQJvwR1hppMiSeWORiMPhSYIDAtvB3uJn9-CbS11GW9aRQhCMDuCqud9EoSehEHBaCe3Gz_dRY2YnGelwG3VHrRAUn0AI8dJ4TaA74cssc2AYm-0DrLFiM-Q0BT8RI9Zowo4/s1600/Html+code.gif") 0% 0% repeat-y rgb(238, 238, 238); border: 1px solid rgb(170, 170, 170); color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; margin: 15px 35px 15px 15px; padding: 20px 10px 10px 35px; text-align: center;"> <b><style type="text/css"></b><br /><b>.social-connect-widget{background:#FFF;border:1px solid #E7E6DE;padding:10px}</b><br /><b>.social-connect-widget:hover{border:1px solid #CBCBC2;background:#F5F4EF}</b><br /><b>.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}</b><br /><b>.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}</b><br /><b>.social-connect-widget img{vertical-align:middle;margin-right:5px}</b><br /><b></style></b><br /><b><div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'></b><br /><b><a href='http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: red;">USERNAME1</span>' target="blank"><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh04CKta3NrIoWVQwTzEDlaDuvf-WyX37AeobVgzPDbDGRnhR0i4FHAdBV0jYnd4-6MmlivNkhkN8Xg2WYSz0rz_lI01cqsaoL1NYEqi-WUaEb5QI_UpmlpsuqRLsH4fKtA47j424Q7Y4g/h120/Pc+Tools+Tips.png' title='RSS Feed'/></a><a href='http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: red;">USERNAME1</span>' target="blank">Subscribe to our RSS Feeds!</a></b><br /><b></div> </b><br /><b><div class='social-connect-widget' style='margin-bottom:10px;'></b><br /><b><a href='http://twitter.com/<span style="color: deepskyblue;">USERNAME2</span>' target="blank"><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhT1iQcGpANvmXkAvse5EZO-Of-rQ7qtMV3RDHZUTxTlsCqmsrZR4g_TZ35rIn94dd7xjC-JiitIfst19hQ6Ul-72AKWATLytAoWwUsqT_PcLTWpSzrf-WX9HW3odZTdynwxw7_55tncA/h120/Pc+Tools+Tips.png' title='Follow Us on Twitter!'/></a><a href='http://twitter.com/<span style="color: deepskyblue;">USERNAME2</span>' target="blank">Follow Us on Twitter!</a></b><br /><b></div></b><br /><b><div class='social-connect-widget' style='margin-bottom:10px;'></b><br /><b><a href='<span style="color: mediumblue;">URL HERE</span>' target="blank"><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwXiXwpzDes9gor9fNuBQ3fmV2bapu1am4RA2daM6WDH0I-tTgWNvw1SyxTmKvX5VW8i4hC1YQtfBohf6JINK_xk2Bw8QK1LMkQBJbUKuUH5rdikYlCFik4Wfb2LpIyJZjxkl0knCD-ds/h120/Pc+Tools+Tips.png' title='Be Our Fan'/></a><a href='<span style="color: mediumblue;">URL HERE</span>' target="blank">Follow us on Facebook!</a></b><br /><b></div></b><br /><b><div style='clear:both;'/></b><br /><b><div class='addthis_toolbox'> </b><br /><b><div class='custom_images'></b><br /><b><a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg76NYrGGjQKHWlJ9IOqAh2x2WpouE9wl27BpfcyImrMayv5sNsGymjTPqy2uM_LAZ3aBnDpvGsZ943AyB-IvDPFzMrzmV6EG9fmOCE2WcqhoNSeDjzEFRJ93SC5BIE-F10NIiSiGXnvc0/s1600/coolworld.in.png' width='32'/></a></b><br /><b><a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3P04XJqogwhJEfbKLBJmCmptHWtsvZmR4yhN1D52w9D-fvWYbmYq0iM535vit-vepsLK2baXEYBSQJ4QYi5J1cxym60TP3PebQBoj1VP0gDnAFq2rtoEEgnJo02eeQ63tifAuMEwJ4os/s1600/coolworld.in.png' width='32'/></a></b><br /><b><a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_evhLCYas-IjvwpPPqTKeLohCIm-alPnrcYvfvUQrwcqkU-8A1sl2-bE5_e8egrWX2ixywSHh_SJ-gq8YXCSkS39bs7YLP8nirp0TsW6gUX1qIeb_dXLP-1fzxT_9HojS78PutxMo-68/s1600/coolworld.in.png' width='32'/></a></b><br /><b><a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkHv5jtIvYW0fNr_D7XY-DvGb3345iclEpH1et255E19PIIVtIcK2ZY2VQp9wUtK5A5cUSJR317M6dmU0v1fSxfsvnWOKzROj4s8yU6GjP_1TdhSPsepFyW95BkkrivqcomOpxWji1itc/s1600/coolworld.in.png' width='32'/></a></b><br /><b><a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-oEv6rXN39djSIb2xfTIiqVQJTo9otprUK0mLU6uJuRb0Ty-78iM-bbFvPcBB_Sx7S5Bc6vDDvr7DbjxqcrCesP-NHObrIB49tKAEp6bzVNE5RzDpX5Ir0aSSG90z93-Gg6SE0ftgLI/s1600/coolworld.in.png' width='32'/></a></b><br /><b><a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_L-DlbAp4KiAlMYINnixGtlAYkve1BGA4yIA5gKbPOXLUtPkfIX2vvHzD84c0dT8JyaKEdjf51ap1ojeLnJpThXmOBeWF_e6cSy6yO5Cd4uCtw2Kr4GQ_LHA_pQUY3rP2zO9OTN01ddo/s1600/coolworld.in.png' width='32'/></a></b><br /><b><a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhCwjM4I-uGqoPm_8PweGVF3qGuPfC2UNwct2ansKZ0WvWU45JEC4yBZxLsSkb443Jr3SIgz0wL-Fec6enhhK7maylVdFKOuygW6-QuJFCou4meAxdpJuxZKo0OkZYUfNJ74ProVQxMnI/s1600/coolworld.in.png' width='32'/></a></b><br /><b></div></b><br /><b><script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/></b><br /><b></div></b><br /><b><div style='clear:both;'/></b><br /><b></script></b><br /><b></div></b><br /><b></div></b><br /><b></div></b></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>4) Customize your setting.Find any word click<span style="color: blue;"> F3</span> or <span style="color: blue;">Ctrl+F</span>.</b></div> <ul style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; list-style: none; margin: 0px; padding: 0px; text-align: center;"> <li style="list-style: none; margin: 0px; padding: 0px;"><b>Replace it <span style="color: red;">USERNAME1</span> with your Feedburner Username.</b></li> <li style="list-style: none; margin: 0px; padding: 0px;"><b>Replace it <span style="color: deepskyblue;">USERNAME2</span> with your Twitter Username.</b></li> <li style="list-style: none; margin: 0px; padding: 0px;"><b>Replace it <span style="color: mediumblue;">URL HERE</span> with your Facebook Username.</b></li> </ul>

Add Stylish Social Sharing Widget With Hover Effect For Blogger

Add Social Media Sharing widget at top right your blog. This awesome widget was made by newth3. If you like this widget, simply follow the...

Read more »

Add New Breaking News Widget for Blogger

<div class="separator" style="background-color: white; clear: both; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <span style="font-size: x-small;"><b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdIfj4MV7q96pccdshllkuYITej0jzMs58qKZnclUjrCpNAO4JcGoQb3iQM09JQBGyx43mzDE-tqazzebgd8RfnmczJb5iQvKOHpGzzsvaQRG3iBJQ40Yz2QULjfrny8zrni3wrjWO4_E/s1600/breakingnews_cover.jpg" imageanchor="1" style="color: #004d99; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdIfj4MV7q96pccdshllkuYITej0jzMs58qKZnclUjrCpNAO4JcGoQb3iQM09JQBGyx43mzDE-tqazzebgd8RfnmczJb5iQvKOHpGzzsvaQRG3iBJQ40Yz2QULjfrny8zrni3wrjWO4_E/s1600/breakingnews_cover.jpg" style="border: 1px solid rgb(204, 204, 204); max-width: 600px; padding: 2px;" width="400" /></a></b></span></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <span style="font-size: x-small;"><b><br /></b></span></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <span style="font-size: x-small;"><b>Hello to you again in the new topic, and exclusive of the blog newth3, today, we will add a new tool and easy, this tool you view the latest news blog in the form of a horizontal to suit the templates blogger. I hope you like it</b></span></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <span style="font-size: x-small;"><b><br /></b></span></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <span style="color: red;"><span style="font-size: medium;"><b>how to Add New "Breaking News"</b></span></span><br /> <span style="color: red;"><span style="font-size: medium;"><b><br /></b></span></span> <span style="color: red;"><span style="font-size: medium;"><b><br /></b></span></span></div> <iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube.com/embed/QSes5f99Das?feature=player_embedded" width="640"></iframe><br /> <br /> <br /> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <span style="font-size: x-small;"><b><span style="color: red;">Written explanation </span></b></span><br /><span style="font-size: x-small;"><b><span style="color: mediumblue;">Step 1 : Adding to Template</span></b></span><br /><span style="font-size: x-small;"><b>1) Go to Blogger Dashboard </b></span><span style="font-size: x-small;"><b><b><span style="color: orangered;"><span style="font-size: xx-small;"><span style="color: red;"><span style="color: orangered;"><span style="color: mediumblue;"><span style="color: black;">→</span></span></span></span></span></span></b> Template </b></span><span style="font-size: x-small;"><b><b><span style="color: orangered;"><span style="font-size: xx-small;"><span style="color: red;"><span style="color: orangered;"><span style="color: mediumblue;"><span style="color: black;">→</span></span></span></span></span></span></b> Edit HTML.</b></span><br /><span style="font-size: x-small;"><b>2) Now Find the code shown below using [<span style="color: mediumblue;">ctrl+F</span>] (Use In HTML Box)</b></span></div> <div class="rtcv" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqW-zryFLdQJvwR1hppMiSeWORiMPhSYIDAtvB3uJn9-CbS11GW9aRQhCMDuCqud9EoSehEHBaCe3Gz_dRY2YnGelwG3VHrRAUn0AI8dJ4TaA74cssc2AYm-0DrLFiM-Q0BT8RI9Zowo4/s1600/Html+code.gif") 0% 0% repeat-y rgb(238, 238, 238); border: 1px solid rgb(170, 170, 170); color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; margin: 15px 35px 15px 15px; padding: 20px 10px 10px 35px; text-align: center;"> <div class="body" dir="ltr"> <span style="font-size: x-small;"><b><code></body></code></b></span></div> </div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <span style="font-size: x-small;"><b>3) Now Paste the Code Shown Below just <span style="color: red;">Before</span> it.</b></span></div> <div class="rtcv" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqW-zryFLdQJvwR1hppMiSeWORiMPhSYIDAtvB3uJn9-CbS11GW9aRQhCMDuCqud9EoSehEHBaCe3Gz_dRY2YnGelwG3VHrRAUn0AI8dJ4TaA74cssc2AYm-0DrLFiM-Q0BT8RI9Zowo4/s1600/Html+code.gif") 0% 0% repeat-y rgb(238, 238, 238); border: 1px solid rgb(170, 170, 170); color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; margin: 15px 35px 15px 15px; padding: 20px 10px 10px 35px; text-align: center;"> <span style="font-size: x-small;"><b><code><b:if cond='data:blog.pageType != &quot;static_page&quot;'><br /><b:if cond='data:blog.pageType != &quot;item&quot;'><br /><script type='text/javascript'><br />//<![CDATA[<br />$(document).ready(function () {<br />var url_blog = '<span style="color: magenta;">YOUR URL HERE</span>', //replace with your Domain<br />    numpostx  = 10; //Posts want to display<br />$.ajax({<br />    url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',<br />    type: 'get',<br />    dataType: "jsonp",<br />    success: function(data) {<br />        var posturl, posttitle, skeleton = '',<br />            entry = data.feed.entry;<br />        if (entry !== undefined) {<br />            skeleton = "<ul>";<br />        for (var i = 0; i < entry.length; i++) {<br />                for (var j=0; j < entry[i].link.length; j++)<br />                {<br />                     if (entry[i].link[j].rel == "alternate")<br />                        {<br />                            posturl = entry[i].link[j].href;<br />                            break;<br />                         }<br />                }                posttitle = entry[i].title.$t;<br />            skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';<br />        }<br />            skeleton += '</ul>';<br />            $('#recentpostbreaking').html(skeleton);<br />            // kode untuk efek pada breaking news<br />            function tick(){<br />            $('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); });<br />            }<br />        setInterval(function(){ tick () }, 5000);<br />        } else {<br />            $('#recentpostbreaking').html('<span>No result!</span>');<br />        }<br />    },<br />    error: function() {<br />            $('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>');<br />       }<br />});<br />});<br />//]]><br /></script><br />  </b:if></b:if></code></b></span></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <span style="font-size: x-small;"><b>4) Customize your setting.Find any word click <span style="color: blue;">F3</span> or <span style="color: blue;">Ctrl+F</span>.</b></span></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <span style="font-size: x-small;"><b>Replace <span style="color: magenta;">YOUR URL HERE</span> with your site url past here.</b></span></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <span style="font-size: x-small;"><b>5) Now Find the code shown below using [<span style="color: blue;">ctrl+F</span>] (Use In HTML Box)</b></span></div> <div class="rtcv" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqW-zryFLdQJvwR1hppMiSeWORiMPhSYIDAtvB3uJn9-CbS11GW9aRQhCMDuCqud9EoSehEHBaCe3Gz_dRY2YnGelwG3VHrRAUn0AI8dJ4TaA74cssc2AYm-0DrLFiM-Q0BT8RI9Zowo4/s1600/Html+code.gif") 0% 0% repeat-y rgb(238, 238, 238); border: 1px solid rgb(170, 170, 170); color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; margin: 15px 35px 15px 15px; padding: 20px 10px 10px 35px; text-align: center;"> <div class="body" dir="ltr"> <span style="font-size: x-small;"><b><code></head></code></b></span></div> </div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <span style="font-size: x-small;"><b>6) Now Paste the Code Shown Below just <span style="color: red;">Before</span> it.</b></span></div> <div class="rtcv" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqW-zryFLdQJvwR1hppMiSeWORiMPhSYIDAtvB3uJn9-CbS11GW9aRQhCMDuCqud9EoSehEHBaCe3Gz_dRY2YnGelwG3VHrRAUn0AI8dJ4TaA74cssc2AYm-0DrLFiM-Q0BT8RI9Zowo4/s1600/Html+code.gif") 0% 0% repeat-y rgb(238, 238, 238); border: 1px solid rgb(170, 170, 170); color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; margin: 15px 35px 15px 15px; padding: 20px 10px 10px 35px; text-align: center;"> <span style="font-size: x-small;"><b><code><b:if cond='data:blog.pageType != &quot;static_page&quot;'><br /><b:if cond='data:blog.pageType != &quot;item&quot;'><br /><style type='text/css'><br />#beakingnews{width:980px;margin:0 auto;line-height:25px;height:25px;background:#F7F7F7;overflow:hidden;margin-top:5px;}<br />#beakingnews .tulisbreaking{display:block;float:left;padding:0 7px;margin:0 5px 0 0;color:#FCFCFC;background:#5F0000}<br />#recentpostbreaking{float:left}<br />#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}<br /></style><br />  </b:if></b:if></code></b></span></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <span style="font-size: x-small;"><b>7) Now save your template.</b></span></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <span style="color: blue;"><span style="font-size: x-small;"><b>Step 2 : Add Widget to your blog</b></span></span></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <span style="font-size: x-small;"><b><span style="color: orangered;"><span style="color: mediumblue;"><span style="color: black;">1) Go to Blogger Dashboard </span>→ <span style="color: hotpink;">Layout</span> → <span style="color: orange;">Page Elements</span>.<br /><span style="color: black;">2) Add a</span> <span style="color: orangered;">HTML/JavaScript</span> <span style="color: black;">Gadget.</span><br /><span style="color: black;">3) Paste below code in it.  </span></span></span><span style="color: orange;"> </span></b></span></div> <div class="rtcv" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqW-zryFLdQJvwR1hppMiSeWORiMPhSYIDAtvB3uJn9-CbS11GW9aRQhCMDuCqud9EoSehEHBaCe3Gz_dRY2YnGelwG3VHrRAUn0AI8dJ4TaA74cssc2AYm-0DrLFiM-Q0BT8RI9Zowo4/s1600/Html+code.gif") 0% 0% repeat-y rgb(238, 238, 238); border: 1px solid rgb(170, 170, 170); color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; margin: 15px 35px 15px 15px; padding: 20px 10px 10px 35px; text-align: center;"> <span style="font-size: x-small;"><b><code><b:if cond='data:blog.pageType != &quot;static_page&quot;'><br /><b:if cond='data:blog.pageType != &quot;item&quot;'><br /><br /><div id='beakingnews'><span class='tulisbreaking'>Breaking News</span><!-- tag pembuka tempat Breaking News--><br /><div id='recentpostbreaking'>Loading...</div><!-- tag tempat daftar Breaking News ditampilkan--><br /></div><!-- tag penutup tempat Breaking News--><br />  </b:if></b:if><br /><div style='clear: both;'/></code></b></span></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <span style="font-size: x-small;"><b>5) Save your Widget.Don't forget to add the widget on the Center place. </b></span></div>

Add New Breaking News Widget for Blogger

Hello to you again in the new topic, and exclusive of the blog newth3, today, we will add a new tool and easy, this tool you view the l...

Read more »

Add Vertical Floating Social Sharing Bar For Blogger

<img height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR73xTHUCQKeQQo3VrsqzRcwq2DmJUQMf4wOK7_9IW6CQIRMDbBlZBMoQBp7kuzhRRe68bZhRo49hn2o7baFhN9h87mKfhwSQQfjhOFgmcR1m-E5iNczdMC4NwbDLBXm7eU3n70SCBUhs/s320/FLOATING-SHAREBAR.png" width="320" /><br /> hi there our pals today, We'll provide nice topic along with guide multiply your blog, Social bookmark creating helps you to obtain quick targeted traffic for a web site. This floating tavern can be acquiring Myspace, Yahoo and google furthermore, tweets, linked-in, Electronic mail along with Pinterest sociable reveal switches. If you wish to include a lot more switches inside then you can definitely produce your own personal widget by going to <a href="http://sharethis.com/"><b>sharethis.com</b></a> along with develop a floating widget on your web site.<br /> <br /> <b style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"><span style="color: orangered;"><span style="font-size: small;">HOW TO ADD VERTICAL FLOATING SOCIAL SHARING BAR FOR BLOGGER</span></span></b> <iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube.com/embed/Vub9f0VzCMo?feature=player_embedded" width="640"></iframe><br /> <br /> <br /> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b><span style="font-size: x-small;"><b><span style="color: red;">Written explanation </span></b></span></b></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>1) Go to Blogger <span style="color: magenta;">Dashboard</span> → <span style="color: blue;">Template</span> → <span style="color: red;">Edit HTML</span>.</b></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>2) Now Find the code shown below using [<span style="color: blue;">ctrl+F</span>] (Use In HTML Box)</b></div> <div class="rtcv" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqW-zryFLdQJvwR1hppMiSeWORiMPhSYIDAtvB3uJn9-CbS11GW9aRQhCMDuCqud9EoSehEHBaCe3Gz_dRY2YnGelwG3VHrRAUn0AI8dJ4TaA74cssc2AYm-0DrLFiM-Q0BT8RI9Zowo4/s1600/Html+code.gif") 0% 0% repeat-y rgb(238, 238, 238); border: 1px solid rgb(170, 170, 170); color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; margin: 15px 35px 15px 15px; padding: 20px 10px 10px 35px; text-align: center;"> <div class="body" dir="ltr"> <b><code></head></code></b></div> </div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>3) Now Paste the Code Shown Below just <span style="color: red;">Before</span> it.</b></div> <div class="rtcv" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqW-zryFLdQJvwR1hppMiSeWORiMPhSYIDAtvB3uJn9-CbS11GW9aRQhCMDuCqud9EoSehEHBaCe3Gz_dRY2YnGelwG3VHrRAUn0AI8dJ4TaA74cssc2AYm-0DrLFiM-Q0BT8RI9Zowo4/s1600/Html+code.gif") 0% 0% repeat-y rgb(238, 238, 238); border: 1px solid rgb(170, 170, 170); color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; margin: 15px 35px 15px 15px; padding: 20px 10px 10px 35px; text-align: center;"> <b><code><script type="text/javascript">var switchTo5x=true;</script><br /><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><br /><script type="text/javascript" src="http://s.sharethis.com/loader.js"></script><br /><script><br />var options={ "publisher": "074821ed-063e-4ae5-bad9-3e26ecf249f3", "position": "left", "ad": { "visible": true, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "googleplus", "twitter", "linkedin", "email", "pinterest"]}};<br />var st_hover_widget = new sharethis.widgets.hoverbuttons(options);<br /></script></code></b></div> <div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"> <b>4) Now Save Your Template. </b></div>

Add Vertical Floating Social Sharing Bar For Blogger

hi there our pals today, We'll provide nice topic along with guide multiply your blog, Social bookmark creating helps you to obtain qui...

Read more »

111 How To SEO Optimize Your Blogger Blog Titles For Higher Search Results

<div class="post-info" style="color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;"> <div dir="rtl" style="text-align: right;" trbidi="on"> <div style="text-align: center;"> <b><span style="font-size: medium;">This is called "Blogger/blogspot Title Swapping". Swapping blogs title can help boost your position in search engine results page listing and also increase clickthroughs. From an SEO (Search Engine Optimization) perspective, page title is the most important element in your blog in terms of ranking well in search engines. If you look at your browser's title bar you will notice that Blogger's default templates display your blog title in front of each page or post title. So page title would normally be displayed as:</span></b></div> <b><span style="font-size: medium;"></span></b><br /><div class="separator" style="clear: both; text-align: center;"> <b><span style="font-size: medium;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqfyNdOJE_r6X593xhr2n3G5hmNzVzuCiC2PrKkVum71yIm6Z7fAf6bKM3Co0gOVOhObDmEmp62JXOiJzcP85P20xCl6WWz5hTZD-pxXoDhujvA5f8bx5BLAhnqm8-9JVAU_eBlIwX2F5y/s1600/seo-optimize-blogger-title-for-more-visitors.png" style="color: #004d99; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="search results, blogger seo, seo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqfyNdOJE_r6X593xhr2n3G5hmNzVzuCiC2PrKkVum71yIm6Z7fAf6bKM3Co0gOVOhObDmEmp62JXOiJzcP85P20xCl6WWz5hTZD-pxXoDhujvA5f8bx5BLAhnqm8-9JVAU_eBlIwX2F5y/s1600/seo-optimize-blogger-title-for-more-visitors.png" style="border: 1px solid rgb(204, 204, 204); max-width: 600px; padding: 2px;" title="blogger seo optimization title swapping for higher search results" /></a></span></b></div> <b><span style="font-size: medium;"></span></b><div style="text-align: center;"> <b><span style="font-size: medium;"><br />After swapping the blog title, it will be appearing like this:</span></b></div> <b><span style="font-size: medium;"></span></b><br /><div class="separator" style="clear: both; text-align: center;"> <b><span style="font-size: medium;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9MvebJpwTqqiSe37sq7lTiZZLL92J4zGsOwFV_yNhlz_mwabbwZKHVDU3e0K5z6fFzOIEY7AVPNqVl0P09a-Qg_QEjRtypyK8mR1usPzKZ1G_07EPbeLRAUlrKX33qnjQKTsje19IJMTm/s1600/how-to-optimize-title-in-blogger-for-higher-ctr.png" style="color: #004d99; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="seo optimization, title swapping, blogger optimize" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9MvebJpwTqqiSe37sq7lTiZZLL92J4zGsOwFV_yNhlz_mwabbwZKHVDU3e0K5z6fFzOIEY7AVPNqVl0P09a-Qg_QEjRtypyK8mR1usPzKZ1G_07EPbeLRAUlrKX33qnjQKTsje19IJMTm/s1600/how-to-optimize-title-in-blogger-for-higher-ctr.png" style="border: 1px solid rgb(204, 204, 204); max-width: 600px; padding: 2px;" title="how to seo optimize your blogger blog titles for higher search results" /></a></span></b></div> <div style="text-align: center;"> <b><span style="font-size: medium;">This kind of placement will be also appearing in google search results. The reason why you should put post titles at the beginning is because users are more likely to search for specific post content rather than the actual name of your blog. So having the post titles at the beginning increases your chances of being found.<br /><br /><span style="color: #3d85c6;">How to optimize blogger post titles</span><br /><br /><span style="color: #3d85c6;">Step 1.</span> Log in to your <a href="http://www.blogger.com/home" style="color: #004d99; text-decoration: none;">Blogger Dashboard</a> and go to Template > Edit HTML</span></b></div> <b><span style="font-size: medium;"></span></b><br /><div class="separator" style="clear: both; text-align: center;"> <b><span style="font-size: medium;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoDvoHPjpzf2XVdXLYIgT1bddUU0DMLAC3naqf8E7ooOfg2KluyF7Z-_mN8isjWWg-cnNK3pm8JdWZTmfr9zlMbMRwiD0FUfAQd-WhIrCA0JTjSrDQIwJY8DFdVZMakWet4PKDo2GIRy-a/s1600/blogger-template-edit-html.png" style="color: #004d99; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoDvoHPjpzf2XVdXLYIgT1bddUU0DMLAC3naqf8E7ooOfg2KluyF7Z-_mN8isjWWg-cnNK3pm8JdWZTmfr9zlMbMRwiD0FUfAQd-WhIrCA0JTjSrDQIwJY8DFdVZMakWet4PKDo2GIRy-a/s1600/blogger-template-edit-html.png" style="border: 1px solid rgb(204, 204, 204); max-width: 600px; padding: 2px;" width="320" /></a></span></b></div> <b><span style="font-size: medium;"></span></b><div style="text-align: center;"> <b><span style="font-size: medium;"><br /><span style="color: #3d85c6;">Step 2.</span> Check the "Expand Widget Templates" checkbox</span></b></div> <b><span style="font-size: medium;"></span></b><br /><div class="separator" style="clear: both; text-align: center;"> <b><span style="font-size: medium;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnUAykMspI3x55KDsJK-qh-qGt8hxQoU1ynA0MH4CrtR4CirLif9gjmznUPiHY9iEpppC5B-FEUwC7o2UmLfiXVO41n3Mv0TgIoAuZrxo2m7j7s_kM8NZeuNI0A4QfWBiYZFLu_9Ndlw_3/s1600/blogger-expand-widget-templates-hide-pic-inside-posts.png" style="color: #004d99; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnUAykMspI3x55KDsJK-qh-qGt8hxQoU1ynA0MH4CrtR4CirLif9gjmznUPiHY9iEpppC5B-FEUwC7o2UmLfiXVO41n3Mv0TgIoAuZrxo2m7j7s_kM8NZeuNI0A4QfWBiYZFLu_9Ndlw_3/s1600/blogger-expand-widget-templates-hide-pic-inside-posts.png" style="border: 1px solid rgb(204, 204, 204); max-width: 600px; padding: 2px;" /></a></span></b></div> <b><span style="font-size: medium;"></span></b><div style="text-align: center;"> <b><span style="font-size: medium;"><br /><br /><span style="color: #3d85c6;">Step 3.</span> Find (CTRL + F) this code:</span></b><br /><blockquote class="tr_bq"> <b><span style="font-size: medium;"><title><data:blog.pageTitle/></title></span></b></blockquote> <b><span style="font-size: medium;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjddQe_gP7BuFykc5BAyP7y4mPoIA-UYleyp5SZixnMYNIDS2P28Zd8CHfg2ikaywYBaqwffyS9ENuNKOWZ7gPgI6RCfio6r_jipHYD_PjW426AhRvBaq4PnkyxzDUVWVi7P5MgdmmQQAxs/s1600/how-to-seo-optimize-blogger-blog-title-for-higher-search-results.png" style="color: #004d99; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjddQe_gP7BuFykc5BAyP7y4mPoIA-UYleyp5SZixnMYNIDS2P28Zd8CHfg2ikaywYBaqwffyS9ENuNKOWZ7gPgI6RCfio6r_jipHYD_PjW426AhRvBaq4PnkyxzDUVWVi7P5MgdmmQQAxs/s1600/how-to-seo-optimize-blogger-blog-title-for-higher-search-results.png" style="border: 1px solid rgb(204, 204, 204); max-width: 600px; padding: 2px;" /></a><br /><br /><span style="color: #3d85c6;">Step 4.</span> Replace the code above with this one:</span></b><br /><blockquote class="tr_bq"> <b><span style="font-size: medium;"><b:if cond='data:blog.pageType == "item"'><br /><title><data:blog.pageName/> |<data:blog.title/></title><br /><b:else/><br /><title><data:blog.pageTitle/></title> </b:if></span></b></blockquote> <b><span style="font-size: medium;"><br /><span style="color: #3d85c6;">Step 5.</span> Click Save Template and you are done.</span></b></div> </div> </div>

111 How To SEO Optimize Your Blogger Blog Titles For Higher Search Results

This is called "Blogger/blogspot Title Swapping". Swapping blogs title can help boost your position in search engine results pa...

Read more »