Autolink for Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;">Do you know Simple Tags plugin in Wordpress ? it will search in your post any words like category name and make it a link to this category .For example ,in your post ,there is a category name "abc" ,Simple Tags will find in your post the word "abc" and make it a link to abc category .</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpKxa3gD1MtnK3dLPXE2b1SuIp58b6CVtjMVP-mgs5RIbAVIGDIkfH2tQK1O2wlZ_2rrLeMKK_4u0AoF7p1h5UANRT3pxwnlkgOFiRgbXRbqmN8khdX6QRINWpDVQhh2RTmPJcjccX02Q/s1600/10345175_logo.jpg" imageanchor="1" style="background-color: white; margin-left: 1em; margin-right: 1em;"><img border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpKxa3gD1MtnK3dLPXE2b1SuIp58b6CVtjMVP-mgs5RIbAVIGDIkfH2tQK1O2wlZ_2rrLeMKK_4u0AoF7p1h5UANRT3pxwnlkgOFiRgbXRbqmN8khdX6QRINWpDVQhh2RTmPJcjccX02Q/s1600/10345175_logo.jpg" width="400" /></a></div> <div class="separator" style="clear: both; text-align: start;"> <span style="color: #666666; font-family: Open Sans, sans-serif;"><span style="background-color: white; font-size: 14px; line-height: 23px;">A friend ask me for making something similar to Simple Tags in <a href="http://www.blogger.com/" target="_blank">Blogger </a>. So now I want to introduce Autolink script in Blogger for you .</span></span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="color: #666666; font-family: Open Sans, sans-serif;"><span style="background-color: white; font-size: 14px; line-height: 23px;"><br /></span></span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white;"><span style="color: #666666; font-family: Open Sans, sans-serif;"><span style="font-size: 14px; line-height: 23px;">You can see the demo of this script in </span></span><span style="color: blue; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;"><a href="http://bestseo4google.blogspot.com/" target="_blank">bestseo4google</a></span><span style="color: #666666; font-family: Open Sans, sans-serif;"><span style="font-size: 14px; line-height: 23px;"><a href="http://bestseo4google.blogspot.com/" target="_blank"> </a></span></span><span style="color: #666666; font-family: Open Sans, sans-serif;"><span style="font-size: 14px; line-height: 23px;"> demo here you can see in each post ,the word "Morbi" and word "nec" are autolinked to </span></span><span style="color: blue; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;"><a href="http://bestseo4google.blogspot.com/" target="_blank">bestseo4google</a></span><span style="color: #666666; font-family: Open Sans, sans-serif;"><span style="font-size: 14px; line-height: 23px;"><a href="http://bestseo4google.blogspot.com/" target="_blank"> </a>blog .</span></span></span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="color: #666666; font-family: Open Sans, sans-serif;"><span style="background-color: white; font-size: 14px; line-height: 23px;"><br /></span></span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;">Do you interested ? Here is steps : </span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;"><br /></span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;">1,Open your template in word editor . </span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;"><br /></span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;">2,Add this line before </span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;"><br /></span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;"></head> <script src="http://dinhquanghuy.110mb.com/autotag.js" type="text/javascript"></script> </span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;"><br /></span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;">3,Find this line </span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;"><b:if cond='data:blog.pageType == &quot;item&quot;'> </span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;">and look down ,you will see this code : </span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;"><br /></span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;"><p>                </span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;">                              <data:post.body/>                                                                           </p> replace it with <p>                         </span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white;"><span style="font-family: Open Sans, sans-serif;"><span style="font-size: 14px; line-height: 23px;"><span style="color: #666666;">                 <div expr:id='&quot;summary&quot; + data:post.id'>                                              <data:post.body/>                                          </div>                                                 <script type='text/javascript'>                                              highlightSearchTerms('</span><span style="color: blue;">nec</span><span style="color: #666666;">',true,'</span><span style="color: blue;">http://bestseo4google.blogspot.com/</span><span style="color: #666666;">','summary<data:post.id/>');                                              highlightSearchTerms('</span><span style="color: blue;">morbi</span><span style="color: #666666;">',true,'</span></span></span><span style="color: blue; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;">http://bestseo4google.blogspot.com/</span><span style="font-family: Open Sans, sans-serif;"><span style="font-size: 14px; line-height: 23px;"><span style="color: #666666;">','summary<data:post.id/>');                                          </script>                                                                            </span></span></span></span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;">   </p> </span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;"><br /></span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="color: #666666; font-family: Open Sans, sans-serif;"><span style="background-color: white; font-size: 14px; line-height: 23px;">take a look at the texts in bold . In this text ,"nec" and "morbi" is the text that script will find to add link , "<a href="http://bestseo4google.blogspot.com/">http://bestseo4google.blogspot.com/</a>" is the link . You can add more anchor text and link with this structure  </span></span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;"> highlightSearchTerms('text you want to add link',true,'link','summary<data:post.id/>'); </span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;"><br /></span></div> <div class="separator" style="clear: both; text-align: start;"> <span style="background-color: white; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px;">The script will find "text you want to add link" in your post and place a link "link" on this text .</span></div> </div>

Autolink for Blogger

Do you know Simple Tags plugin in Wordpress ? it will search in your post any words like category name and make it a link to this category ...

Plus d'infos »