Ekim 2014 ~ Blogabi

30 Ekim 2014 Perşembe

19:18 Posted by Admin No comments Posted in blogger eklentileri, Blogger’da resimlerdeki çerçeve ve gölgeyi kaldırmak

Blogger’da resimlerdeki çerçeve ve gölgeyi kaldırmak

Blogger’da varsayılan olarak resimler çerçeveli ve gölgeli olarak geliyor. Her ne kadar bu durum görünüm bazında bir problem doğurmasa da, daha sade bir görünüm adına resimlerdeki çerçeve ve gölgeyi tamamen kaldırmak isteyebilirsiniz. Bunun için yapmanız gereken, aşağıda yer alan kodları değiştirmeden temanıza ait CSS alanı içerisine yapıştırmaktır. Bu şekilde blogunuzdaki resimler otomatik olarak çerçevesiz ve gölgesiz bir hâle bürünecektir.

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

]]></b:skin>

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

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: none !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}

18:28 Posted by Admin No comments Posted in blogger eklentileri, Blogger’da kopyalanan yazıya nasıl kaynak linki eklenir?

Blogger’da kopyalanan yazıya nasıl kaynak linki eklenir?

Blogger‘da emek verdiğiniz yazılarınız kopyalandığında, otomatik olarak kaynak linki eklemek en azından emeğiniz açısından kaynak göstermesi önemli olabilir. Elbette yazıyı kopyalayan kişi direkt linki kaldırabilir. Ancak otomatik olarak yazıyı çekenlerde en azından işe yarar bir özellik. Özellik şöyle çalışıyor; blogunuzdaki yazı veya yazının bir parçası kopyalanıp, başka bir web sitesine yapıştırıldığında en altında kaynak linki olarak sizin web site linkiniz çıkıyor. Bu eklentiyi eklemek gerçekten çok kolay alttaki adımları takip edin.Umarım işinize yarar :)

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

<head>

Aşağıdaki kodu da, yukarıdaki koddan hemen sonra ekleyelim.

<script type="text/javascript">
function addLink() {
var body_element = document.getElementsByTagName('body')[0];
var selection;
selection = window.getSelection();
var pagelink = "<br /><br /> Kaynak: <a href='"+document.location.href+"'>"+document.location.href+"</a><br />"; //
var copytext = selection + pagelink;
var newdiv = document.createElement('div');
newdiv.style.position='absolute';
newdiv.style.left='-99999px';
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function() {
body_element.removeChild(newdiv);
},0);
}
document.oncopy = addLink;
</script>

18:20 Posted by Admin No comments Posted in blogger eklentileri, Blogger için ekranda yürüyen karınca eklentisi

Blogger için ekranda yürüyen karınca eklentisi

Blogunuz özellikle kişisel bir blog ise kendinize göre farklılıklar yaratmak, ziyaretçi kitlenizi etkilemek için başarılı olabilir. Bunlardan birisi de ekranınızın sol köşesinde kendi hâlinde yürüyen bir karınca olabilir mi dersiniz? Neden olmasın. Ana sayfanızın sol köşesinde, ziyaretçilerinizi rahatsız etmeden yürüyen bir karınca belirecek. Memnun kalmadı iseniz kodu kaldırmanız yeterli. Umarım işinize yarar.

Aşağıda yer alan kodları hiç değiştirmeden; Şablonunuzda yer alan Gadget Ekle alanındaki HTML/JavaScript içerisine yapıştırın ve blogunuzu yenileyin.

<div style="display:scroll; position:fixed; top:150px; left:20px;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMFE3ipsI20KHIpQtWrtN-8ipBS4ELrJBAoUMe3RUpJLV8P4d0rTxBqDm-SOFcJVl_sm6hNnV7wdcpZ0gBMlW6Tk8FFblFBUGpxpJ5O20PXC9ScFnmx94MBOSQvkMvkYGFUguo1Hhhqzs/s1600/1nWRgY%5B1%5D.gif" /></div>

18:10 Posted by Admin No comments Posted in blogger eklentileri, Blogger’da etiketleri yan yana sıralamak

