Blogger’da Google+ Arkadaşlarından Bahsetme Özelliği

Blogger’ın yazılım mühendisi Malte Ubl, resmi  Blogger blogunda yapığı bir açıklamayla yeni bir özelliği bizlere tanıttı. Artık blog yazılarında çevrelerinizde bulunan her hangi bir Google+ profiline veya sayfasına mention gönderebiliyorsunuz.

 

Bunun için Blogger yazı editöründe mention göndermek istediğiniz kişinin ismin başına + işaret koymanız yeterli. + işareti koyup bir isim yazmaya başladıktan sonra çevrenizdeki kişiler listelenecektir. Böylece listeden mention göndermek istediğiniz kişiyi seçebilirsiniz.

 

 

Bu özelliği kullanabilmek için blogunuzu Google+ profilinize bağlamanız gerekiyor. Blogger gelişmeye ve devam ediyor. Bakalım sıradaki yenilik ne olacak…

Blogunuzu 2013’e Hazırlayın

Önümüzde bizi bekleyen, keyifle yazılar yazmaya devam edeceğimiz koca bir yıl var. Çoğumuz için blog yazmak bir tutku haline dönüştüğü için 2013 yılında da yazmak için sabırsızlanıyoruz. Yani yeni yıla hazırız. Peki ya blogumuz? Blogumuz 2013 yılına hazır mı? Hazırlamak için neler yapabiliriz?

 

 

1. Performansınızı Değerlendirin

 

2013 yılında blogunuzun performansını arttırmak için öncelikle 2012 yılının performansını değerlendirin. Ziyaretçilerinizin sizden ne istediğini, en ok hangi içeriklerin ilgi gördüğünü vs. analiz edin. 2013 yılında yazacağınız yazılarda bu verileri göz önünde bulundurun. Blogunuzun performansını değerlendirmek için Google Analytics’i kullanabilirsiniz.

 

2. Hedeflerinizi Gözden Geçirin

 

Geçtiğimiz yıl hedefleriniz nelerdi ve ne kadarını başardınız? Bunun değerlendirmesini yaptıktan sonra 2013 yılı için blogunuza hedefler belirleyin. Kısa ve uzun vadede hedefler koymak başarı yolunda size motivasyon kaynağı olacaktır. Koyduğunuz hedefleri bir kenara not edin. Yıl sonunda tekrar değerlendireceksiniz.

 

3. Kullanıcı Deneyimini Arttırın

 

İçeriğinizin niceli ve niteliği çok önemlidir. Hatta blog yazarlığında en önemli şeydir. Bu içeriği okuyucunuzun kolayca okuyabilmesi sizin sorumluluğunuzdadır. Okuyucuların daha hızlı ve zahmetsiz bir şekilde gezebildiği, farklı cihazlardan rahatlıkla erişebildiği blog oluşturmayı fazlasıyla ciddiye almalısınız.

 

4. Tasarımı Elden Geçirin

 

Yeni yıla yeni bir görünümle girmek hem sizde hem de okuyucularınızda heyecan yaratacaktır. Eğer tasarımınız sizinle özdeşleşmişse  keskin değişiklikler yapmanız gerekmez. Ufak tefek detaylar da ekleyebilirsiniz.

 

5. İçerik Planlaması Yapın

 

Ne yazık ki çok az blogda gördüm içerik planlaması. “İçerik planlaması nedir?” diyecek olursanız kısaca açıklayayım. İçerik planlaması, editöryal bir takvimde hangi günlerde hangi tür içeriğin yayınlayacağını önceden planlamaktır. Bu sayede hem belli bir düzene kavuşacak hem de okuyucularınıza düzenli içerik sağlayacaksınız.

 

6. Sosyal Hesaplarınızı Güncelleyin

 

Devir sosyal medya devri. 2013 yılında da öyle olacak. Her sosyal ağda mutlaka bir hesap edinin. Mevcut sosyal hesaplarınızdaki güncellemeyi ihmal etmeyin. Tüm sosyal profillerinizde aynı resmi kullanmaya özen gösterin. Markalaşmanıza yardımcı olacaktır.

Minimal Yatay Slayt Eklentisi

Görüntüsü ve işlevselliği ile blogunuza renk katacağını düşündüğüm bir galeri eklentisini paylaşmak istiyorum.

 

