Web Günlüğü

Blogger İnstagram Eklentisi

Blogger Instagram Eklentisi
Instagram hesabımızdaki son paylaştığımız fotoğrafları bloğumuzun herhangi bir yerinde göstermek için farklı üçüncü parti araçları kullanmak zorunda kalıyoruz. Fakat işin içine gizlilik ve güvenlik girince bu araçlardan vazgeçmek kaçınılmaz oluyor. Bugün biraz araştırma yaparak Instagram Api sayesinde her ne kadar Access Token oluşturma aşamasında biraz uğraşmış olsam da kısa bir süre içerisinde instagram hesabımdaki son fotoğrafları çekmeyi başardım.

WordPress gibi içerik yönetim sistemlerinde kod kullanmadan eklenti vasıtasıyla diğer php alt yapılı sistemlerde ise php kodları ile instagram eklentisi yapılabiliyor. Ben ise blogger alt yapısından dolayı JavaScript & jQuery yardımıyla bir nevi bir blogger instagram eklentisi oluşturdum.Instagram Api sayesinde bir nevi blogger instagram eklentisi oluşturmuş oldum.

Şimdi bu eklentinin nasıl hazırlanacağını detaylı bir şekilde anlatmak istiyorum. Öncelikle eklentiyi oluşturabilmemiz için yeni bir client Türkçe'yle istemci oluşturmamız ve bu clienti oluşturduktan sonra eklentimizin çalışabilmesi için gerekli olan access token'i oluşturmamız gerekiyor.

instagram.com/developer adresine girip sağ üstte kullanıcı ismimizin solunda yer alan Manage Clients bağlantısına tıklıyoruz. Daha sonra karşımıza gelen yani instagram.com/developer/clients/manage/ sayfasında sağ üstte yer alan Register a New Client butonuna tıklıyoruz.

Blogger Instagram Eklentisi

Açılan bu sayfada Details sekmesinde client detaylarını girmemiz gerekiyor. Valid redirect URIs kısmı access tokeni alabilmemiz için gerekli olan bir bağlantı, resimde olduğu gibi yine kendi blog adresinizi yazabilirsiniz. Yine bu sayfada yer alan Security sekmesinde yer alan onay kutularını ikisini de işaretsiz duruma getirerek Register butonuna tıklayıp client oluşturma işlemini tamamlayabilirsiniz.

Blogger Instagram Eklentisi

Evet işte client bilgilerimiz geldi şimdi buradaki bilgilerimiz aracılığı ve bir url yardımıyla access token oluşturacağız. Bunun için gerekli olan url resimin altında yer alıyor. Bu bağlantıdaki kalın puntoyla belirttiğim bilgi alanlarını alttaki resimde yer alan client bilgilerini girdikten sonra tarayıcı adres satırına yapıştırıp enter tuşuna basıyoruz.

Blogger Instagram Eklentisi
https://instagram.com/oauth/authorize/?client_id=CLIENT_ID_NUMARASI&redirect_uri=REDİRECT URI_ADRESİ&response_type=token

Alttaki resimde görüldüğü gibi bir ekran karşımıza çıktıysa hatasız bir şekilde devam ediyoruz demektir ama henüz işimiz bitmedi. Authorize butonuna tıklayarak Access Token oluşturma işlemini bitiriyoruz.

Blogger Instagram Eklentisi

Vee bitti access token oluşturma işlemimiz tamamlandı. Adres çubuğunda kırmızı çerçeve içine aldığım alan bizim access tokenimizi oluşturuyor.

Blogger Instagram Eklentisi

Eğer temanızda/şablonunuzda jquery kütüphanesi yer almıyorsa aşağıdaki jquery kütüphanesini şablon düzenleyiciyi açıp </head> kod öncesine ekleyin.
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

Şimdi sadece geriye aşağıdaki kodu kendi access token bilginize göre düzenleyip ister şablon içine isterseniz yerleşim sayfasında HTML/JavaScript Gadgeti yardımıyla bloğunuza ekleyebilirsiniz.

