Blogger Animasyonlu Sosyal Paylaşım Butonları

Blogger Animasyonlu Sosyal Paylaşım Butonları blog sitenizde bir çok yerde kullanabileceğiniz hareketli butonlardır. İsterseniz yayın sonunda da kullanabilirsiniz. Ziyaretçilerin sitenizi ziyaret ettiğinde dikkatini çeker ve sosyal ağlarda sitenizin tanıtılmasına olanak sağlar.

Animasyonlu sosyal Paylaşım Butonları

Blog sitesine sosyal paylaşım butonları ekleme nasıl olur?

1) Öncelikle blogger panelinizden Şablon> HTML düzenle kısmına girelim. ctrl+f yardımı ile arama kutusuna </head> kodunu aratıp bulalım ve bir üst satırına aşağıda vermiş olduğum kodları yapıştıralım.

See the Pen bgpXRY by Abdullah (@gidermisiniz) on CodePen.

2) Aşağıdaki kodu da yine şablon>html düzenle ve ctrl+f ile </body> kodunun hemen üstüne yapıştıralım.

See the Pen qRZePB by Abdullah (@gidermisiniz) on CodePen.

3) Sosyal paylaşım butonlarının nerede görünmesini istiyorsanız HTML kodu ile oraya ekleyin aşağıdaki kodlar yardımıyla bunu yapabilirsiniz.

 Not: # ile gosterilen yerlere kendi sosyal medya hesaplarınızı yazınız.

See the Pen qRZeVE by Abdullah (@gidermisiniz) on CodePen.

4) Eğer yazılarınızın altında görmek istiyorsanız. Tema kodlarının arasında <data:post.body/> kodunu bulun üst satırına aşağıdaki kodları ekelyin. Bundan bir kaç tane olabilir ve hangisi olduğunu tek tek denemeniz gerekir. Çünkü kodlar temadan temaya farklılık göstermektedir. 

<p data-height="265" data-theme-id="0" data-slug-hash="YNqmYW" data-default-tab="css" data-user="gidermisiniz" data-embed-version="2" data-pen-title="YNqmYW" class="codepen">See the Pen <a href="http://codepen.io/gidermisiniz/pen/YNqmYW/">YNqmYW</a> by Abdullah (<a href="http://codepen.io/gidermisiniz">@gidermisiniz</a>) on <a href="http://codepen.io">CodePen</a>.</p>

<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>

Demo Buraya Tıkla

Blogger Resimlere Pinterest Butonu Ekleme

Blogger Pinterest Butonu

Bir web sitesi için resimler her zaman öneli bir rol oynamaktadır.Pinterest, blog sitelerinde bulunan içerik görüntüleri ve resimlere 'pin' eklemek için, blogculara ve blog ziyaretçilerine hizmet sağlamaktadır. Blog sitesine giriş yapıldığında görüntülenen fotoğrafların / resimlerin üzerine mause ile gelindiğinde Pinterest kırmızı butonu çıktığında butona tıklayarak ve fotoğrafları / resimleri Pinterest hesabınıza ekleyebilirsiniz.

Tek yapmanız gereken Şablon - Html düzenle - ctrl+f - yaparak arama yerine </body> kodunu aratalım. Bulunan sonucun hemen bir üst satırına aşağıda vermiş olduğumuz kodları yapıştırıp şablonu kaydet diyelim.

See the Pen apdjJR by Abdullah (@gidermisiniz) on CodePen.

Demo Buraya Tıkla

Blogger Metro Tarzı Sosyal Paylaşım Butonları

Sosyal Paylaşım Butonları

Blogger metro tarzı sosyal paylaşım butonları yapımı artık çok basit. Blogunuzun kenar çubuğuna wisget olarak ekleyebileceğiniz sosyal paylaşım butonları sayesinde blogunuzun sosyal ağlardaki hesaplarınıza daha fazla ziyaretçi çekme imkanına sahip olacaksınız. Toplamda 7 adet sosyal ağ butonu bulunmakta ve resmen resimdeki gibi bir görünümü vardır. Aşırı derece şık.

1. Blogger giriş.

2. Yerleşim

3. Gadget Ekle

4. HTML/Jawascript

5. Aşağıdaki kodları kopyalayıp açılan pencereye yapıştırın ve # işareti olan yerlere kendi hesap adalrınızı yazın.

See the Pen bgVZdB by Abdullah (@gidermisiniz) on CodePen.

Demo Buraya Tıkla

Sayfa Sağına Hareketli Sosyal Paylaşım Butonları

Blogger Sosyal Paylaşım Butonları

Blogger siteniz için harika bir sosyal paylaşım eklentisi. Çok seri kullanabileceğiniz basit bir html eklentisi. Tek yapmanız gereken sosyal ağlardan sonraki site linkinin devamına kendi sosyal hesaplarınızı eklemeniz gerek.

See the Pen EZVoVj by Abdullah (@gidermisiniz) on CodePen.

Demo Buraya Tıkla

