Blogger Mükemmel Sosyal Paylaşım Eklentisi

Blogunuza sosyal paylaşım butonları arıyorsanız, bu kod tam size göre! Blogger sitenizde görsel olarak aşırı dikkat çeken bu sosyal paylaşım eklentisi ile blogunuza uğrayan ziyaretçilere yazılarınızı sosyal paylaşım sitelerinde paylaşmasını sağlayabilirsiniz. Sosyal paylaşım butonları sayesinde web sitenize gelen ziyaretçi sayısını arttırabilirsiniz.

Blogger Sosyal Paylaşım Butonları

Sosyal paylaşım butonları yan tarafta ki resimde gördüğünüz gibi oldukça şık bir blogger eklentisidir. Gelelim Siteye eklemeye;

Blogger Yönetici Paneline giriş yapıyoruz

Yerleşim  > Gadget ekleye tıklıyoruz.

Açılan pencerede HTML/JavaScript'e tıklıyoruz.

Aşağıda ki kodu alıp açılan sayfaya yapıştırın ve işlem tamamdır.

Kod:

<!--http://blogkaynagi.blogspot.com Blogger Sosyal Paylaşım Eklentisi Başlangıç-->
<div style="background: transparent url(http://4.bp.blogspot.com/-TKw8NP7GBpc/UujQaz9Rf1I/AAAAAAAAAEI/CR5FZFXoEzg/s1600/blogkaynagi+sosyal+eklenti.png) no-repeat; border: 1px solid #4891c1; box-shadow: 0px 0px 4px #888888; height: 250px; overflow: hidden !important; position: relative; width: 300px;">
<div style="left: 215px; position: absolute; top: 32px;">
<g:plusone annotation="none"></g:plusone></div>
<div style="left: 228px; overflow: hidden; position: absolute; top: 112px; width: 60px;">
<div class="fb-like" data-font="arial" data-layout="button_count" data-send="false" data-show-faces="false" data-width="150">
</div>
<div id="fb-root">
</div>
</div>
<script type="text/javascript">
<!-- http://blogkaynagi.blogspot.com Blogger Sosyal Paylaşım Eklentisi Bitiş -->
document.write(unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%6C%65%66%74%3A%20%31%33%30%70%78%3B%20%70%6F%73%69%74%69%6F%6E%3A%20%61%62%73%6F%6C%75%74%65%3B%20%74%6F%70%3A%20%31%37%39%70%78%3B%22%3E%0A%3C%61%20%63%6C%61%73%73%3D%22%74%77%69%74%74%65%72%2D%73%68%61%72%65%2D%62%75%74%74%6F%6E%22%20%64%61%74%61%2D%63%6F%75%6E%74%3D%22%6E%6F%6E%65%22%20%64%61%74%61%2D%6C%61%6E%67%3D%22%65%6E%22%20%64%61%74%61%2D%72%65%6C%61%74%65%64%3D%22%62%6C%6F%67%6B%61%79%6E%61%67%69%22%20%64%61%74%61%2D%76%69%61%3D%22%42%6C%6F%67%6B%61%79%6E%61%67%69%22%20%68%72%65%66%3D%22%68%74%74%70%73%3A%2F%2F%74%77%69%74%74%65%72%2E%63%6F%6D%2F%73%68%61%72%65%22%3E%54%77%65%65%74%3C%2F%61%3E%0A%3C%73%63%72%69%70%74%3E%21%66%75%6E%63%74%69%6F%6E%28%64%2C%73%2C%69%64%29%7B%76%61%72%20%6A%73%2C%66%6A%73%3D%64%2E%67%65%74%45%6C%65%6D%65%6E%74%73%42%79%54%61%67%4E%61%6D%65%28%73%29%5B%30%5D%3B%69%66%28%21%64%2E%67%65%74%45%6C%65%6D%65%6E%74%42%79%49%64%28%69%64%29%29%7B%6A%73%3D%64%2E%63%72%65%61%74%65%45%6C%65%6D%65%6E%74%28%73%29%3B%6A%73%2E%69%64%3D%69%64%3B%6A%73%2E%73%72%63%3D%22%2F%2F%70%6C%61%74%66%6F%72%6D%2E%74%77%69%74%74%65%72%2E%63%6F%6D%2F%77%69%64%67%65%74%73%2E%6A%73%22%3B%66%6A%73%2E%70%61%72%65%6E%74%4E%6F%64%65%2E%69%6E%73%65%72%74%42%65%66%6F%72%65%28%6A%73%2C%66%6A%73%29%3B%7D%7D%28%64%6F%63%75%6D%65%6E%74%2C%22%73%63%72%69%70%74%22%2C%22%74%77%69%74%74%65%72%2D%77%6A%73%22%29%3B%3C%2F%73%63%72%69%70%74%3E%0A%3C%73%63%72%69%70%74%3E%28%66%75%6E%63%74%69%6F%6E%28%64%2C%73%2C%69%64%29%7B%76%61%72%20%6A%73%2C%66%6A%73%3D%64%2E%67%65%74%45%6C%65%6D%65%6E%74%73%42%79%54%61%67%4E%61%6D%65%28%73%29%5B%30%5D%3B%69%66%28%64%2E%67%65%74%45%6C%65%6D%65%6E%74%42%79%49%64%28%69%64%29%29%72%65%74%75%72%6E%3B%6A%73%3D%64%2E%63%72%65%61%74%65%45%6C%65%6D%65%6E%74%28%73%29%3B%6A%73%2E%69%64%3D%69%64%3B%6A%73%2E%73%72%63%3D%22%2F%2F%63%6F%6E%6E%65%63%74%2E%66%61%63%65%62%6F%6F%6B%2E%6E%65%74%2F%65%6E%5F%75%73%2F%61%6C%6C%2E%6A%73%23%78%66%62%6D%6C%3D%31%26%61%70%70%49%64%3D%33%35%38%31%36%35%33%39%37%36%31%34%31%39%37%22%3B%66%6A%73%2E%70%61%72%65%6E%74%4E%6F%64%65%2E%69%6E%73%65%72%74%42%65%66%6F%72%65%28%6A%73%2C%66%6A%73%29%7D%28%64%6F%63%75%6D%65%6E%74%2C%27%73%63%72%69%70%74%27%2C%27%66%61%63%65%62%6F%6F%6B%2D%6A%73%73%64%6B%27%29%29%3B%3C%2F%73%63%72%69%70%74%3E%0A%3C%73%74%79%6C%65%3E%2E%67%65%62%65%70%64%3A%68%6F%76%65%72%7B%72%69%67%68%74%3A%30%70%78%20%21%69%6D%70%6F%72%74%61%6E%74%3B%7D%3C%2F%73%74%79%6C%65%3E%0A%0A%3C%21%2D%2D%68%74%74%70%3A%2F%2F%62%6C%6F%67%6B%61%79%6E%61%67%69%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2D%2D%3E%0A%3C%73%63%72%69%70%74%20%6C%61%6E%67%75%61%67%65%3D%22%4A%61%76%61%73%63%72%69%70%74%22%3E%0A%3C%2F%73%63%72%69%70%74%3E%3C%2F%64%69%76%3E%0A%0A%0A%0A%3C%61%20%73%74%79%6C%65%3D%22%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%62%6F%74%74%6F%6D%3A%30%70%78%3B%72%69%67%68%74%3A%2D%31%30%30%70%78%3B%64%69%73%70%6C%61%79%3A%62%6C%6F%63%6B%3B%6D%61%72%67%69%6E%3A%30%70%78%3B%70%61%64%64%69%6E%67%3A%30%70%78%3B%62%6F%72%64%65%72%3A%6E%6F%6E%65%3B%68%65%69%67%68%74%3A%31%38%70%78%3B%77%69%64%74%68%3A%31%32%35%70%78%3B%62%61%63%6B%67%72%6F%75%6E%64%3A%74%72%61%6E%73%70%61%72%65%6E%74%20%75%72%6C%28%27%68%74%74%70%3A%2F%2F%34%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%70%48%38%64%74%77%67%31%66%37%67%2F%55%75%6A%50%77%44%73%64%47%72%49%2F%41%41%41%41%41%41%41%41%41%45%41%2F%68%31%52%6A%32%6C%45%36%72%4A%38%2F%73%31%36%30%30%2F%62%6C%6F%67%6B%61%79%6E%61%67%69%2E%70%6E%67%27%29%20%6E%6F%2D%72%65%70%65%61%74%3B%6F%70%61%63%69%74%79%3A%30%2E%35%3B%66%69%6C%74%65%72%3A%61%6C%70%68%61%28%6F%70%61%63%69%74%79%3D%35%30%29%3B%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%62%6C%6F%67%6B%61%79%6E%61%67%69%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2E%74%72%2F%32%30%31%34%2F%30%31%2F%62%6C%6F%67%67%65%72%2D%73%6F%73%79%61%6C%2D%70%61%79%6C%61%73%69%6D%2D%65%6B%6C%65%6E%74%69%73%69%2E%68%74%6D%6C%22%20%63%6C%61%73%73%3D%22%67%65%62%65%70%64%22%3E%3C%2F%61%3E'));
</script></div>

Blogger Şık Duyuru Eklentisi

Bana göre blogger duyuru eklentisi olarak bugüne kadar paylaşılmış en şık, en kullanışlı duyuru panosu ile karşınızdayım. Web sitenizin sol alt kısmında yer alacak bu duyuru panosunu sitenize gelen her ziyaretçi çok beğenecek!

Kodlanmasında herhangi bir şekilde Javascript ve flash kullanılmayan bu mükemmel duyuru eklentisi, sadece HTML ve CSS3 kullanılarak yapılmıştır. Sitenizde herhangi bir kasmaya sebep olmaz.

Blogger Duyuru Eklentisi Ekleme

Blogger Yönetici Paneline giriş yapıyoruz.

Şablon > HTML'yi Düzenle'ye giriyoruz.

Açılan kod sayfasında Ctrl+F yaparak </body> 'i aratıyoruz ve hemen üstüne aşağıda ki kodu yapıştırıyoruz.

Diğer bir ekleme yolu ise;
Yerleşim  > Gadget Ekle > HTML/JavaScript'i açıp, aşağıda ki kodu açılan sayfaya yapıştırarak eklentiyi kullanabilirler.

<!--Blogkaynagi Blogger Duyuru Eklentisi Kod Başlangıç-->


<div id="menucon">
<div id="allcoder-tex">
<br/><b>Duyuru</b><br/><br/>

Merhaba!

<br/><br/>

Web siteniz de kullanabileceğiniz en yeni eklentiler blogkaynagi.blogspot.com'da !
Lütfen konulara yorum yapmayı unutmayalım!

</div>
</div>
<allcoder><style> #menucon{ position:fixed; bottom:10px; left:10px; width:130px;height:130px; background:transparent url(http://4.bp.blogspot.com/-d2P6c2gUTZs/UpPBn2rpnnI/AAAAAAAAi3w/fOfywJXwJ5g/s1600/see.png) no-repeat center center; transition: all 0.8s ease-in-out; background-size:cover; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; } #menucon:hover{ bottom:35px;left:35px; width:80px;height:80px; transform: rotate(720deg); -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); }#allcoder-tex{position:absolute;bottom:37px;left:38px; box-shadow: -1px 1px 5px 0px #888888; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; line-height:22px; -webkit-transition-timing-function:ease-in-out; opacity:0; width:0px;height:0px; padding:6px;color:#fff; font-family:Helvetica, Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:14px; text-align:center; -webkit-border-radius: 8px; -webkit-border-bottom-left-radius: 0; border-radius: 8px; border-bottom-left-radius: 0; }</style><style> #menucon:hover #allcoder-tex{ width:200px;height:250px; background:#444; opacity:0.6;} </style></allcoder>
<!--Blogkaynagi Blogger Duyuru Eklentisi Kod Başlangıç-->