Kodlar içierisinde siyahla belirginleştirdiğim URL alanı oluşturduğumuz access tokenimizi kullanacağımız yer. users'den sonra yer alan sayısal alan kullanıcı ID'mizi oluşturuyor daha önce oluşturduğumuz access tokenin ilk nokta öncesinde yer alan 9 basamaklı sayıyı giriyoruz. Yine aynı satırda yer alan access_token'den sonraki uzunca sayı ise access tokenimizin tamamını kapsıyor buraya da access tokenimizin tamamını ekliyoruz ve işlemimiz bitiriyoruz. Son olarak for kısmında yer alan siyah renkle görülen 6 sayısı kaç adet fotoğrafın görüntüleneceğini belirtiyor.
<div class="blogram"><ul></ul></div>
<script>
$(function() {
$.ajax({
type: "GET",
dataType: "jsonp",
cache: false,
url: "https://api.instagram.com/v1/users/235007959/media/recent/?access_token=235007959.0501200.b466e461209a4de49b06587670d07f6d",
success: function(data) {
for (var i = 0; i < 6; i++) {
$(".blogram ul").append("<li><a target='_blank' href='" + data.data[i].link +"'><img class='instagram-image' src='" + data.data[i].images.low_resolution.url +"' /></a></li>");
}
}
});
});
</script>

Css kodlarını kendinize göre değiştirebilir, geliştirebilirsiniz.
.blogram {width: 600px; margin: auto;}
.blogram h1{margin:0 auto; text-align:center}
ul li{list-style:none; float:left; margin:5px}
img{
border:5px solid #000;
height:150px; width:150px
}
img:hover{
border:5px solid #fc4f3f;
}

Eklentiyi bloggerinstagrameklentisi.blogspot.com adresinde canlı olarak görüntüleyebilirsiniz.

Not : Bu yazı birden fazlan yabancı kaynaktan yararlanılarak bizzat tarafımca yazılmıştır. Kopyalanması, alıntılanması kesinlikle yasaktır.

Susuyorum

Siyasi olaylarla alakalı ne blogda ne de sosyal ağlarda bir şeyler paylaşmadığımı bilirsiniz bilmeyenler de öğrenmiş olur bu vesiyle. Hep sessizdim susuyordum ve aynı şekilde devam edeceğim. Bu yazıyı kendimi birilerine ispat etmek veya egomu tatmin etmek için değil sadece kafamı biraz boşaltmak için yazdığımın bilinmesini istiyorum. Çünkü telefon, bilgisayar başında bir kaç resimle süslü püslü yazılarla bu ülkeyi veya dünyayı kurtaramayacağımı biliyorum. Ki bunları yapanlar da kurtaramayacak onu da çok iyi biliyorum.

Elbet ben de ölen şehitlere üzülüyorum ve en az, en çok üzülenler gibi görülenlerden daha fazla üzülüyorum ama sırf insanlar üzüldüğümü bilsin, bunu görsün veya beni tebrik etsin diye üzülmüyorum.

Ülke olarak hepimiz klavye başında birer siyasi, teknik direktör, doktor, asker veya başka bir alanda çok uzman kişileriz ne kadar güzel değil mi? Sanki biz facebooktan, twitterdan yaşayanan kötülüklere, kötülere bela okuyunca onlar belalarını bulacakmış gibi.

İnançlı insanlara soruyorum Tevekkül nedir bilir misiniz? Eminim çoğunuz bilmiyorsunuzdur. Eğer bilseydiniz hiç bir şey yapmadan herşeyi Allah'a havale etmezdiniz. Sizlerin bu tavrı sınava çalışmayan ama Allahım nolur sınavı geçeyim diye dua eden bir tembel öğrenci gibi. Ama gerçek tevekkül bir şeyi kazanmak için önce onun için çalışmamız gerektiği ve sonra onun olması için Allahın takdirine bırakmamız gerektiğidir.

