5 Mart 2014 Çarşamba

Linklerinize CSS3 ile Gökkuşağı Renk Efekti

CSS3 Animasyon ile Gökkuşağı Renk Efekti

Link, Türkçe anlam olarak İlişim ya da Bağlantı demektir. İnternet sayfalarında hypertext kullanılarak kullanıcının başka bir web sayfasına ya da uygulamaya yönlenmesini sağlayan bir bağlantıdır. Bu bağlanan web sayfaları aynı websitesi üzerinde olabileceği gibi başka bir websitesinde yani başka bir adreste de olabilir. İnternette dolaşmayı bu linkleri kullanarak yapıyoruz. Genelde sitelerde Linkler renkleri mavi ve altı çizili olarak görünür. Aşağıda vereceğim CSS3 animasyon kodları sayesinde linklerinizin üzerine gelindiğinde gökkuşağı gibi çesitli renklere dönüşecek. Tüm tarayıcılarda uyumlu, olan bu eklenti sitenize renk katacak. CSS3 Animasyon ile Hover Bağlantı Gökkuşağı Renk Efekti sitenizde büyük yer kaplamaz ve sitenize girenler üzerinde hoş bir etki yaratır.

Gökkuşağı Renk Efekti


Blogger için Hover Bağlantı Rengi Ekleme


  • Blogger panelinize giriş yapın
  • Şablon HTML'yi Düzenle
  • Ctrl+F yardımı ile ]]></b:skin> kodunu aratıp bulun.
  • Ve hemen üstüne aşağıdaki kodları kopyalayıp yapıştırın.

@keyframes MEFhovergokkusagi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}}
@-o-keyframes MEFhovergokkusagi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}}
@-ms-keyframes MEFhovergokkusagi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}}
@-moz-keyframes MEFhovergokkusagi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}}
@-webkit-keyframes MEFhovergokkusagi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}}
a:hover{
animation:MEFhovergokkusagi 4s infinite; /* Standart */
-o-animation:MEFhovergokkusagi 4s infinite; /* Opera */
-ms-animation:MEFhovergokkusagi 4s infinite; /* IE */
-moz-animation:MEFhovergokkusagi 4s infinite; /* Firefox */
-webkit-animation:MEFhovergokkusagi 4s infinite; /* Safari ve Chrome */
}

  • Şablonu Kaydet diyip çıkıyoruz. Bu kadar.

Hover Metin Link Gökkuşağı Etkisi için CSS3 animasyonu kullanır:

  • CSS3 animasyonunu Tüm tarayıcılar desteklemektedir.
  • Hala eski tarayıcıları kullanıyorsanız Mozilla Firefox gibi güçlü bir tarayıcıyı hemen indirin.
  • CSS3 animasyon kodunu kullanarak daha verimli ve özlü yapılmış, bu yüzden blog yükleme çok etkilenmez hale gelir.
  • Bloggerda gökkuşağı etkisi yaratmak, çeşitli renkler oluşturmak için CSS3 kodu kullanma kolay bi yöntemdir.
  • Blogcular için Yeni efektler (ek bir etki) çeşitliliğini geliştirmek için CSS3 animasyon kodunu kullanabilirler.
Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

Blog Yazarlığı Meslek Olur Mu?

Gerek insan kaynakları uzmanlarından, gerek de dijital pazarlama sektörünün önde gelenlerinden son zamanlarda sıkça duyduğum bir cümle var. “Blog yazarlığı bir meslek olacak!”

”Tam zamanlı blog yazarı aranıyor” ilanlarını görmek veya “ne iş yapıyorsun” sorusuna gelecek “blog yazarıyım” cevabını duymak bizim jenerasyona kısmet olur mu bilemiyorum ama bu konuda ileride büyük gelişmeler yaşanacağından ben de eminim.

Zira bireysel olarak blog okuma ve yazma konusunda son 10-15 yılda büyük aşama kaydettik. İlk olarak 2002 yılında üniversitede tanıştığım blog kavramını o güne kadar hiç duymamıştım. Bugün ise o yaşlardaki neredeyse her insanın en az bir blog yazma tecrübesi olmuş veya takip ettiği birçok blog var. Bu değişim çok değil 10-12 senede oldu işte.

Peki blog yazarlığının meslek olması ya da tam zamanlı bir iş olması için bireysel kullanımdaki bu farkındalık yeterli mi? Bence bireyler kadar markalar ve kurumların da vizyonunu genişletmesi gerekiyor.

