Web Zekam: Kasım 2013

Herkese merhaba, bildiğiniz üzere Google bir süre önce Android cihaz yöneticisi servisini tanıtmıştı. Bu servisle kaybedilen veya çalınan Android cihazımızı bulabiliyor ve harita üzerinde görüntüleyebiliyorduk. Bunun yanında cihazımızın içindeki bilgileri silerek telefonu fabrika ayarlarına döndürebiliyoruz. Bu sayede hırsızların veya tanımadığımız kişilerin kişisel bilgilerimize erişimini engelleyebilmekteydik. Cihazın zilini en yüksek seste çaldırarak kaybettiğimiz telefonun yerini belirleyebilmek de hizmetin bir diğer güzel yanıydı.

Android 2.2 ve üzeri işletim sistemlerine sahip Android cihazlarda kullanılabilen bu özellik birçok kullanıcı için hayat kurtarmakta. Şimdi ise bu servise yeni eklenen bir özellik sayesinde uzaktan Android cihaz kilitlemeişlemini gerçekleştirebiliyoruz. Bu yazımızda da bu işlemi nasıl yapacağınızı anlatacağız. Fakat uzaktan Android cihazı kilitleme anlatmına başlamadan nce telefonunuzda yapmanız gereken birkaç ayardan bahsetmek doğru olacaktır.

Android cihaz yöneticisinin Android cihaz kilitleme özelliğini aktifleştirebilmek için ilk olarak Android cihazımızda Google Ayarları uygulamasına erişmemiz gerekmekte:

Kırmızı kare içerisindeki uygulamaya dokunarak uygulamayı açıyoruz ve "Android Cihaz Yöneticisi" bölümünü seçiyoruz:

Açılan ekranda "Uzaktan kilitlemeye ve fabrika ayarlarına sıfırlamaya izin ver" seçeneğinin yanındaki kutucuğu işaretliyoruz:

Bu adımdan sonra çıkacak iletiyi onaylayarak Android cihazımızın uzaktan kilitleme fonksiyonunu aktifleştiriyoruz. Artık tarayıcımızdan Android Cihaz Yöneticisini kullanarak cihazımızı kilitleyebiliyoruz.

Tarayıcımız üzerinden Android Cihaz Yöneticisi'ne erişebilmek için https://www.google.com/android/devicemanager adresini ziyaret ediyoruz. Bu bağlantı bizi Google oturum açma sayfasına yönlendirecek. Sayfada yapmamız gereken Android cihazımızda kullandığımız Google hesabımız ile sisteme giriş yapmak. Android hesabımızla giriş yaptıktan sonra cihazımızın harita üzerinde konumunu gösteren bir sayfa ile karşılaşacağız. Buradan Android cihazımızın konumunun yanında son kullanıldığı tarihi ve tam olarak adresini görebiliyoruz. Android cihazımızı kilitlemek için "Kilitle" seçeneğini seçiyoruz (Kilitleme ve diğer özelliklerin aktif olması için Android cihazınızın 3G veya WiFi üzerinden internete bağlanması gereklidir):

Bir sonraki adımda bizden kilitleme işlemi için bir şifre belirlememiz istenecek. Bu şifreyi cihazınızı bulduğunuzda açmak için kullanacağınızdan unutmayın ve bir yere kaydedin. Telefonunuzun ekran kilidi şeklinde olacak bu kilitleme işlemi sayesinde artık telefonunuzun güvenliğinden emin olabilirsiniz. Bir sonraki yazımızda görüşmek üzere hoşçakalın!

İlgili Aramalar:akıllı telefon, android, android cihazı kilitleme, android cihazı uzaktan kilitleme, android uzaktan kilitleme nasıl yapılır, google, nasıl yapılır?, smartphone, teknoloji,

Blogger eklentilerine devam.Daha önce sliderlar (manşetler) paylaşmıştık, şimdiki ise sidebar kısmına ekleyebilmeniz için tasarlarmış basit bir o kadarda kullanışlı ve güzel bir slider.

Sidebar Kısmına Derken?

Blogunuzda-blogger altyapılı sitenizde görünen yayınlar kısmına eklenmeyen bir slider (manşet) olup yayınlar kısmının hemen yan (Genelde sağ tarafta, bazı temalarda sol bazılarında ise her 2 tarafta olabilir.) kısmında bulunan kısımdır. Bu kısıma eklemek istediğiniz eklentileri Blogger Admin panelinden Yerleşim > Gadget ekle yolunu izleyer ulaşabilir ayrıca bizim eklentimizide bur şekilde kullanabilirsiniz.

Nerede neden kullanmalıyım?