Hiç bir şey yapmadan klavyeyle bir şeyler ispat etmeye, bir şeyleri düzeltmeye, vatan kurtarmaya çalışmak çok saçma ve samimiyetsiz geliyor bana. Böyle paylaşımları ve bu tür paylaşımları yapanları sadece kendilerini tatmin etmeye çalışanlar, kendilerini ispat etmeye çalışanlar, ben böyleyim beni böyle görsünler, biraz daha fazla yorum beğeni alıyım diye çaba sarfeden egoist insanlar olarak görüyorum.

Hataları, kötülükleri, eksiklikleri facebooktan twitterdan süslü püslü resimler veya yazılar paylaşarak hiç bir zaman düzeltemeyeceğiz artık bunun farkında olmalıyız. Eğer birşeyler yapmak istiyorsak bunu reel bir şekilde yapmalıyız. Tepki göstermek, duygularımızı ifade etmek, içimizi boşaltmak istiyorsak bunu abartmadan, samimi bir şekilde, düşünerek yapmalıyız.

Bu söylediklerimden sonra kimileri tarafından kendilerince veya başkalarınca desteklenerek çok iyi birileri olacaklar, ben de belki de akpli, mhpli, chpli, paralelci veya vatan haini olarak ilan edilirim. Varsın öyle düşünsünlsünler ben kendimi, düşüncelerimi gayet iyi biliyorum ve kimin hakkımda ne düşündüğünü zerre kadar önemsemiyorum.

Susuyorum ve susmaya devam edeceğim çünkü klavyeyle vatanı, dünyayı kurtaramayacağımı, düzeltemeyeceğimi biliyorum.

Askerlik Bitti

357.Kısa Dönem tertibi olarak askerlik hizmetimi tamamlanmış bulunuyorum. Askerlik biteli askerdeki tabirle "hürgeneral" olalı neredeyse 1 ay olacak ama çeşitli sebeplerden dolayı ancak yeni dönüş yazısı hazırlayabiliyorum. Askerlik hizmetimi daha önce de belirttiğim gibi Samsun ve Tekirdağ'da tamamladım. İlk 21 günlük Acemi Birliği olarak tabir edilen süreyi Samsun'da geriye kalan 5 buçuk aylık süreyi ise Tekirdağ'da tamamladım.

Sivil hayattan farklı bir yaşam tarzı ile geçirmiş olduğum bu 6 aylık süre bir çok anı yaşattı ve bir çok farklı karakterlerle tanışmama vesile oldu. Gerçek "askerlik yapmak" fiili farklı bir şey, bizim yaptığımız bu fiilin yanında geçemese de askerlik sonuçta. En basitinden sivil hayatınızdaki özgürlüğünüz o süre son bulana kadar elinizde değil ve bu yüzden hemen bitsin de kurtulalım düşüncesi içerisindesiniz. Özgürlük dışında en önemli konu ise annelerinizin yemekleri yok. Daha bir çok şey yok ama en önemlileri bunlar. Bazı şeylere zamanla alışıyorsunuz ya da alıştığınızı zannediyorsunuz. Öyle de böyle de geçiyor zaman tabi zor geçtiği zamanlar da oluyor ama bitiyor sonuçta.

Kış ortasında gittiğimden dolayı en çok sağlık sıkıntısı yaşadım. Sert geçen hava şartlarından dolayı askerlik boyunca hastalıklar bitmek bilmedi. Soğuk havalar vücuduma öyle bir işlemiş ki halen üşüdüğümü sanıyorum. Askere gideceklere özellikle kış mevsiminde gidecekler; en önemli tavsiyem sağlık konusunda elinizden gelen bütün tedbirleri almaya çalışın demedi demeyin sonra.

Sözün özü askerlik bitti ve ben yeniden sivil hayata döndüm.

Askere Gidiyorum


2 gün sonra yani Perşembe günü  kısa dönem olarak askere gidiyorum. Yaklaşık bir ay acemilik eğitimini almak üzere Samsuna, askerliğin kalan süresini  tamamlayacağım Tekirdağa gideceğim. Sonrasında ise yeni bir hayata adım atacağım.
Evimde, memleketimde son saatlerimi geçirirken şuan radyoda İlhan İrem'den Olanlar Olmuş şarkısı çalarken farklı duygular içerisindeyim. Heyecan ve hüznü birlikte yaşıyorum. Askerlikten çok öncesini ve sonrasını düşünüyorum, öncesindeki bitecek hayatı sonrasında başlayacak farklı bir hayatı düşünüyorum.