Bu fotoğraf galerisi eklentisi Jquery kullanılarak oluşturulmuş ve minimal bir tasarıma sahip. Yatay bir eklenti olduğu için ben blogun en altında eklenmesini uygun gördüm ama siz isterseniz ana sayfada veya diğer sayfalarda istediğiniz başka bir yere de ekleyebilirsiniz.

 

Galerinin sağında ve solunda bulunan navigasyon okları sayesinde resimler arasında geçiş yapabiliyorsunuz. Bu da galeriye onlarca resim ekleyebileceğiniz anlamına gelir. 5 resimlik yere onlarca hatta yüzlerce resim ekleyebilme imkanı sunduğu için oldukça kullanışlı bir eklenti. Nasıl çalıştığını görmek için aşağıdaki videoyu izleyebilirsiniz.

 

 

Blogunuza eklemek için Şablon > HTML’yi Düzenle > Devam Et yolunu izleyin ve Ctrl + F tuş kombinasyonunun yardımıyla  </head> kodunu bulun. Hemen üzerine şu kodları ekleyin.

 

<link href='https://drive.google.com/file/d/0BxxMpDce-fNUWE9QbU16SEw5dk0' rel='stylesheet' type='text/css'/>
        <script src='http://yourjavascript.com/51634122329/modernizr-custom-17475.js'/>

 

ikinci olarak yine şablondan </body> kodunu bulun ve hemen üzerine şu kodları ekleyin.

 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/45266829114/jquerypp-custom.js' type='text/javascript'/>