blog yazarlığı
Marka ve kurumların kendi bloglarını oluuşturmaları, ciddiye almaları, bloglarını bir iletişim, satış ve bağlılık silahı olarak kullanmaları blog yazarlarına kadro açmalarını beraberinde getirecektir.

Türkiye’de markalar, henüz blgger kadroları açmasalar da blogların gücünü fark etmiş olmalılar ki son yıllarda bloggerlarla iş birliğine gitmeye başladılar. Bu sayede bloggerlar düzenli olmasa da hatırıı sayılır gelirler elde edebliyorlar.

Markaların yanı sıra e-ticaret sitelerinin de bloglara fazlasıyla ihtiyacı var. Satışlarını arttırmak için blog yazarlarıyla iş birliğine gidecekeri gibi SEO için kendi bloglarını yazmalılar. Eğer e-ticret sitesi bünyesinde SEO ve içerik konusunda meleke sahibi birileri yoksa, kariyer sitelerine “blog yazarı aranıyor”  şeklinde ilan vermeleri çok doğaldır. Bu da blog yazarları için bir iş fırsatı demektir.

Peki blog yazarları e-ticaret sitelerinin bloglarına neler yazar? Veya bire-ticaret sitesinin blogunda neler olmalı?

Bu soruyu yanıtlarken, bu yazının sponsoru olan Mark-ha’nın blogundan örnekler verelim isterseniz.

- Günümüzde en etkili satş & pazarlama taktiklerinen biri olarak gösterilen “öğretme”yi blog kullanarak uygulayablirsiniz. Örneğin Mark-ha’nın blogunda elbise mayo alırken veya tesettür mayo alırken nelere dikkat edilmesi gerektiği ile ilgili pratik bilgiler yer alıyor.

 

- Marka veya e-ticaret sitelerinin bloglarında müşterinin ürün seçimini kolaylaştıracak  içerikler de yayınlanması gerekir. Mark-ha blogda, ürün seçiminde işe yarayacak pratik bilgiler ile ölçü belirleme ile ilgili yardımcı içeriklere de yer verilmiş.

- Bu tür blogların olmazsa olmazları yeni ürünlerin tanıtımı ve kombin önerileridir. Örneğin Mark-ha’ya yeni bir bayan pijama takımı eklendiğinde hemen bir blog yazısı hazrlanarak ürün hakkında bilgi veriliyor. Bu sayede hem müşteri bilinçlendiriliyor, hem de sitenin SEO performansı arttırılıyor.

Son olarak ileride blog yazarlığını meslek haline getirmek isteyen kişisel blog yazarlarına bir öneride bulunmak istiyorum. 2 türlü içerik vardır; okuyucu için üretilen ve arama motorları için üretilen. Kişisel bloglarınızda okuyucu için içerik üretme konusunda kendinizi fazlasıyla geliştirmiş olabilirsiniz. Fakat ileride  markaların veya e-ticaret sitelerinin blogları için içerik üretecekseniz, işin arama motorları kısmında da kendinizi geliştirmeli ve bu üreteceğiniz içeriklerde bu ikisi arasındaki dengeyi iyi tutturmalısınız.

4 Mart 2014 Salı

Sürgülü In-Out 3D Sosyal Paylaşım Eklentisi

Sürgülü In-Out Sosyal Paylaşım Eklentisi

Merhaba arkadaşlar Bu eklenti 3D efektli, in-Out Sürgülü, 3 sosyal medya ve RSS butonu, Özet akışları aboneliğiyle diğerlerinden farklı bir eklenti. Üzerine tıklayarak in-Out Slayt şeklinde açılır kapanır özelliği sayesinde yer kaplamaz. Çekici, güzel, sade ve şık bir eklenti. Umarım sizlerde beğenirsiniz. Güle güle kullanın...