Uzun zaman sonrası için planlar yapan birisi değilim ama hayat şartlarının getireceği gerçeklerle artık yüzleşme vaktinin geldiğini de  yadırgayamam. 2 gün sonra sadece askere gitmiyorum yeni bir hayata gidiyorum. Artık büyüdüğümü kendi ayaklarımın üstünde durmak zorunda olduğumu farkediyorum. Yeni bir şehir, yeni bir çevre, yeni bir ev, yeni bir iş ve tamamen değişen bir dünya ile karşılaşacağım. Öncesinde ise  20 yıla yakın, yani hayatımın büyük bir bölümünü geçirdiğim memleketimden evimden, arkadaşlarımdan, akrabalarımdan ayrılıyorum. Bu sürede geçen onlarca anılarımın, iyi ve kötü günlerimin son bulması beni yeni bir hayata alışmaya biraz zorluyor  açıkçası. Ama zaman her şeyi değiştiriyor ve her şeye alıştırıyor farkında olmadan.

Sosyal hayattaki çevremin dışında sosyal ağlar, bloglar ve farklı mecralardan bir çok arkadaşta edindim. Kimileriyle halen iletişim içerisindeyim kimileriyle yollarımı ayırdım ama yine de güzel günlerim geçti sanal adında sanal olmayan mecradan. Sosyal hayatımdan ve asosyal hayatımdan tanıdığım bütün güzel insanlara hayatımda oldukları için bana yeni şeyler kattıkları için teşekkürler.

Sosyal sorumluluk mesajımı verip noktalıyorum. Hayatı izlemeyi, fotoğrafını çekmeyi, kayıt altına almayı, her an ne olmuş diye gündemden geri kalmamayı bırakın hayatın kendisini yaşayın hayat masa başında, koltukta veya başka yerde otururarak, yatarak takip edilen bir şey değil dışarıda her an yaşanan içinde olunandır hayat.

Veda gibi ama yeni bir merhaba.

Kendinize iyi bakın hoşçakalın...


Güncelleme : 9 Ocak 2015 Cuma
Samsunda geçen 21 günlük acemi eğitimini bugün yapılan yemin töreni ile tamamlamış oldum. 21 günlük kısa sürede bir çok askerlik anısı yaşadım bile ama daha uzun bir süre var. Umarım kalan süreyi iyi bir şekilde tamamlarım.

Blogger'da Sadece Yöneticinin Görebileceği Alanlar Oluşturma

Bloggerda Sadece Yöneticinin Görebileceği Alanlar Oluşturma
Her ne kadar blogger'dan wordpress'e geçiş yapmış olsam da fırsat buldukça blogger ile ilgili içerikler üretmeye devam edeceğim. Bu yazımda da daha önceleri widgetlerin ve yazıların bir köşesinde bulunan Düzenle butonundan aklımın köşesinde kalan fakat hiç kullanma fırsatı bulmadığım blogger'ın güzel bir özelliğinden bahsetmek istedim.

Belirttiğim gibi eğer Blogger hesabımıza giriş yapmışsak ve blogun yöneticisiysek (sahibi) widget ve yazıların bir köşesinde üzerine geldiğimizde Düzenle yazan bir ayar ikonu yer alıyor, bu ayar ikonu sayesinde Kontrol Paneline girmeyle uğraşmadan istediğimiz yazıyı veya widgeti düzenleyebiliyoruz. Bu ikonun sadece bizim, yani blog sahibi tarafından görülebilir ve kullanılabilir olmasını sağlayan tek unsur "item-control blog-admin" classına sahip div, span veya başka bir html etiketi. Tabi son kullanıcı olarak biz sadece bu class'la işin bittiğini düşünsekte blogger'ın arka planında bunun olması için farklı işlemler mevcut.

