Sayfada Sağ Altta çıkan sosyal beğen kutusu
6 saat önce Onur BATUR tarafından yazılmıstır.
 |
| 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.
- Yazı altına sosyal medya paylaşıml butonları
- Blogger sosyal paylaşım butonları
- Sayfa da aşağı inildiğinde çıkan paylaş eklentisi
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.
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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF5NHUhHDxG4Mr7hq5eETXOKp7XKSLA1JE8uMyMb159onidCqmou_3U4bTPdoaaf5FJm9SKjyu5_JagSAhCFXfgaWiR7CfzSJ8YrBi6cdD5v-0B4PJFdnNgwpM835IJGHbeDWDmRXhsRg/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&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font=arial&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.
Benzer Yazılar
Yorumlar ( Yorum Yok
)
