Bloggera Sosyal Ağları Ekleyin

Bloggera Sosyal Ağları Ekleyin. Benim sitemde mevcuttur. yazınızın linkinide ekliyor. Temanızda Alttaki kodu aratın bir kaç tane olabilir en sonuncusuna ekliyeceğiniz kodlar.

 <data:post.body/>

Sonrasına Ekliyeceğiniz Kodlar.

 <div class='post-section post-share-buttons'>
                      <h4 class='post-section-title'>
                            <i class='fa fa-share-alt'/> <span data-l10n='SHARE:'>SOSYAL LİNKLER:</span>
                        </h4>
                        <div class='post-share-buttons-holder'>
                            &lt;!--[if !IE]&gt; --&gt;
                            <!--share-buttons-code-start--><script type='text/javascript'>var addthis_config = addthis_config||{};addthis_config.data_track_addressbar = false;addthis_config.data_track_clickback = false;</script><script async='async' src='https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f98ab455ea4fbd4' type='text/javascript'/><div class='addthis_sharing_toolbox'/><!--share-buttons-code-end-->
                            &lt;!-- &lt;![endif]--&gt;
                            
                            <div class='ie-sharing-buttons'>                                                                         
                                &lt;a href=&quot;https://twitter.com/share?url=<data:post.url/>&amp;amp;text=Simple%20Share%20Buttons&amp;amp;hashtags=simplesharebuttons&quot; target=&quot;_blank&quot;&gt;
                                    &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7n4APTwtnal5_VIcJNpjVRG_SwX3W2sC72U9i2O15XWmeooJkd5w4rZ-N2bV2O5craVnte92H5xBbPBJ5MYLvl9Bd5Vifz5BA7Rk_MtPnKapCfW37udWMf8TyFkOtKhtjki5n3KNli3Q8/s1600/ie-share-twiiter.png&quot; alt=&quot;Twitter&quot; /&gt;
                                &lt;/a&gt;        
                                
                                &lt;a href=&quot;https://www.facebook.com/sharer.php?u=<data:post.url/>&quot; target=&quot;_blank&quot;&gt;
                                    &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1f3qsvP7ktRDBtBX8Q7qZPxDNVCR9ixKT8lC4cO5nTTDO2iQRq7Wl6kHkggwqNpcUm9yaI_rKKuUH7kj4PRV73VBgRM2sKMqM9rOisQwCbnvFBrSNu9acn85Vc8HeT-q3KPH1vKGf5CJj/s1600/ie-share-facebook.png&quot; alt=&quot;Facebook&quot; /&gt;
                                &lt;/a&gt;                                
                                
                                &lt;a href=&quot;https://plus.google.com/share?url=<data:post.url/>&quot; target=&quot;_blank&quot;&gt;
                                    &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsQkbwrOYleR1RX_gl_pExAl2qbokc9CoA4Rjb3c7s6ZDivQu0MoMPfM93ryBKbrF9sdysaP2J27YWDnrZhM-W9cZjcHGRIF1bnwd-b-Nl8Pk0ALadfTiAMb73P9S01V1Rws4PbES9mqex/s1600/ie-share-google-plus.png&quot; alt=&quot;Google&quot; /&gt;
                                &lt;/a&gt;                                
                                
                                &lt;a href=&quot;javascript:void((function()%7Bvar%20e=document.createElement(&#39;script&#39;);e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);e.setAttribute(&#39;src&#39;,&#39;https://assets.pinterest.com/js/pinmarklet.js?r=&#39;+Math.random()*99999999);document.body.appendChild(e)%7D)());&quot;&gt;
                                    &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5_rcCw99LB7ds9kZhA6Edd7IAO3APFvMOk8ptscTCFyHm_CiioVYwSM9IYSk136aF4TnNePJ9Wd-2YLNwp799ZAiidQrvjWfpuhI59Fjoyzwmg8HSA3XyKBJqEjONWHzc7VTfmDJ3Px0R/s1600/ie-share-pinterest.png&quot; alt=&quot;Pinterest&quot; /&gt;
                                &lt;/a&gt;

                            </div>
                            
                        </div>
                        <div class='clear'/>
                        <!--var-share-url-start--><b:if cond='true'><!--var-share-url-start--><input class='post-share-buttons-url' expr:value='data:post.url'/></b:if>
                        <div class='clear'/>        
                    </div>
                    <div class='clear'/>

Sonra temanızda Alttaki kodu Aratın üstüne vereceğim css kodlarını ekleyin

]]></b:skin>

csss kodları

.post-share-buttons{width:100%}.post-share-buttons h4.post-section-title{font-size:18px;display:inline-block}.post-share-buttons-holder{display:inline-block}.post-share-buttons-url{display:block;width:100%;box-sizing:border-box;padding:10px;margin-top:10px;border:1px solid #ccc;font-size:16px;outline:0;-o-border-radius:2px;-ms-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}a.at-share-btn{-o-border-radius:2px;-ms-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}.header-post-sharing-buttons .post-share-buttons-url{display:none}.header-post-sharing-buttons{border-bottom:1px solid #ddd;margin:0 0 10px 0;padding:0 0 10px 0}.ie-sharing-buttons{display:none}

işlembu kadar sorusu olan yazsın.