Sözü fazla uzatmadan mevzuya dönecek olursam bu class'ı(sınıf) şablonumuzda istediğimiz yerde kullanarak sadece biz blog sahipleri tarafından görülebilen alanlar oluşturabiliriz. Tek yapmamız gereken sadece bizim görebileceğimiz herhangi bir şeyi "item-control blog-admin" classına sahip divlerin veya diğer html etiketlerin arasına yerleştirmek.

Hazırladığımız alanlar tabi ki blogumunuzun kaynak kodlarında diğer ziyaretçiler tarafından görülebilir fakat bu özelliği kullanarak yapabileceğimiz şeyler kısıtlı olduğundan görseler de herhangi bir sakıncası olmayacaktır.

Üstte bahsetmiş olduğum Kontrol Paneline girmeden hızlı yazı veya widget düzenleme gibi istediğimiz şekilde bağlantı menüsü, hızlı erişim veya bir nevi kullanıcı paneli oluşturarak tek tıklamayla yeni yazı oluşturma sayfasına veya Kontrol Panelinde yer alan diğer sayfalara hızlı bir şekilde erişebiliriz.

Kodun kullanımının yanı sıra hazırlamış olduğum mini hızlı erişim menüsü de yer alıyor kendi zevkinize ve kullanım alışkanlığınıza göre düzenleyip kullanabilirsiniz. Bu örnekteki mantıkla blogunuzun herhangi bir yerine sadece sizin görebileceğiniz içerik alanları oluşturabilirsiniz. İçerik alanlarınızı oluşturdaktan sonra blogger hesabınızın açık olduğu bir tarayıcada ve açık olmadığı diğer bir tarayıcada test edebilirsiniz.

Kullanım :

<div class="item-control blog-admin">
burayı sadece ben görüyorum
</div>

Hızlı Erişim Menüsü Uygulaması :

Burada dikkat edilmesi gereken kodlar arasında da görüldüğü gibi 9110239834527087798 uzunca sayı. Bu sayı sahip olduğumuz blogun ID'sini belirtiyor. Bu ID'yi Kontrol Panelinize girerek tarayıcının adres satırında görebilirsiniz. Blogunuza ait bu ID'yi aşağıdakilerle değiştirerek kullanmaya başlayabilirsiniz.

Önizleme
Blogger Hızlı Erişim - Yönetici Paneli Oluşturma

Css Kodları
<style>
body{font-family:"Calibri", Arial sans-serif; font-size:17px}
a{text-decoration:none; color:#656565}
.ypanel{width:250px}
.ypanel h3{font-size:18px; border-top-left-radius:5px; border-top-right-radius:5px; background:url("https://cdn4.iconfinder.com/data/icons/Xiao/78.png")no-repeat 5px 14px; background-color:#000;color:#fff; padding:10px; margin:0}
.ypanel h3 span{padding-left:15px}
.ypanel ul{padding:0; margin:0; border:1px solid #ddd}
.ypanel ul li{list-style:none; background:#f7f7f7; padding:7px; border-bottom:1px solid #ddd}
.ypanel ul li:last-child{border-bottom:none}
.ypanel ul li:last-child a{color:red}
.ypanel ul li a{display:block}
.ypanel ul li:hover{background:#fff}
</style>

Html Kodları :
<div class="item-control blog-admin">
<div class="ypanel">
<h3><span>Hızlı Erişim</span></h3>
<ul>
<li><a href="https://www.blogger.com/blogger.g?blogID=9110239834527087798#editor">YENİ YAZI</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=9110239834527087798#posts">Yazılar</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=9110239834527087798#comments">Yorumlar</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=9110239834527087798#stats">İstatistikler</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=9110239834527087798#templatehtml">Şablonu Düzenle</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=9110239834527087798#settings">Ayarlar</a></li>
<li><a href="http://dogruturkce.blogspot.com/logout?d=http://www.blogger.com/logout-redirect.g?blogID%3D9110239834527087798">Çıkış Yap</a></li>
</ul>
</div>
</div>