The Code

 <b:if cond='data:blog.pageType == "item"'>&lt;script&gt;var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 1;var pfHideImages = 0;var pfImageDisplayStyle = 'right';var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfBtVersion='1';(function(){var js, pf;pf = document.createElement('script');pf.type = 'text/javascript';if ('https:' === document.location.protocol){js='https://pf-cdn.printfriendly.com/ssl/main.js'}else{js='http://cdn.printfriendly.com/printfriendly.js'}pf.src=js;document.getElementsByTagName('head')[0].appendChild(pf)})();&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;var pfButtonHTML = '&lt;a href=&quot;http://www.printfriendly.com&quot; style=&quot;margin-top:0.5em; float:left;display:block; margin-right: 0.5em; color:#6D9F00; text-decoration:none;&quot; class=&quot;printfriendly&quot; onclick=&quot;window.print(); return false;&quot; title=&quot;Printer Friendly and PDF&quot;&gt;&lt;img style=&quot;border:none;-webkit-box-shadow:none;box-shadow:none;&quot; src=&quot;http://cdn.printfriendly.com/pf-button-both.gif&quot; alt=&quot;Print Friendly and PDF&quot;/&gt;&lt;/a&gt;'; var pfBloggerJs; pfBloggerJs = document.createElement(&quot;script&quot;); pfBloggerJs.type =&quot;text/javascript&quot;; js= &quot;http://cdn.printfriendly.com/blogger.js&quot;; pfBloggerJs.src=js; document.getElementsByTagName(&quot;head&quot;)[0].appendChild(pfBloggerJs);&lt;/script&gt;</b:if>

<script type="text/javascript" src="http://100widgets.com/js_data.php?id=255"></script> 

1. From your blogger dashboard click temlate and the Edit HTML, Back up your template

2. look for </head> and past the following code above it 
   

       <script type="text/javascript" src="http://bilokr.googlecode.com/files/jquery.min.js.txt"/>
   

3. Now look for <data:post.body/> and past the bellow code after/under it   
   

    

   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
       <div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
       <b:if cond='data:post.labels'>
       <b:loop values='data:post.labels' var='label'>
       <data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div>
       <div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div>
       <script type='text/javascript' expr:src='&quot;http://graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot;'></script></b:if>

   
   

social media sharing buttons

1. First of all, Sign in to blogger, click Template and back up your template . 

2. Click edit HTML and search for <data:post.body/> and past the following code after it     

        <b:if cond='data:blog.pageType == &quot;item&quot;'><div class='tombol-berbagi-arlina'><div class='tombol-berbagi-arlina-fb'><a class='tombol-berbagi-fb' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'/><a class='tombol-berbagi-fb-label' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'> Share on Facebook</a></div><div class='tombol-berbagi-arlina-tw'><a class='tombol-berbagi-tw' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'/><a class='tombol-berbagi-tw-label' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'>Share on Twitter</a></div><div class='tombol-berbagi'><a class='tombol-berbagi-gp' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'/><a class='tombol-berbagi-gp-label' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on Google+</a></div><div class='tombol-berbagi'><a class='tombol-berbagi-lin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='_blank'/><a class='tombol-berbagi-lin-label' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='_blank'>Share on LinkedIn</a></div></div></b:if>

3. Now find  ]]></b:skin> and past the following code right before/above it. That is it. Enjoy

احتراف سيو

Today i am going to show you how to center the title's post on blogger, Please share this topic with your friends and family. thank  you!

- Here is how to center the title of the post:

1.  Log in to blogger, chose Template, edit HTML
2.  Use Ctrl + f and find : ]]></b:skin> 

 Add the following right above/before it: 

h3.post-title { text-align:center; } 

<script id="_wau3w6">var _wau = _wau || []; _wau.push(["classic", "qvd9jbro6vly", "3w6"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="//widgets.amung.us/classic.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

<script id="_wau96l">var _wau = _wau || []; _wau.push(["small", "qvd9jbro6vly", "96l"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="//widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

<script id="_wauxlq">var _wau = _wau || [];
_wau.push(["tab", "qvd9jbro6vly", "xlq", "left-middle"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="//widgets.amung.us/tab.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

1.  Does changing the blog's URL make my blog posts doesn't appear in search engine? No it does not, they will appear normally
2.  Does it make you loose your rank in Alexa? Yes, But you'll get your rank in awhile
3.  Does my visitors can find my blog easily? Yes

Code