En iyisinden diyelim kullandığınız blogunuzdan ayrı başka bir blogunuz daha var ve bu blogunuzdaki paylaşımları kısa olarak gösterebilmeniz için çok uygun bir eklenti. Subdomain olarak açtığımfull.cyberadam.net'te paylaşılanları ziyaretçilerimize gösterebilmek için asıl sitemizde kullanıyoruz. Tabii ilerde bişey olur kaldırırız,tema değiştiririz göremeyebilirsiniz diye nasıl bir eklenti oladuğunu hemen alt kısımda gif resim olarak hazırladık.

Resimden anlaşıldığı üzere gayet kullanışlı sliderı eklemek için aşağıdaki yolu izleyiniz.

- Aşağıdaki kodu kopyalayıp Blogger Admin Paneli > Yerleşim > Gadget Ekle > HTML JavaScript ekleye tıkladıktan sonra kopyaladığınız kodu yapıştırın.


<link rel="stylesheet"
type="text/css"
href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>


<div id="slider-rotator"
class="slider-rotator loading"></div>


<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>


<script type="text/javascript"
src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>


<script type="text/javascript">


makeSlider({


    url:
"http://siteadresi.blogspot.com" // Site adresinizi sol tarafa yazınız.


});


</script>

Düzenlemeniz Gereken Yerler: Mavi renkte : http://siteadresi.blogspot.com kısıma kendi site adresinizi yazınız. Kırmızı renkteki alanlarda bulunan linkleri tarayıcınızdan url kısmına yazıp kodları kopyalayarak sahip olduğunuz google drive hesabınıza yüklerseniz kodların silinme sorunu olmaz ve kendi güvencenizde kullanabilirsiniz. Kodları nasıl drive'a yükleyebilrim? Bu konuyu yazmaya gerek duymadım, bloghocam bu konuda bilgi vermiş ben sizi o konuya yönlendirmem yeterlidir. Gitmek için Tıklayın. Bir sonraki yazımızda görüşmek üzere. İlgili Aramalar: blogger sidebar slider, Blogger, automatic slider, blogger auto slider, Blogger Eklenti, eklenti,

Eğer başarılı bir blogunuz olsun, okuyucu kitleniz oluşsun ve en popüler bloglar arasına girsin gibi düşünceleriniz varsa bazı temel kuralları dikkate almanız gerekiyor.

İşte Blog yazarlığının bazı temel kuralları:

1. Kendi markanızı oluşturun. Eğer blogunuz diğer binlerce blog arasında kaybolmasın istiyorsanız, kendi markanızı oluşturmalısınız. Bunu yapabilmeniz için blogunuz mutlaka tutkuyla bağlı olduğunuz bir konuda olmalı. Çünkü ancak bu sayede blogunuzu istekle güncelleyecek, zenginleştireceksiniz. İçerikleriniz ve görselliğiniz ne kadar size özgü olursa ve siz bu işle ne kadar zevkle uğraşırsanız, okuyucularınızda blogunuzdan o kadar zevk alır.

2. İçeriği her zaman özgün ve taze tutun. Eğer blog yazılarınızı belirli aralıklarla güncellemezseniz, blogunuz tazeliğini ve özgünlüğünü kaybetmeye başlayacaktır. Siz, blogunuzu güncel ve kaliteli tutarsanız arama motorlarında indekslenirsiniz. Bu sayede de, ziyaretçiler tarafından daha kolay bulunur, trafiğinizi arttırırsınız.

3. Görselliğe önem verin. Blog sayfanız sadece yazılardan oluşursa, ilgi çekiciliğini kaybeder. Her zaman blog yazılarınızı çeşitli görseller ile zenginleştirin. Bu sayede daha renkli ve dikkat çekici bir blog sayfanız olacaktır.

4. Blogunuzu gereksiz veya kalitesiz bilgiler ile doldurmayın. Blog yazılarınızın her zaman özgün olması önemlidir. Siz ne kadar ilgi çekici içerik yazarsanız, okuyucularınız o kadar artar ve sizi ziyaret süreleri sıklaşır. Aynı zamanda mevcut okuyucularınız tarafından da tavsiye edilirsiniz.

5. Anahtar kelimelerin (keywords) önemini unutmayın. Blog yazılarınızı yazdıktan sonra mutlaka o konu ile alakalı anahtar sözcükleri yazınız ile beraber kaydedin. Bu sayede arama sonuçlarında, çeşitli kategorilerde daha kolay bulunabileceksiniz.

