Menu

Blogger Widget Css Sosyal Menü

Kaliteli Blogger Widget İçin Hazırlanmış Css Sosyal Menü,Blok açtım site hitim artmıyor neden bloğumu kimse ziyaret etmiyor google reklamlarıma neden kimse tıklamıyor bunların hepsinin nedeni site ziyaretçinizin az olmasıdır,peki organik site ziyaretçi sayısını nasıl artırabilirim SEO Mektebi olarak takipçilerimize önerimiz sosyal medyayı aktif olarak kullanmanızdır.

Sitenizin 100 kat daha fazla dönüşüm oranını artırabilirsiniz,oldukça iyi satış ve google reklamlarında da tıklama oranlarınızı artırabilirsiniz.Sosyal medya ile sitenizi sürekli takip eden sadık takipçi getirebilirsiniz bu ziyaretçiler sayesinde yazılarınız sosyal ağlarda paylaşılır.

SEO Mektebi'nin 15 in üzerinde sosyal ağ ile bağlantısı bulunmaktadır,bu sosyal medya siteleri ile makalelerimizin indekslenme süresi oldukça kısalmakta ve makalelerimizin tıklanma oranları oldukça fazladır.


Blogger Widget Css Sosyal Menü


Aşağıda Blogger kullanıcılarına faydalı olacak CSS Widget Sosyal Menü eklentisi ile yazılarınızı facebook,youtube,twitter,pinterest ve google+ ile yayınlayabilir ve sitenize şık bir görüntü sağlamış olursunuz.


Blogger Widget Css Sosyal Menü


Öncelikle css kodlarını ekliyoruz tema şablonunda bu kodu ]]></b:skin> buldukdan sonra üstüne aşağıdaki css kodlarını ekliyorsunuz.

/* CSS Widget Sosyal Menü Seomektebi */
#social_networks{text-align:center;display:block;margin:0 auto 20px auto;clear:both;background:#fff;padding:20px 10px;box-shadow:0 0 0 1px #eee;} #social_networks ul {display:block;margin:0 auto;padding:0;list-style:none;} #social_networks li{text-align:center;display:inline-block;margin:0 5px;width:36px; height:36px;transition:All 0.6s ease-out;} #social_networks li:hover{color:#eee;cursor:pointer;} #social_networks li:hover a{color:#fff;} #social_networks li a{display:inline-block;color:#aaa;line-height:36px;font-size:1.2em;transition:All 0.3s ease-out;} #social_networks li a:hover{color:#fff;} #social_networks li a span{display:none;} #social_networks li.facebook,#social_networks li.twitter,#social_networks li.youtube,#social_networks li.googleplus,#social_networks li.pinterest{text-align:center;background:none;cursor:pointer;box-shadow:0 0 0 1px #ddd;border-radius:100%;background-image: linear-gradient(110deg, #f56954 0%, #f56954 50%, transparent 50%, transparent 100%);background-size:200%;background-position:150% 0;background-repeat:no-repeat; transition: background-position .4s ease, color .4s ease;} #social_networks li a.facebook:hover,#social_networks li a.twitter:hover,#social_networks li a.youtube:hover,#social_networks li a.googleplus:hover,#social_networks li a.pinterest:hover{color:#fff;} #social_networks li.facebook:hover,#social_networks li.twitter:hover,#social_networks li.youtube:hover,#social_networks li.googleplus:hover,#social_networks li.pinterest:hover{color:#fff;background-position:0 0;box-shadow:0 0 0 1px #f56954;}


En son olarak HTML kodlarını ekliyoruz bu kodlarıda yerleşim bölgesinden HTML/Jacascript olarak ekliyebilirsiniz.

Blogger Widget Css Sosyal Menü

<div class="clear"/> <div id="social_networks"> <ul> <li class="sorting-01 facebook" title="Follow us on Facebook"><a href="#" target="_blank"><i class="fa fa-facebook"/><span class="inv"/></a></li> <li class="sorting-02 youtube" title="Follow us on Youtube"><a href="#" target="_blank"><i class="fa fa-youtube"/><span class="inv"/></a></li> <li class="sorting-03 twitter" title="Follow us on Twitter"><a href="#" target="_blank"><i class="fa fa-twitter"/><span class="inv"/></a></li> <li class="sorting-04 pinterest" title="Follow us on Pinterest"><a href="#" target="_blank"><i class="fa fa-pinterest"/><span class="inv"/></a></li> <li class="sorting-05 googleplus" title="Follow us on Google+"><a href="#" target="_blank"><i class="fa fa-google-plus"/><span class="inv"/></a></li> </ul> </div> <div class="clear"/>


CSS Widget Sosyal Menü kodları css ile oluşturulduğu için istediğiniz renk ve büyüklüğü css kodları ile oynayarak sağlayabilirsiniz.Kodların içinde bulunan (href="#") kare olan yere kendi sosyal medya adreslerinizi ekleyiniz.


Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

Henüz Yorum Yapılmamış " Blogger Widget Css Sosyal Menü "

Önerilen Yazı
×