<script src='http://yourjavascript.com/31490241631/jquery-elastislide.js' type='text/javascript'/>
<script type='text/javascript'>
           
            $( &#39;#carousel&#39; ).elastislide();
           
        </script>

 

Somn olarak Yerleşim sekmesini açın ve burada Blog Kayıtlarının altındaki yatay Gadget ekleme yerine HTML/JavaScript olarak şu kodları ekleyin.

 

<!-- Blog Hocam Minimal Yatay Foto Galeri Eklentisi -->
                <ul id="carousel" class="elastislide-list">
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYzMl8iSXbScMBlPi7mhULN1N5p0SIXsaMW9hUqICwyA3CyjfQHJr1Ipcvg6MrW2nStoFJERPwGmw_Nr_mwHne18Enh9vm8Ub7smAfppkTYv798joNWjPodXwfyeDmLn-Po4qXGXhNChxW/s160/1.jpg" alt="image01" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJZmCFgy0eHWjKjG1v7CM08WWRMAQ3C0sX_0B3IV9OJIef41Xdd8KqeewYO2fZWiRMR6LYGBg46D2sQS6GFMjU6-VyDa6G_daxDJ_jbh5qoPxb82vXCJtfthvE1WIGgVwuWcLwihjwMGp1/s160/2.jpg" alt="image02" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-mqtoAmvrMT6BRoc1Y3dLPEuFetmC_Zq7huBv12KcWEIgN4do9ASIPOqfL6eFginfKNZNK5pWUEX9IMhyjeCKU9dsE72pXsrt09SFdwoK2UIQuam2FB1MrBJLf9eM2pRBJE679Ev5sj4X/s160/3.jpg" alt="image03" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi21q1H2tUeUChznAorrZ7u1gCz0W6KZKLgZch0H5S3XpT9Hys3AzDdYiqFbtTM_XHhT-RG1R_wsjzaAju-JmuFkPbEd-xnDdk9cCm-MttrBiQPonVpr3g6UHIRpvrNln2TH0YDdH42t6fi/s160/4.jpg" alt="image04" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2TEPlQBykOZwWmXO2s1CATOLQjJeUoRazYNRHu0q5nUOf-7dG-V0UzcAeGhMH6eFkTiYljCZYPHcD0_3zvMJQ7bT14lI29FahvnmWDCE1Oh_3JwLVWBGaamRNGddzRt_RcwOPwEuPvM2b/s160/5.jpg" alt="image05" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRIuL6grhnrAxjhZaPlxbSX1Rq9_1yGZbXYHCtm0RLr097oW6bYwoc-q-Vt7WttQYTx8ha0dg8PmsxvA8jTZXHuSwsB2S_N04_RLMa9F2H2eoiGpe3Wc3iz8sfHa_DAThP0RObwktPAIEF/s160/6.jpg" alt="image06" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7559f0gLZ9fN2zsuNPF9bKFnm01bCHAxEFF5DWd5t8OztjpuxgVmVTNeh6n0cEiMHlW-JqKEU7AS97kfRxnfzityX9MZT6_SfwGcZGtuMFGp5XRckEj8RxX8kSzNozlOxJlKTw8DQ5Cic/s160/7.jpg" alt="image07" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUofLcPkw6ONj5OmrGtrv4H2PvmB2s5FdhJns6BT-r3QtI71e0M9lqiDf9aJZirfsj5Upu6a5NEvQOn1tCFFRf8-DsoFjAdVgYcqZGR7ZD_nsYaIsFi3fWgbuCRVTL6yj0J0EsPn3zPOmQ/s160/8.jpg" alt="image08" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYvxt9NcaFHcrOFF1-GsUs60dAyarXT-NmYLq1KpWrHfqZa77yiSvMAeDzVOOMyP0Yvk5fbWpc52qkotGgK8Pdw1_e5gzc2k5RO1rqCxyDKOjZzFiS5sSkOdmWrEUqQbd8hVZn7aH4jhmz/s160/9.jpg" alt="image09" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL99bXSjNxc_sTMqIOr36hOtG5C3hDAmPMXmwcryFaJvXaLO6gAVbPOSvIUajAHoX_YEkDVf681Ftsphc_B1IrajbCiPkzE1-CDPy-y0nukU6JRISsdJ8psAxJ-5a3KXq-QUI0qEVTKwUr/s160/10.jpg" alt="image10" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3S2GN9X4D0BE_4DOPOwvnqqse5ZOAvUjRQ_me_bygMvJhc5atLl2wkPOP8Dbd0hsH6k7zso_aOp0AZNjEN7y16-htwSj8CK1ZPjh8HSlItt-XPEv-pzKk_DUKAdJnS2i9pOq-t4lxhk3C/s160/11.jpg" alt="image11" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-U0ipUTC5ZcoyooIoDT8d44Ikynuicm0x_QJ4xbQVUeKMH4ydNhwi8Snq1I2RHLZ5qOwAvletZykaemlQ7VQwWIH_tzw-OuLnKuxkUFCWkM-QDg4dODDYg8hmu9ZzR2Z13O2l6KSWrTba/s160/12.jpg" alt="image12" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYurxOHn_If3s-S-0w5Lc2xOeIuMcUGC7lA-sqb4D3i6GDfHYsJ1xV3NWfNQZH64is7buT_CYzzIcsBugwxsa0OJKGFZX2_TFSBTo0UTECi4qmPQ1SR1uR5Mg5mgxOZH5MtCNDPETuA3KA/s160/13.jpg" alt="image13" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyXXrAoOSHQRSHjdLVBoeXNNO3UzlihQz63WUX1hnIy1K73mnvi258dsKJbfqtScTFsR0rYrFz-kvjxsvKgihKkgLnbyYz84U4JdhJ3Kw3G5CApNUTfjRVvWnm-83qR1sB7-JgnBkcIzrI/s160/14.jpg" alt="image14" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlB5pHX1_UMmwQLS4sLziBDBbt9482hvaI_ZRIn6VXOARv04XGhfSyIQph214Hz4bQyGwBoSF0WRWQ_rbI0IBBwXmv5vEQyCmDnJXFz42DhS4Cs9Vg6qSpOlVbMzcRuVaSbGF35MPaSouE/s160/15.jpg" alt="image15" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdjIgyw_UezUdEslE0yVZYplLNUJzmYcO78RlfakZRvGJTzNSoTgARAruXi6RVej6qMz2_H6RYvImrOFVoSFRRww1RU9XH_uS6vMZPKAvtunT-EkSS7VtIMTAfvUOZ7nEkqXKt5zWtCfx8/s160/16.jpg" alt="image16" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZtbynBSGMgCz8u6ttu2LDx_T5ShQH8E49V0P4o6dzHF9jX6-DLYvRhfcqv6PPOSNNMkt1ZF8udseKUdZK3CZzDAOPtn53fgENnROw5jvL0ae_rgjjfC-rtI0_YAJp5pilDVuBGgoU__Uy/s160/17.jpg" alt="image17" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizWSGJopghoKezl_wnLsMHZj1BUZmC89Sz7SCeCBawf4l2XMRpND0E5Uar6DiYAKV8hArFrJnvYMa15JjlY3ifrDxpvckl9Ygf3bEm1qJ07S5n4yDNCffLOE0QCYUwduHFjuRHpvZmyNVt/s160/18.jpg" alt="image18" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5FvCyeYT3_V2ZYk4m_z8SPLqZ5FFThTMXm7GRnVHl65hnbVqh017PDixivqo33qW7bM78HV4cf21GuC6v7Ps793I23S71I5996Xdo5T3Uh6w775RgEXyL1_fzQVjjCGDiFlcQXlhb20WR/s160/19.jpg" alt="image19" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQEjHZQGYaJZ8JPt1DlMrl6hsTRhlmuy9XW9gKOOGcbafescEwF0HUoQPPVEc2V70AtCR-K-9OriwkK-nZpJYiE9VpLcCGuN4JdazuKsC0Jdb_-NXSbbaxZWtNaCAJp-K9yP5gN6rpvGd1/s160/20.jpg" alt="image20" /></a></li>
                </ul>
                <!-- Blog Hocam Minimal Yatay Foto Galeri Eklentisi -->

 

• Galeride göstermek istediğiniz resimlerin URL’lerini benim yazdığım .jpg uzantılı URL’lerle değiştirin.
• Resme tıklayınca açılmasını istediğiniz sayfaları # işaretinin olduğu yerlere yazacaksınız.
• alt="image01-20” olarak gördüğünüz yerlere ise resim hakkında bir tanım metni yazın.

 

Eklentiyi eklerken takıldığınız bir yer olursa yorum bölümünden sorabilirsiniz. Blogunuzun kenar çubuğunda kullanmanız için bu eklentinin dikey versiyonunu da yakında paylaşacağım.

“Google Arkadaşım Ol” Eklentimi Paylaşıyorum

Sağ tarafta gördüğünüz “Google Arkadaşım Ol” başlıklı eklentiyle ilgili çok mail aldım. Mail gönderen arkadaşlar bu eklentiyi kullanmak istediklerini söylediler ve paylaşmamı rica ettiler. Biraz gecikmeli olsa da sonunda paylaşıyorum.

 

 

Aktif bir Google+ kullanıcısıysanız bu eklenti çok işinize yarayacak. Ben bu eklentiyi bloguma ekledikten sonra Google+  arkadaşlarımın sayısında kısa sürede çok hızlı bir artış oldu. Başlıkta Google arkadaşım olun dediğim için beni ekleyenleri eklemezsem ayıp olurdu. Bu yüzden beni çevrelerine ekleyen herkesi (rahatsız edici şeyler paylaşmadıkları taktirde) ben de çevrelerime ekliyorum.

 

Eklentiyi blogunuza eklemek için Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleyerek aşağıdaki kodları yapıştırın.

 

<center><div style="border:1px solid #000;
-webkit-border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
 
width:278px;font-family:verdana;font-weight:bold;color:#666;"><div style="background: #F1921A;padding:2px;height:30px;font-size:14px;color:#fff;"><center style=" margin-top: 5px;">Google Arkadaşım Ol</center></div><center style="margin-top:5px;"><div style="font-weight:bold;padding:5px;">Serdar Kara</div><a href="https://profiles.google.com/110966163584417465277"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiZKvCnkISYga6W5YbfJMdycpNyE7D7k0nR4EIA4sZyZo0dzn73L-zMpUxMa_fUDmK75OJAVK84cIk7bTf9SxgM2ybU2w2BK-IjuEGZugUQgpf0W13_CojAFQSkRaG9jOwH9ISZTMlu_I5/s192/Serdar.png"alt="Serdar Kara" width="80" height="80" border="0" /></a><br /><br/><div style="font-size:80%;">Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.</div><br/><script type="text/javascript">window.___gcfg={lang: 'tr'};(function(){var po=document.createElement("script");po.type="text/javascript";po.async=true;po.src="https://apis.google.com/js/plusone.js";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(po, s);})();</script><g:plus href="https://plus.google.com/110966163584417465277" rel="author" width="210" height="69"></g:plus></center></div></center>

 

Değiştirmeniz gereken yerler :

• https://profiles.google.com/110966163584417465277 yazan yerlere Google+ profil URL’nizi yazın.
• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiZKvCnkISYga6W5YbfJMdycpNyE7D7k0nR4EIA4sZyZo0dzn73L-zMpUxMa_fUDmK75OJAVK84cIk7bTf9SxgM2ybU2w2BK-IjuEGZugUQgpf0W13_CojAFQSkRaG9jOwH9ISZTMlu_I5/s192/Serdar.png yazan yere kendi profil resminizin URL’sini yazın.
• Serdar Kara yazan yere kendi isminizi yazın.

Flash Mp3 Çalar Eklentisi

“Bir blogda en gereksiz 3 şey nedir?” diye bir soru sorsanız listeye eleyeceğim şeylerden biri mutlaka müzik çalardır. Ancak herkesin düşüncesi ve tarzı farklı olduğu için bloguna müzik çalar eklemek isteyen çok kişi ulaştı iletişim formuyla. Onlara geçici birkaç çözüm önerdikten sonra her bloga uyacak pratik bir müzik çalar scripti aramaya başladım ve sonunda istediğim gibi bir script buldum.

Fransız bir sitede Dewplayer isimli bir flash script bularak bunu bir Blogger eklentisine çevirdim. Her tasarıma uyması için birkaç farklı versiyonunu paylaşacağım. İstediğiniz versiyonun altındaki kodları Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleyerek açılan pencereye ekleyin. 

1. Classic Versiyon

<object type="application/x-shockwave-flash" data="https://drive.google.com/file/d/0BxxMpDce-fNUTmJVVTUwS3REbWc" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">

<param name="movie" value="https://drive.google.com/file/d/0BxxMpDce-fNUTmJVVTUwS3REbWc" />

<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />

</object>

2. Mini Versiyon

<object type="application/x-shockwave-flash" data="https://docs.google.com/file/d/0BxxMpDce-fNUazZJMVkyRFFBWDA" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">

<param name="movie" value="https://docs.google.com/file/d/0BxxMpDce-fNUazZJMVkyRFFBWDA" />

<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />

</object>

3. Vol Versiyon

<object type="application/x-shockwave-flash" data="https://docs.google.com/file/d/0BxxMpDce-fNUeUdYNWNjVHRtRDg" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">

<param name="movie" value="https://docs.google.com/file/d/0BxxMpDce-fNUeUdYNWNjVHRtRDg" />

<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />

</object>

4. Bubble Versiyon

<object type="application/x-shockwave-flash" data="https://docs.google.com/file/d/0BxxMpDce-fNUbXNQb1VGemVTaDQ" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">

<param name="movie" value="https://docs.google.com/file/d/0BxxMpDce-fNUbXNQb1VGemVTaDQ" />

<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />

</object>

Çalacak Şarkıyı Belirleme





Çalmasını istediğiniz şarkının bağlantısını kırmızı renkle yazdığım yere yazmalısınız. Bilgisayarınızda bulunan bir mp3’ün çalmasını istiyorsanız, o dosyayı öncelikle Dropbox’a yüklemelisiniz. Daha sonra aynı benim yaptığım gibi Dropbox üzerindeki bağlantıyı kırmızı renkle gösterdiğim yere yazmalısınız. Dropbox nedir? Nasıl kullanılır diyorsanız konuyla ilgili daha önce yazdığım yazıyı okuyabilirsiniz.








Yazı İçersine MP3 Çaları Ekleme





Yukarıda size gadget olarak ekleyebileceğinizi yazmıştım ama isterseniz bu mp3 çaları yazınızın içerisine de ekleyebilirsiniz. Bunun için Yeni Yayın  oluştur dedikten sonra HTML sekmesini açıp istediğiniz müzik çaların kodlarını buraya ekleyebilirsiniz.














Takıldığınız bir yer olursa yorum bölümünden sorabilirsiniz. Bu arada yazıyı arkadaşlarınızı paylaşmayı unutmayın :)