6. Okuyuclarınızı iyi tanıyın. Blog yazarlığı aynı zamanda çift taraflı bir ilişkidir. Bu ilişki siz ve okuyucularınızdan oluşur. Sizin blogunuz, okuyucular olmadan bir işe yaramaz, aynı zamanda da blog yazıları olmadan okuyucular oluşamaz. Bu çerçevede, sizin okuyucularınızla olabildiğince birebir ilişki kurmanız ve samimi olmanız, daha sağlam temelli bir blog sahibi olmanızı sağlayacaktır.

Blogger için en çok tercih edilen eklentilerden biri de elbette slayt geçişleridir. Birçok farklı çeşidi olan bu eklentinin bugün bahsedeceğim şekli ise, kolay kurulumuyla birlikte hem sade hem de etkileyici bir yapıya sahip. Css kodları üzerinde düzenlemeler yaparakgönlünüzce değiştirebileceğiniz gibi, eklentiyi birazdan paylaşacağım haliyle de kullanabilirsiniz. Slaytımız herhangi tıklama işlemine gerek duymadan da çalışmasının yanı sıra, üzerindeki numaralara tıklayarak da hareket ettirilebilmektedir. Şimdi bu güzel eklentinin kurulumuna geçebiliriz.

Blogger panelimizin Tasarım > Html’yi Düzenle bölümü açarak aşağıdaki kodu buluyoruz.

</head>

Bu kodun hemen üzerine aşağıdaki kodları ekliyoruz.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&quot;.paging&quot;).show();
$(&quot;.paging a:first&quot;).addClass(&quot;active&quot;);
var imageWidth = $(&quot;.window&quot;).width();
var imageSum = $(&quot;.image_reel img&quot;).size();
var imageReelWidth = imageWidth * imageSum;
$(&quot;.image_reel&quot;).css({&#39;width&#39; : imageReelWidth});
//Paging + Slider Function
rotate = function(){
var triggerID = $active.attr(&quot;rel&quot;) - 1; //Get number of times to slide
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
$(&quot;.paging a&quot;).removeClass(&#39;active&#39;); //Remove all active class
$active.addClass(&#39;active&#39;); //Add active class (the $active is declared in the rotateSwitch function)
//Slider Animation
$(&quot;.image_reel&quot;).animate({
left: -image_reelPosition
}, 500 );
};
//Rotation + Timing Event
rotateSwitch = function(){
play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
$active = $(&#39;.paging a.active&#39;).next();
if ( $active.length === 0) { //If paging reaches the end...
$active = $(&#39;.paging a:first&#39;); //go back to first
}
rotate(); //Trigger the paging and slider function
}, 5000); //Timer speed in milliseconds (3 seconds)
};
rotateSwitch(); //Run function on launch
//On Hover
$(&quot;.image_reel a&quot;).hover(function() {
clearInterval(play);
}, function() {
rotateSwitch(); //Resume rotation
});
//On Click
$(&quot;.paging a&quot;).click(function() {
$active = $(this); //Activate the clicked paging
//Reset Timer
clearInterval(play); //Stop the rotation
rotate(); //Trigger rotation immediately
rotateSwitch(); // Resume rotation
return false; //Prevent browser jump to link anchor
});
});
</script>

Daha sonra aşağıdaki kodu buluyoruz

]]></b:skin>

Bu kodun hemen üzerine de aşağıdaki kodları ekliyoruz.

#galeria{
margin: 0 auto;
padding: 0px 0px;
width: 810px;
z-index:999;
}
.main_view {
float:left;
position: relative;
z-index:999;
}
.window {
height:289px;
width: 800px;
border:1px solid #fff;
overflow: hidden;
position: relative;
-moz-box-shadow:0px 0px 4px #fff;
-webkit-box-shadow:0px 0px 4px #fff;
box-shadow:0px 0px 4px #fff;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;z-index:999;
}
.image_reel {
position: absolute;
top: 0; left: 0;
z-index:1000;
}
.image_reel img {
float: left;
z-index:1001;
}
.paging {
position: absolute;
bottom: 40px;
right: -1px;
width: 220px;
height:41px;
z-index: 100;
text-align: center;
line-height: 40px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhypVB5zwRKco3R9dPgMEXQQ-vadKeHHIxkcjiWEEBHUIjN6a0ujBcoatLDxWhSDKIrQxYKvrKbiyIPhgGvUt4f_l1Gkk5JTIrCWDWJ2jMx9tOzL9TSsjmbZ16dlU3zAmbefI1BRxRuOCrC/s0/slider.png);
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
-webkit-border-radius-topleft: 15px;
border:1px solid #fff;
border-right: 0px solid;
display: none;
-moz-box-shadow:inset 0px 0px 2px #d6d6d6;
-webkit-box-shadow: inset 0px 0px 2px #d6d6d6;
box-shadow:inset 0px 0px 2px #d6d6d6;
z-index:1002;
}
.paging a {
outline:none;
padding: 5px 10px;
text-decoration: none;
color: #999;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhypVB5zwRKco3R9dPgMEXQQ-vadKeHHIxkcjiWEEBHUIjN6a0ujBcoatLDxWhSDKIrQxYKvrKbiyIPhgGvUt4f_l1Gkk5JTIrCWDWJ2jMx9tOzL9TSsjmbZ16dlU3zAmbefI1BRxRuOCrC/s0/slider.png) center;
-moz-border-radius: 17px;
-khtml-border-radius: 17px;
-webkit-border-radius: 17px;
-moz-box-shadow: inset 0px 0px 1px #d6d6d6;
-webkit-box-shadow:inset 0px 0px 1px #d6d6d6;
box-shadow:inset 0px 0px 1px #d6d6d6;
border:1px solid #fff;z-index:1002;
}
.paging a.active {
font-weight: bold;
border: 1px solid #fff;
color: #17add8;
background: #f1f1f1;
-moz-border-radius: 17px;
-khtml-border-radius: 17px;
-webkit-border-radius: 17px;
-moz-box-shadow: inset 0px 0px 2px #d6d6d6;
-webkit-box-shadow:inset 0px 0px 2px #d6d6d6;
box-shadow:inset 0px 0px 2px #d6d6d6;
z-index:1002;
}
.paging a:hover {
font-weight: bold;
z-index:1002;
}