Blogger’da etiketleri yan yana sıralamak

Blogger‘da bildiğiniz gibi Etiketler Gadget’ı sayesinde ister etiket bulutu olarak isterseniz liste olarak etiketlerinizi sıralayabiliyorsunuz. Ancak etiketlerinizi kategori gibi kullanıyor iseniz, etiketlerinizi yan yana sıralamak katagorinizi daha özel gösterecektir.Öncelikle yapmanız gereken Gadget kısmında yer alan Etiketler Gadget’ını aktif etmektir. Sonra ise temanızın CSS kodları arasına aşağıdaki kodu değiştirmeden yapıştırmanız yeterli olacaktır. Umarım faydalı olur…

[ Demo ]

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

]]></b:skin>

Bu kodun hemen üzerine altta ki kodu ekliyoruz ve temayı kaydedip çıkıyoruz.

#Label1 ul li{float: left;width: 45%;}

10:18 Posted by Admin No comments Posted in blogger eklentileri, Blogger iç içe geçmiş alternatif menü

Blogger iç içe geçmiş alternatif menü

Merhaba sevgili blog severler bugün'den itibaren {Blogger eklentileri} hakkında paylaşımlar yapmaya karar verdim ve ilk olarak " iç içe geçmiş alternatif menü " paylaşıcam.
Blogger'a eklenişi oldukça basit ve kullanışlı bir tema dilerseniz kendinizde değişiklikler yapabilirsiniz menü üzerinde.

[ Demo ]

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

]]></b:skin>

Bu kodun hemen üzerine menümüzün aşağıdaki CSS kodlarını ekliyoruz.

.icmenu {
padding:5px 0;
width:520px;
margin:15px auto;
height:160px;
}
a.icem {
position:relative;
float:left;
font-size:14px;
line-height:14px;
font-family:Tahoma;
text-align:center;
color: #fff;
width: 160px;
padding:73px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRT7USWFms4uyK9sNhmMNsYU6rdGfMYU0fYvIHFaeRw7391KiKS0QVOA-jkwE093hVZ9LSgAE3u7uIH1HSBWeVX4yd3pnixc7Ur2FSK3FL2X4CnucWJn0cc-NU_oxsGFCr9K-Q1OLlGH0/s1600/arkamenu2.png) no-repeat 0 -160px;
margin-left:-40px;
z-index:3;
}
a.icem:hover {
background-position:0 0;
z-index:9!important;
}

Evet üstteki css kodlarını ekledikten sonra blogu kaydediyor ve menüyü eklemek istediğimiz yere alttaki kodları yazarak ekliyoruz. ( Örneğin Gadget olarak ekleyebilirsiniz )

<div class='icmenu'>
<a class='icem' href='#' style='margin-left:0px;'>Anasayfa</a>
<a class='icem' href='#'>Hakkımızda</a>
<a class='icem' href='#'>Arşiv</a>
<a class='icem' href='#'>İletişim</a>
</div>

Not: [ # ] yerlerine linkinizi ekleyeceksiniz.

29 Ekim 2014 Çarşamba

20:32 Posted by Admin No comments Posted in a, League Of Legends hd wallpapers, LoL Azir Wallpaper

LoL Azir Wallpaper

HacKGeNS
Merhaba arkadaşlar " League of Legends " oyunun'da bulunan sevilen karakterlerin HD resimlerini paylaşmaya devam ediyorum.Biliyorsunuz daha önce " LoL Hareketli Masaüstü Duvarkağıdı Yapma " konumuzda 66 karakterin hareketli resmini paylaşmıştım.Ama bu sefer hareketli değil sadece fotoğraf paylaşacağım fakat görüntü kalitesi oldukça iyi olan fotoğraflardan bahsediyorum :)

{ Almak istediğiniz fotoğrafın üstüne "Sol Tık" ardından resmin üzerine gelip "Sol Tık" yaptıktan hemen sonra " Resmi Farklı Kaydet " diyerek bilgisayarınıza indirebilirsiniz. }