Lütfen şu adımları izleyin.
  • Blogger'a Git > Tasarım > HTML'yi Düzenle
  • Şablonunuzu yedekleyin!
  • ]]></b:skin> kodunu bulun.
  • Aşağıdaki kodu hemen üstüne kopyalayıp yapıştırın.

  • #meffixedfootermain{z-index:999999;width:300px;height:0;position:fixed;bottom:0;right:5px;}
    #meffixedfooterdiv{border-top:3px solid #444;border-right:3px solid #444;border-left:3px solid #444;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;backgroundcolor:#d7d7d7;overflow:none;width:300px;height:250px;position:fixed;bottom:0;right:5px;background:#fff;background:-moz-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-o-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-ms-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:linear-gradient(to bottom, #fff 0%,#e5e5e5100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#e5e5e5',GradientType=0 )}
    #meffixedfooterhide{z-index:999999;position:absolute;font-family:Oswald,Arial,Helvetica,sans-serif;bottom:250px;right:5px;width:285px;height:25px;cursor:pointer;background-color:#fff;padding-top:5px;border-top:3px solid #444;border-left:3px solid #444;border-right:3px solid #444;border-top-right-radius:5px;border-top-left-radius:5px;}
    #meffixedfootershow{position:absolute;bottom:0;right:5px;width:285px;height:25px;font-family:Oswald,Arial,Helvetica,sans-serif;cursor:pointer;background-color:#e5e5e5;padding-top:5px;border-top:3px solid #444;border-left:3px solid #444;border-right:3px solid #444;border-top-right-radius:5px;border-top-left-radius:5px;}
    .meffixedfooterdownarrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #333;}
    .meffixedfooteruparrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #333;}
    .meffixedfooterblockarrow{width:8px;height:10px;background-color:#333;}
    #meffixedfootersocial{position:absolute;font-family:Oswald,Arial,Helvetica,sans-serif;bottom:220px;right:10px;width:280px;height:30px;float:right;}
    #meffixedfootersocialicon{position:absolute;font-family:Oswald,Arial,Helvetica,sans-serif;bottom:135px;left:10px;width:auto;height:64px;}
    #meffixedfooteremailsubscribe{position:absolute;bottom:64px;width:225px;height:15px;right:20px;padding:10px;left:20px;}
    .meffixedfooteremailsubscribebox input.email{font-family:Oswald,Arial,Helvetica,sans-serif;width:225px;font-size:12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:7px 10px;}
    .meffixedfooteremailsubscribebox input.subscribe{-moz-box-shadow:inset 0 1px 0 0 #fff;-webkit-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;background-color:#f0f0f0;margin-top:5px;-moz-border-radius:6px;-webkit-border-radius:6px;width:249px;height:35px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#777;font-family:Oswald,Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;text-decoration:none;text-shadow:1px 1px 0 #fff;padding:2px;background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#f0f0f0),color-stop(1,#c9c9c9) );background:-moz-linear-gradient( center top,#f0f0f0 5%,#c9c9c9 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#c9c9c9');}
    .meffixedfooteremailsubscribebox input.subscribe:hover{background-color:#c9c9c9;background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#c9c9c9),color-stop(1,#f0f0f0) );background:-moz-linear-gradient( center top,#c9c9c9 5%,#f0f0f0 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9',endColorstr='#f0f0f0');background-color:#c9c9c9}


  • Kaydet butonuna tıklayıp bu ekrandan çıkın.
  • Daha sonra Blogger paneline tekrar giriş yapın. Yerleşim>Gadget Ekle>Html/Javascript'i seçiniz.
  • Aşağıdaki kodları istediğiniz şekilde özelleştirerek içine kopyalayıp yapıştırın ve kaydedin.

  • <div id="meffixedfootermain">
    <center id="meffixedfootershow"onmouseup="document.getElementById('meffixedfooterdiv').style.display='block'">
    <table style="margin-top:-2px;">
    <tr>
    <td>
    <center style="color:#333;font-size:15px;font-weight:400;">
    Abonelik ve Sosyal Medya
    </center>
    </td>
    <td>
    <center>
    <div class="meffixedfooteruparrow">
    </div>
    <div class="meffixedfooterblockarrow">
    </div>
    </center>
    </td>
    </tr>
    </table>
    </center>
    <div id="meffixedfooterdiv">
    <center id="meffixedfooterhide"onmouseup="document.getElementById('meffixedfooterdiv').style.display='none'">
    <table style="margin-top:-2px;">
    <tr>
    <td>
    <center style="color:#333;font-size:15px;font-weight:400;">
    Abonelik ve Sosyal Medya
    </center>
    </td>
    <td>
    <center>
    <div class="meffixedfooterblockarrow">
    </div>
    <div class="meffixedfooterdownarrow">
    </div>
    </center>
    </td>
    </tr>
    </table>
    </center>
    <div id="meffixedfootersocial">
    <center style="color:#333;font-size:12px;">
    Tüm Son Ve Yeni Makaleler, İpuçları ve Widgetler, Harika Blogger Eklentileri E-mail Adresinize Gelsin.!!!
    </center>
    </div>
    <div id="meffixedfootersocialicon">
    <table>
    <tr>
    <td>
    <a href="https://www.facebook.com/meftunmede.blogger"><img height="48px"width="48px" title="Facebook'ta bizi beğenin" alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYqcKinuqYB9JKONOAhO1gz2k_mSnjJsMhSpKR45gzVQJ3_fQ29U1C44c2oivVex_ec-cgpIOsU8MxHVPrBEW8e9XXYnmFjecJMQqqo1J5M57E_iPW9lo75NlI1Ts-9hB7JdMKnqU5HQqB/s1600/Facebook+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbie4YKpOnjWnVLg_ios-nhKBPpyvrOOILudj45fOXmVlZjGbyLUQ5y2-CtCjmLnxVuLIFQoLs61kUP0RMm_bOiNYRHF3mMBLAgyBsecSbg9kn1Dg0Aup05xQmJXYYaFbRbAB6eJDUDcax/s1600/facebook_color_64x64.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYqcKinuqYB9JKONOAhO1gz2k_mSnjJsMhSpKR45gzVQJ3_fQ29U1C44c2oivVex_ec-cgpIOsU8MxHVPrBEW8e9XXYnmFjecJMQqqo1J5M57E_iPW9lo75NlI1Ts-9hB7JdMKnqU5HQqB/s1600/Facebook+Icon.png'" border="0"/></a>
    <br />
    <a href="http://twitter.com/MeftunMede"><img height="48px"width="48px" title="Twitter'da Bizi Takip Edin" alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFHU7zKkngg0P3NEYj1FvPCs2Aky6UJKUELzTCtATnJ25VTxiuDqL_YBtuc7cZnQeaD-0hVuYlP7gagJQ25e7iQQ-Es5uar86HCk6ik6_NW8ydXFlrXndFxWRV1lTrH9KF8UxeqQuePyDR/s1600/Twitter+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv9TlYqJHExGxvLeFnaz_UdTO6TwqUsRklWTKzyNYlubbnv9SwnuYWECqZlZ8aDqmrB_bKljR-Vctc4jQHqxWHHAMcuFsxCvcZ8cLyW7aAsTiRMc2C-M8VlF55iZduXkoh5o6pXtSvQNVs/s1600/Twitter+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFHU7zKkngg0P3NEYj1FvPCs2Aky6UJKUELzTCtATnJ25VTxiuDqL_YBtuc7cZnQeaD-0hVuYlP7gagJQ25e7iQQ-Es5uar86HCk6ik6_NW8ydXFlrXndFxWRV1lTrH9KF8UxeqQuePyDR/s1600/Twitter+Icon.png'" border="0"/></a>
    </td>
    <td width="75px"valign="top">
    <a style="font-size:12px;color:#333;font-weight:400;" href="https://www.facebook.com/meftunmede.blogger">Facebook'ta bizi beğenin</a>
    <br />
    <br />
    <a style="font-size:12px;color:#333;font-weight:400;" href="https://www.twitter.com/MeftunMede">Twitter'da Bizi Takip Edin</a>
    </td>
    <td>
    <a href="https://plus.google.com/111555326072108216342"><img height="48px"width="48px" title="Çevrelere ekle" alt="Google Plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8CPNTjrEDLsMLq9wPwxZEWq954k8T2oKoIrLy9TjTcnc7Sa5NnlhIpKu2_Vza7UZeiipYZKZtaP-_iPm-T57vbBKQBIUL559SDp6jbmrhpBk-08apuhjWnPDW3ndkunNoyw4ux1FecKRm/s1600/Google+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2rQtL1DpvvnHcH059pGjADpb70JnJ231-v3lp0fp0G6rpSUKLv_sagO66SS2964-1MB-k3rPSXeGzIFTioMGbG-yAdSZgJ43HhcpZPHYfN7_3kw43U8IeNZOFxgOPr1e4-J8oqvoXe9Xi/s1600/Google+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8CPNTjrEDLsMLq9wPwxZEWq954k8T2oKoIrLy9TjTcnc7Sa5NnlhIpKu2_Vza7UZeiipYZKZtaP-_iPm-T57vbBKQBIUL559SDp6jbmrhpBk-08apuhjWnPDW3ndkunNoyw4ux1FecKRm/s1600/Google+Icon.png'" border="0"/></a>
    <br />
    <a href="http://feeds.feedburner.com/MeftunMede">
    <img height="48px"width="48px" title="RSS Özet akışları aboneligi" alt="RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_rT_z9npgK7DMpCKrQevOp2BUakDUz9jdbPA2QYyO87aX6M0ZTz2VD3JngeJwBddzK3uJlQvY0XnABRUTHow7-_ifdYDHnSB4n0EgN9P7yhkc55IRxiFYW9V0GCsiabw8kF99_VUAAv6N/s1600/Feedburner+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt6mZNd27hPgpyQJOab6YLXeI9q8GV7rkxlOqAgq50vmm1St2bHIVgRvuPZTgzi2KDWZcAyVH_MfSEicGbD79EZ0AG9QRHgE3T0xRpI5ytzinwud01xTA6T-JX3uJqs-Y7O2LN6wOMteQo/s1600/Feedburner+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_rT_z9npgK7DMpCKrQevOp2BUakDUz9jdbPA2QYyO87aX6M0ZTz2VD3JngeJwBddzK3uJlQvY0XnABRUTHow7-_ifdYDHnSB4n0EgN9P7yhkc55IRxiFYW9V0GCsiabw8kF99_VUAAv6N/s1600/Feedburner+Icon.png'" border="0"/></a>
    </td>
    <td valign="top">
    <a style="font-size:12px;color:#333;font-weight:400;" href="https://plus.google.com/111555326072108216342">
    Google+'da <br />Bizi Takip Edin</a>
    <br />
    <br />
    <a style="font-size:12px;color:#333;font-weight:400;" href="http://feeds.feedburner.com/MeftunMede">
    RSS Özet akışlarına<br />Abone olun</a>
    </td>
    </tr>
    </table>
    </div>
    <div id="meffixedfooteremailsubscribe">
    <div class="meffixedfooteremailsubscribebox">
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MeftunMede','popupwindow','scrollbars=yes,width=550,height=520');return true"><input class="email" type="text" id="email" name="email" value="Buraya E-postanızı girin..." onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;"onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;"/>
    <input type="hidden" value="MeftunMede" name="uri"/>
    <input type="hidden" name="loc" value="tr_TR"/>
    <input class="subscribe" name="commit" type="submit" value="E-Bülten'e şimdi abone olun"/>
    </form>
    </div>
    </div>
    </div>
    </div>

    Kod içinde kırmızı ile belirtdiğim yerleri, istediğiniz şekilde özelleştirebilirsiniz. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

    3 Mart 2014 Pazartesi

    Hazır Sosyal Paylaşım Eklentileri

    Hayatımızın önemli bir parçası haline gelen sosyal medyayı, bloglarımıza da çeşitli şekillerde entegre etmemiz gerekiyor. Gerek ziyaretçi getirmesi, gerek de Google’a sinyaller göndererek yazıların hızlı indexlenmesini ve SERP performansını arttırması açısından, sosyal paylaşım butonları blogların olmazsa olmaz eklentilerinden.

    Blog yazılarını okuyan kişilerin, bu yazıları kolayca sosyal medyada paylaşmasını sağlayan butonlara olan ihtiyaç ve talep artınca, bu butonları kolayca oluşturmanızı ve blogunuza eklememizi sağlayan siteler de artmaya başladı. Bunlardan en popüler 4 tanesini sizlere tanıtmak istiyorum.

    1. AddThis

    Bu alandaki en eski 2 siteden biri olan AddThis, kendini güncellemeyi başardı ve şuanda kullanıcılara sunduğu 5 farklı sosyal eklentisi var.Bunlar:


    - Paylaş butonları: 4 yatay, 3 de dikey versiyonu olan paylaşım butonlarını özelleştirerek hangi butonların gözükmesini istediğinizi belirleyebiliyorsunuz.

    Addthis paylaş butonları
    - Takip butonları: Sosyal apğlardaki hesaplarınıza link vererek kullanıcıları buralara yönlendrmenizi sağlayacak takip butonlarını AddThis ile kolayca oluşturup blogunuza ekleyebiliyorsunuz. Yatay ve dikey versiyonlarda büyük ve küçük ikon seçenekleri var.

    addthis takip et butonları
    - Hoşgeldin çubuğu: Blogunuza girildiğini sayfanın üst tarafında açılan ve içerisine istediğiniz sosyal ağın takip ya da paylaş butonları ile istediğiniz sayfaya link ekleyebileceğiniz, bir nevi “call to action” barı diyebiliriz. Renkleri de blogunuzun tasarımına uygun hale getirebiliyorsunuz.

    addthis hoşgeldin barı


    - Trend içerikler: Günün, haftanın veya ayın en çok paylaşılan içeriklerini listeyen bu eklentiyi kullanabilmeniz için AddThis paylaş butonlarını blogunuz eklemiş olmanız gerekiyor. O butonlar ayyesinde en çok paylaşılan yazılar otomatik hesaplanıyor ve ziyaretçiye “trend” olarak öneriliyor. Kaç yazı gösterileceğini ve görünümünü belirleyebiliyorsunuz.

    addthis trend içerikler


    - Akıllı katmanlar: Blogunuzu tek tıklamayla ekleyebileceğiniz 4 farklı katmandır. İsterseniz hepsini ekleyebilir, isterseniz işinize yaramayacakları kaldırabilirsiniz. Neler bu katmanlar? Sağ üst köşede açılır kapanır takip butonları, sayfayla hareket eden paylaş butonları, sayfayı aşağı kaydırdığınızda otomatik açılan öneri kutusu ve sayfanın en altında önerilen içeriklerin yer aldığı 4 adet kutu. Demoyu incelemek için burayı ziyaret edebilirsiniz.

    addyhis smart layers

     

     

    2. ShareThis

    AddThis’le birlikte en eski sitelerden biri olan ShareThis’in sosyal paylaşım butonlarını 3 adımda blogunuza kolayca ekleyebilirsiniz.

    1. adımda sitenizin hangi platformda olduğunu seçmeniz istenir.
    2. adımda butonların stilini seçmeniz istenir. 3 farklı stilden birini seçebilirsiniz.
    3. adımda ise hangi butonların yer almasını istediğinizi belirlersiniz.

    sharethis

    Son olarak get the code butonuna basarak kodunuzu ve blogunuza nasıl eklemeniz gerektiğini görebilirsiniz.

    3. Flare

    En yeni ve en ilginç sitelerden biri olan Flare ile sosyal paylaşım butonlarını blogunuza eklemek eğlenceli ve çok kolay. Çok şık ve orijinal bir tasarıma sahip  olan Flare sosyal paylaşım butonlarını yazı başlığının altına mı, yazının sonuna mı, ortaya mı, sağa mı, sola mı ekleyeceğinizi ayarladıktan sonra sürükle bırak tekbiği ile kolayca blogunuza ekleyebiliyorsunuz.

    flare
    Flare’de ücretsiz hesap açtıktan sonra +New butonuna tıklarak yeni bir flare oluşturmaya bşlayabilirsiniz. Gösterilecek sosyal paylaşım ikonlarını, blogunuzun neresinde gözükmeceğini ve renklerini anlık olarak blogunuzun üzerinde görebilirsiniz. Son haline karar verdikten sonra da blogunuza uygulayabilirsiniz.

    4. Markerly

    Sadece blog yazılarınızın değil, blogunuzdaki resimlerin ve yazının içerisindeki belli bir yerin sosyal ağlarda paylaşılmasını da sağlayan Markerly, bu özelliği diğerleri arasında ön plana çıkıyor.

    markerly

    Markerly’nin widget oluşturma sayfasına gittiğinizde sayfa, görsel ve metin paylaşım butonlarından hangilerini istediğinizi ve renklerini seçtikten sonra size verilen kodu blogunuzun </body> taginin üstüne eklemeniz yeterli.

    28 Şubat 2014 Cuma

    Neden Misafir Yazarlık Yapıyorum

    Bu yazı, Srgz Blog’un sahibi Vural Egemen Sarıgöz arafından Blog Hocam için yazıılmıştır.

    Bildiğiniz gibi Blog Hocam'da ve daha bir çok blogda misafir yazar olarak yer alıyorum. Daha önceki yazılarımdan birisini mutlaka okumuşsunuzdur. Üretkenliğin az olduğu, kopyala/yapıştır mantalitesi ile siteler,bloglar yönetmeye çalışanların cirit attığı bir mecrada yazı yazabilmenin bir maharet olduğunu düşünüyorum.

    Bir çok arkadaşımdan ''misafir yazar olarak başkalarının blogunda yayınladığın yazıları kendi blogunda yayınlasan daha iyi olur'' diyenlere rastlıyorum. Hatta bir arkadaşım bu konuda beni ikna etmek için neredeyse yarım sayfadan fazla bir mail göndermiş.

    Fikrim değişmedi, değişmeyecek!

    Blog Yazarı olarak 2006 yılından bu yana internette çeşitli yazılar yayınlıyorum. Bunların içerisinde siyasi olanlarda var , blog yazarlarına faydalı olabilmek adına kaleme alınmış yazılarda var. Bundan sonra yine aynı şekilde sevdiğim bloglarda,takip ettiğim bloglarda misafir yazar olarak yer almaya devam edeceğim. Bir arkadaşımın bloguna içerik desteği sağlamışım çok mu?

    Neden Misafir Yazarlık Yapıyorum?

    Misafir blogculuk üzerine bir çok makale okuduk/okudunuz. Bunların hepsinde misafir yazarlığın olumlu yanlarını gördük. Olumsuz yanı yok mu diyecek olursanız, bana göre olumsuz hiç bir yanı yoktur. Kendi blogunda yayınlasan daha iyidir diyenlerin paylaşımcılıktan ve hep banacılıktan başka gayeleri yoktur.

    Misafir yazarlığın iki çeşit artısı vardır. Maddi ve manevi...

    Maddiyatta şunları sıralayabiliriz.

    • Bir başka blogda misafir yazar olarak yazınızın yayınlanması durumunda o yazıdan dolayı blogunuza ziyaretçi gelecek ve ziyaretçi sayınız artacaktır.
    • Belki bu gelen ziyaretçiler arasından sadık okuyucular çıkacak ve sizi günlük olarak takip edeceklerdir.
    • Daha önce sizi duymayan insanlara isminizi fısıldamış olacaksınız.
    • Yazdığınız yazıda en az kendi blogunuza bir link vereceğiniz için bu size backlink kazandıracaktır.
    • Kendi blogunuzun iştigal konusu ile alakalı yazmak zorunda değilsiniz. İstediğiniz yazıyı yazıp uygun bir blogda yayınlanmasını sağlayabilirsiniz.Başka konulardaki fikirlerinizi de beyan etme şansı bulabilirsiniz.
    İşin bir de maneviyat boyutu vardır ki maddiyattan daha önemlidir.

    Maneviyatta şunları sıralayabiliriz.

    • Yeni blog yazarları ile tanışır , yeni dostluklar kurarsınız.
    • Yeni ortamlar keşfedip , yeni yazarların yeni yazılarını okursunuz.
    • Bir başka blog yazarının içerik üretmesine katkı sağlarsınız.
    • Başka blog yazarlarına örnek olursunuz.
    • Daha çok kişinin yazınızı okuduğunda mutlu olursunuz.
    • Misafir yazı da yazım kurallarına ve hitap şekillerine dikkat eder, bunu alışkanlık haline getirirsiniz.
    • Yazınızın altına yapılan yorumları cevaplayarak okuyucularla iç içe olursunuz.
    • Sizden yazı yazmanızı isteyen birine isteğini yerine getirmenin mutluluğunu yaşarsınız.
    • Kendinizden başka biri için bir şeyler yapmanın huzurunu tadarsınız.
    • Bildiklerinizi daha fazla kişiye aktarma imkanı bulduğunuz için sevinir ve kendinizi iyi hissedersiniz.
    Blogunuza hem misafir yazar kabul edin, davet edin hemde başka bloglarda misafir yazar olarak yerinizi alın. Srgz Blog'da misafir yazar olarak yer almak isterseniz vuralege[at]gmail.com adresinden iletişime geçebilirsiniz.

    Srgz Blog Yazarı Vural Egemen Sarıgöz'ün blogunuzda misafir yazar olarak yer almasını isterseniz yine mail adresimden davet edebilirsiniz. ''Davete icabet sünnettir'' ilkesi ile en kısa zamanda yazıyı size ulaştıracağımdan emin olabilirsiniz.

    Bu yazıyı okuduktan sonra en az bir tane yazı yazıp bir blog yazarı arkadaşınızın blogunda yayınlamanızı rica ediyorum.

    İyi bloglamalar dilerim.

    Vural Egemen Sarıgöz