Son olarak ise slaytımızın yer almasını istediğimiz şablon bölümüne aşağıdaki kodları ekliyoruz.

<div id='galeria'>
<div class='main_view'>
<div class='window'>
<div class='image_reel'>
<a href='#' rel='1'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0nFwNDj1uGzmwAf26vrpWXacBDMJawJGxhnQcrDWR7kgzgU5dVMqr2AW2NRGclUmtuJpCUsTM0JjJPq6BqKJQu2p7L4vG3z7K8N5uVRsq4Wcb469_nUhoV9CAke4w3QRxAvYrrRzn1bwS/s0/wallpapersafull_4110..jpg'/></a>
<a href='#' rel='2'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMqp1krBZ0n3ZvWPICmPt_2gP4oZMfENMZ1Q1IP6ydHz6ZrLASUowFisuMh6K4Y33ANk_Oo8lOkSl3zNmTT4B3HisL9Qesp-x6BZDEWLpV9JApl9N5Ao0wkOzBhJeWhWDnMPzjBOJR3umy/s0/wallpapersafull_3986..jpg'/></a>
<a href='#' rel='3'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0URI-AWOI5dFnMDSsCKIurdAXcuEzfMtEfRrZBr0uMBzvSretKtpc7fKfUXHNzz24tMPthgJeo0q_JviphN5_Oc_wilP-bLutZNTKQf-pji7jeMDjQnieA6AFNAah6hTgml_UnAumL2ez/s0/wallpapersafull_4106..jpgg'/></a></div></div>
<div class='paging'><a href='' rel='1'>1</a><a href='' rel='2'>2</a><a href='' rel='3'>3</a>
</div></div>
</div>

Böylece slaytımızı blog sayfamıza eklemiş olduk.

Önemli notlar: Script kodları içerisinde kırmızıyla belirttiğim rakamı küçülterek slayttaki resimlerin daha kısa aralıklarla değişmesini sağlayabilirsiniz. Slaytta yer alan ve kırmızıyla belirttiğim resimlerin yerine yine 800 px × 289 px boyutlarında farklı resimler koyabilirsiniz. Slayttaki resimlere tıklandığında istediğiniz bir adrese yönlendirmesini isterseniz de yine kırmızıyla belirttiğim # kısmını silerek adresi yazabilirsiniz.
Örnek resim: Blogger için alternatif slayt eklentisi

Eklentiyi blogunuzda kullanmaya karar verdiyseniz Blogger kumanda paneline girdikten sonra

Yerleşim > Gadge Ekle > HTML/JavaScript Gadget yolunu izleyerek aşağıdaki kodları eklemeniz yeterli.

Blogger Sayfayla Kayan Sosyal Paylasim Butonlari

</a><a class="addthis_button_tweet" tw:count="vertical"></a><a class="addthis_button_google_plusone" g:plusone:size="tall"></a><a class="addthis_counter"></a><a href="http://blogger-yazari.blogspot.com/2013/11/blogger-sayfayla-kayan-sosyal-paylasim.html"></a></div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script><!-- http://blogger-yazari.blogspot.com/ -->

Bloom Blogger Templates

Unite Blogger Templates

Blogger Yayın içine Benzer Yazılar Eklentisi Kullanımı

Hakkımda

Sosyal Medya