Güncel Haberler, Yazılım, Teknoloji ve İnternet Paylaşım

Sayfada Sağ Altta çıkan sosyal beğen kutusu

sayfa da çıkan beğen kutusu
Sosyal beğen kutusu
    Blogunuzu etkin olarak kullanmada sosyal medyanın etkisi oldukça fazla. Oluşturulan bir web sitesi ya da blogun sosyal medya'yı etkin olarak kullanması gerekir. Arama motorlarından gelen trafik kadar sosyal medyadan da gelecek olan trafik blogunuza daha fazla ziyaretçi uğramasına sebep olacak. Şirketlerin sosyal medya uzmanı alarak , aslında sosyal medya ya ne kadar önem verdikleri'de ortada. Kısacası sosyal medya artık internet hayatının bir parçasından daha da fazlası .
    Sosyal medyanın etkisi bu kadar göz önündeyken blog yazarlarının da bunu dikkate alması gerekir. Peki ne yapılabilir.?Öncelikle sosyal medya butonları , paylaş butonları Blogger blog'a eklenmelidir.Yazı altına sosyal paylaş butonları vs. kısacası ziyaretçinin beğendiği bir makaleyi sosyal medya da paylaşması.Makale sonunda bulunan sosyal paylaşım butonlarının etkisinden Sosyal medya butonları ve bir kaç blogger eklentisi hakkında yazılar paylaşmıştım daha önceleri.
   Sosyal medyanın etkisinden bu kadar bahsettikten sonra sizin de anlayacağınız üzere bugünkü yazım sosyal medya butonları üzerine.Fakat bu paylaşımım diğerlerinden biraz farklı. Sayfada Sağ Altta çıkan sosyal beğen kutusu'nu anlatmadan önce test butonuna tıklayarak test edebilirsiniz.
                                                TEST
    Sayfada Sağ Altta çıkan sosyal beğen kutusu eklentisinde , sayfada aşağıya doğru inildikçe sağ alt kısımdan sosyal beğen kutuları çıkar.Görünürde ilk başta bir şey yoktur yani. Ziyaretçi sayfada aşağı indiği zaman bu beğenmeyi unutmayınız çıkar.
       Sayfada Sağ Altta çıkan sosyal beğen kutusu'nu blogger blogunuza eklemek isterseniz aşağıdaki adımları uygulayınız.
  • Blogger paneline giriş yapınız.
  • Yerleşim sekmesine tıklayınız.
  • Gadget ekle - Html javascript'e tıklayınız.
  • Aşağıdaki kodları açılan sayfaya yapıştırınız
  • Kaydet butonuna tıklayınız.
  • Kod kısmında mavi renk ile belirtilmiş olan yerlere kendi sosyal medya hesaplarınızı yazmayı unutmayınız.

<style>
#socialslide{background: rgb(41, 40, 40) url(http://3.bp.blogspot.com/-FZRJ9cS-Mkk/UXpZC0CGyrI/AAAAAAAAAgg/tnE5hftHXuM/s1600/recbg-btrix.png) left top repeat-x;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: inset 0 0 3px #333;
-webkit-box-shadow: inset 0 0 3px #333;
box-shadow: inner 0 0 3px #333;
padding: 12px 14px 12px 14px;
width: 300px;
position: fixed;
bottom: 13px;
right: 2px;
display: none;
z-index: 3;
height: 65px;
}
</style>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#socialslide").show("slow");else $("#socialslide").hide("slow");});function closesocialslide(){$('#msocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script>
<div style="display: none;" id="socialslide">
<a style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closesocialslide();">(X)</a>
<span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #FFFFFF;">Beğenmeyi unutmayınız!</span><br />
<div style="float:left; margin:15px;"><g:plusone annotation="none"></g:plusone></div>

<div style="float:left; margin:15px;"><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com/ugurturkoglu ;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div>

<div style="float:left; margin:15px;"><a href="https://twitter.com/ugurturkoglu" class="twitter-follow-button" data-show-count="false" data-size="large" data-show-screen-name="false">Takip Et @ugurturkoglu</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
</div>

<div class='clear'></div>



Bir önceki yazımda Blogger da Rss kutusu ve sosyal paylaşım butonları  hakkında bilgiler verilmektedir.

Yorumlarınız için teşkür ederim Conversion Conversion Emoticon Emoticon