Blogger Demo ve Download Butonları

Blogger demo ve download butonları yapma, demo ve download butonları nasıl yapılır?, blogger önizleme butonu yapma, blogger slayt butonları yapma gibi soruların yanıtlarını bu yazımızda bulabilirsiniz.

Blogger Slayt Butonları Yapma -Download ve Demo

     Bu yazımızda artık sizde sitenize eklemiş olduğunuz bağlantıların demo yada download bağlantılarını şık ve animasyonlu bir şekilde sitenize ekleyip , sitenizin görünüşüne katkıda bulunabilir ve daha şık yapabilirsiniz. Bunun için yapmanız gereken basit bir kaç adım var.

Blogger için Demo ve İndir Butonları Nasıl Yapılır?

1. Blogger giriş.

2. Şablon

3. HTML'yi Düzenle

4. Açılan kodlar üzerinde herhangi bir yere tıklayın CTRL ve F tuşlarına aynı anda basarak arama kutusunu açın.

5. ]]></b:skin> kodunu bulun. Bu kodun üst satırına aşağıdaki  CSS kodlarındaki bütün kodu  ekleyin.

6. Şablonu kaydedin.
7. Gelelim bu butonları yazı aralarımızda nasıl kullanacağımıza. 

Diyelimki sadece demo butonunu kullanmak istiyoruz. O zaman HTML kısmındaki üstte bulunan kodları kopyalayıp kodu nerede kullanmak istiyorsak (yayın içinde) oraya ekleyin.

HTML kısmındaki kodları ''gidermisiz'' yazarak ikiye ayırdım. Sadece demo butonu için üsttekini download butonu içinse alttakini ekliyoruz. Her ikisini de kullanmak istiyorsak direkt olarak ''gidermisiniz'' yazısını silin ve HTML kısmında bulunan kodların tamamını alın.

Son olarak HTML kısmındaki kodlarda ''#'' kodları yerine kendi yönlendirmek istediğiniz sayfanın linkini yapıştırmanız yeterli olacaktır.

See the Pen JEdaxO by Abdullah (@gidermisiniz) on CodePen.

Demo Buraya Tıkla

Blog Sitesine Müzik Çalar Ekleme

Blogger sitesine müzik çalar ekleme, sitene müzik çalar ekle, blog sitesine müzik çalar nasıl eklenir?, Tumblr müzik oynatıcı nasıl eklenir? gibi soruların yanıtını bulabilirsiniz.

SCM Web Müzik Player

Sizde sitenize yada herhangi bir blogunuza müzik çalar ekleyebilirsiniz. Bunun için yapmanız gereken şeyler çok basit. En fazla üç adımda sizde blogunuzda istediğiniz her şarkıyı çalabilirsiniz.

1) SCM Player sitesine tıklayıp sağ üst köşede bulunan  ''Setup Wizard'' kısmına tıklamanız. Bu sayede direk gerekli yere yönlendirileceğiz.

2) Yönlendirildiğimiz yer '' Chose Skin'' kısmı olacak. Şimbi bu bölümde sitemize en uygun rengi yada beğendiğiniz herhangi bir oynatıcı seçmeniz gerek.

3) Seçiminizi yaptıktan sonra '' Edit Playlist'' seçeneğine tıklıyoruz. Gördüğünüz gibi '' Song Title'' ve ''Song URL'' adı altında alt alta bir çok yer çıkacak.
Burada ''Song Title'' kısmına  müziğin adını ''Song URL'' kısmına ise müziğin linkini koymanız gerekli. Müziklerin linklerini YouTube üzerinden temin edebilirsiniz.

4) Son olarak ''Configure Setting'' kısmında müzik oynatıcımızın ayarlarınız yapıyoruz. Aşağıya attığım resme bakarak ne anlama geldiklerini görebilirsiniz.

Siteye Müzik Çalar Ekle

Son olarak done kısmına tıklayın ve  verilen HTML kodunu blog siztenize ekleyin.

Demo Buraya Tıkla

Yazı Sonu Sosyal Paylaşım Butonları

Blogger Yazı Altı Sosyal Paylaşım Butonları

Blogger tabanlı blogunuzda yayınladığınız yayınların sosyal medya ağlarında paylaşılması, sitenizin daha çok tanınması ve şık bir görünüm kazanması için bu yazımızda sizlere yazı altına sosyal paylaşım butonlarını blogunuza nasıl ekleyeceğinizi anlatacağım. Çok basit iki adımdan oluşmaktadır.

1) Blogger panelimizden Şablon-HTML'yi Düzenle giriş yapın ve<data:post.body/> kodunu bulun. Bu kodun alt satırına gelecek şekilde aşağıda verdiğimiz kodlardan HTML kısmındakileri kopyalayıp yapıştırın.

2) Şimdi ]]></b:skin> kodunu bulun ve üst satına aşağıdaki CSS kısmında bulunan kodlarını yapıştırın.

See the Pen NdPqWR by Abdullah (@gidermisiniz) on CodePen.