Bilmek istediğin her şeye ulaş

Tolga Gönül, 

Bayan Kuaförü

Bayan Kuaförü Tolga Gönül inploid.com'da 0 soru sordu, 0 soru yanıtladı ve 1 takipçisi var.

Aralık 2013

Tolga Gönül  yeni bir  gönderide  bulundu.

Tooltip efekli 125x125 Reklam alanı Kodu

Merhaba arkadaşlar bugun kendim düzenlediğim bir 125x125 reklam alanı kodunu paylaşıcam sizlerle bugun bir yarım saatlik boş vaktim oldu. Ve oturup ufak bir kod düzenledim.

Herkezin sitesinde vardır genelde sidebar kısmında reklam kodu bende bu reklam alanı kodunu farklı şekilde düzenlemek istedim Reklam alanına Border ve Tooltip ekleyip hover efekti verdim.

Reklam aldığınız kişilerin veya sitelerin isimlerinide daha düzenli çıkması için Tooltip ekledim
Normalde mausla reklam üzerine geldiğiniz zaman. Sıradan bir görüntüyle o reklamın açıklamasını veya titlesini gösteriyordu Ben biraz şekillendirip hem renkli hemde iyi görünmesi için bu şekilde ayarladım. Umarım beğenirsiniz. Diğer reklam kodlarından daha iyi göründüğünü söylüyebilirim :)

Bu reklam alanı koduda diğerleri gibi sadece gadget olarak ekliyoruz yerleşim bölgesini açıp sidebar kısmına gadged olarak eklemek hepsi bu kadardır

Demoyu en aşağıdaki videoyu izleyerek nasıl çalıştığını görebilirsiniz. Konumuzu fazla uzatmadan
kodları ekliyelim

koduları burdan alabilirsiniz.

sohetc.eblog.net/2013/12/tooltipli-efekt...

videosunu izlemek için üsteki linke tıklayıp incileyebilirsiniz buraya video ekliyemedim

Code< style type=" text/css" > 

. Reklam-Banner:hover . Small-image > img {
opacity: 0;
margin-top: -167px;
}
. Banner-alanı {
top: 0;
z-index: 10;
}
. Banner-alanı a {
border-radius: 4px 4px 4px 4px;
box-shadow: 0 0 2px 0 #333333 inset;
display: block;
float: left;
margin: 4px;
padding: 4px;
position: relative;
text-decoration: none;
width: 125px;
height: 125px;
-moz-transition: all 850ms ease-in-out;
-w bk. t-transition: all 850ms ease-in-out;
-o-transition: all 850ms ease-in-out;
transition: all 850ms ease-in-out;
}
. Banner-alanı a:hover {
background: #07aaee;
}
. Reklam-Banner . Banner-alanı a strong {
background-color: rgba(32, 62, 126, 0. 87) ;
border-radius:4px;
-moz-border-radius: 4px;
-w bk. t-border-radius: 4px;

-moz-box-shadow: 5px 5px 8px #A71515;
-w bk. t-box-shadow: 5px 5px 8px #911212;
box-shadow: 5px 5px 8px #A71515;
color: #FFFFFF;
font-weight: normal;
right: 10px;
padding: 3px 6px;
position: absolute;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0. 75) ;
top: 95;
z-index: 9999;
}
. Reklam-Banner . Banner-alanı a strong {
opacity:0;
-w bk. t-transition-property: opacity, center;
-w bk. t-transition-duration: 850ms;
-moz-transition-property: opacity, center;
-moz-transition-duration: 850ms;
-o-transition-property: opacity, center;
-o-transition-duration: 850ms;
transition-property: opacity, center;
transition-duration: 850ms;
}
. Banner-alanı a:hover strong {
opacity:1;
top: 95px;
}
< /style>

< div class=" Reklam-Banner" >
< div style=" position:relative" >
< div class=" Banner-alanı" >
< a target=" _blank" href=" soh etc. eblog.net/" >
< img src=" lh3.googleusercontent.com/-dgbecwp2roe/u... vb. /AAAAAAAAFeA/Q_3rAhGGX34/s125-no/tnmkh.gif" width=" 125px" height=" 125px" border=" 0" />
< strong> Tooltip denemesi falan işte< /strong>
< /a>
< a target=" _blank" href=" soh etc. eblog.net/" >
< img src=" lh3.googleusercontent.com/-dgbecwp2roe/u... vb. /AAAAAAAAFeA/Q_3rAhGGX34/s125-no/tnmkh.gif" width=" 125px" height=" 125px" border=" 0" />
< strong> Tooltip denemesi 3< /strong>
< /a>
< a target=" _blank" href=" soh etc. eblog.net/" >
< img src=" lh3.googleusercontent.com/-dgbecwp2roe/u... vb. /AAAAAAAAFeA/Q_3rAhGGX34/s125-no/tnmkh.gif" width=" 125px" height=" 125px" border=" 0" />
< strong> Tooltip 2 denemesi< /strong>
< /a>
< a target=" _blank" href=" soh etc. eblog.net/" >
< img src=" lh3.googleusercontent.com/-dgbecwp2roe/u... vb. /AAAAAAAAFeA/Q_3rAhGGX34/s125-no/tnmkh.gif" width=" 125px" height=" 125px" border=" 0" />
< strong> Tooltip 1 denemesi< /strong>
< /a>
< /div>
< center>
< /center>
< /div>
< /div>



Aralık 2013

Tolga Gönül  yeni bir  gönderide  bulundu.

Blogger Slider Manşet Eklentisi › SohbetcHe Blog

merhaba arkadaşlar bugun css ve jquery ile yapılmış güzel bir slider manşet eklentisi sunucağız bu eklentyi ister sidebar kısmında istersenizde blog kayıtlarının üstünde kullana bilirsiniz. bu eklentiyi sadece bloğunuzun yerleşim bölgesinden gadget ekle diyip Html/Javascript seçip ekleme yapıyorsunuz. sizin yapmanız gereken aşağıdaki kod içersindeki http://www.sohbetcheblog.net/ yerine kendi sitenizin linkini eklemek demo adresi http://tema-blogs.blogspot.com/
Aralık 2013

Tolga Gönül  yeni bir  gönderide  bulundu.

Blogger Css ile Kar Efekti Yapma


Blogger Eklentileri
Sizlerde sitelerinize Kar yağdırmak istiyorsanız bu verdiğimiz eklentimizi kullanmanızı tavsiye ederis diğer kar efektlerine göre çok farklı bir kar efektdir.

Genellikle kar efekti javascript ile yapılıyor ve bu bazen sitemizi kasabilir yani donmalar yapabiliyor o yüzden bu konuda baya bir araştırma yaptım diye bilirim... Ve yabancı bir sitede gördüğüm eklentiyi Deneyip sizlerle paylaşmak istedim... Bu kod Css ile yapıldığı için sitenizde yavaşlatma yaratmaz.
Biliyorsunuzki buna benzer bir çok eklenti mevcut tabiki en çok kullanılan eklenti kar efekti.
Kar efektinin de bir çok değişik şekilde hazırlanmış eklentileri de mevcuttur.

Örneklerine burdaki siteden baka bilirsiniz.

Daha iyi anlıyabilmeniz için düz bir şablona hazırlanmış temadan incileyebilirsiniz.

Demo

Bu eklenti sadece css ile hazırlanmıştır çok basit ve kolay Bu eklentiyi eklemeniz için öncelikle Css kodlarımızı ekliyices

@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px; }
100% {background-position: 500px 1000px, 400px 400px, 300px 300px; }
}

@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px; }
100% {background-position: 500px 1000px, 400px 400px, 300px 300px; }
}

@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px; }
100% {background-position: 500px 1000px, 400px 400px, 300px 300px; }
}

@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px; }
100% {background-position: 500px 1000px, 400px 400px, 300px 300px; }
}

#falling-snow {
background-image: url(< a href='http://4.bp.blogspot.com/-26HXwn0tlWA/UaJZYbdbDnI/AAAAAAAADfA/AeiBdAIR0zU/s1600/snow.png' target='_blank' rel='nofollow' title='4.bp.blogspot.com/-26hxwn0tlwa/uajzybdbdnı/aaaaaaaadfa/aeibdaır0zu/s1600/snow.png'> 4.bp.blogspot.com/-26hxwn0tlwa/uajzybdbd... < /a> ) , url(< a href='http://4.bp.blogspot.com/-8RALuvldFh8/UaJZY1tUptI/AAAAAAAADfM/rIaHhS2A4yQ/s1600/snow3.png' target='_blank' rel='nofollow' title='4.bp.blogspot.com/-8raluvldfh8/uajzy1tuptı/aaaaaaaadfm/rıahhs2a4yq/s1600/snow3.png'> 4.bp.blogspot.com/-8raluvldfh8/uajzy1tup... < /a> ) , url(< a href='http://4.bp.blogspot.com/--AYxx7PegOc/UaJZYvy9wVI/AAAAAAAADfE/0Lp5NLrudxc/s1600/snow2.png' target='_blank' rel='nofollow' title='4.bp.blogspot.com/--ayxx7pegoc/uajzyvy9wvı/aaaaaaaadfe/0lp5nlrudxc/s1600/snow2.png'> 4.bp.blogspot.com/--ayxx7pegoc/uajzyvy9w... < /a> ) ;
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
}


Ve sonrasında arkadaşlar Aşağıdaki kodu < body> kodunun hemen altına eklemeniz. Bu bazı temalarda değişebiliyor arkadaşar eğer body kodunun altına eklediniz ve çalışmadıysa sonrasında #sidebar kısmının sonuna eklemeniz Benim temada Bu şekilde çalıştı
Yapamayan arkadaşlarımız için yine yardımcı olmaya çalışıcas...

< div id='falling-snow'>


en sonunda ise busefer < /body kodunu bulup hemen üstüne < /div> kodunu ekleyin ve kaydedin

işlem bukadar. Yapamadığınız zaman konu altına belirtiniz.

Kar efektlerini yoğunlaştırmak istiyorsanız arkadaşlar css kodları arasında
4.bp.blogspot.com/-26hxwn0tlwa/uajzybdbd...

burdaki linki bununla değiştirmeniz.

u1312.hizliresim.com/1j/p/vrr5t.png

Daha fazlası sohbetcheblog.net adresindedir.
Aralık 2013

Tolga Gönül  yeni bir  gönderide  bulundu.

Mixpal Blogger Teması › SohbetcHe Blog

ixpal Blogger teması sade bir tema sevenler için gayet kullanışlı bir tema diyebilirim. Bu temayıda kesinlikle arşivinizde bulunması gereken
Aralık 2013

Tolga Gönül  yeni bir  gönderide  bulundu.

ColorMag Blogger Teması


Blogger Temaları
Bugun bir sitede gördüğüm temayı sizinle paylaşmak istedim gerçekten çok güzel bir tema vede renkli belki bu tarz temalar seven olur diye paylaşalım istedik Bizde bu temayı Koleksiyonumuza eklemiş olduk : )


Şunu sölemek gerekirki Blogger kendini baya bir geliştirmeye başladı Eklentiler olsun temalar olsun vede kendini sürekli güncellemeye devam ediyor. Bunu hepimiz farkediyoruzdur.

Bana kalırsa Blogger kendini böle güncellemeye devam ederse wordpressi bloggere tercih eden baya kişi olur gibi gözüküyor.

Demo adresi
colormag-fbt.blogspot.gr

indirme adresi

app.box.com/s/r02rvtmi8zp15oszaf7s

Daha fazlasını sohbetcheblog.net adresinden bulabilirsiniz.

Aralık 2013

Tolga Gönül  yeni bir  gönderide  bulundu.

Psychedelic60's Blogger Teması

Blogger TemalarıBu temada diğerlerinden çok farklı bir şekilde tasarlanmış bir tema ve benimde beğendim arşivime aldığımtemalardandır.

Bu temayıda paylaşmayı düşündük.

Umarım beğenirsiniz.

Gerçi herkezin zevkleri ve renkleri farklıdır. Ama
Beğeneciyeniğizi düşündük : )

Demo adresi
psychedelic60s.blogspot.com/

indirme adresi

app.box.com/s/oh0dp7nrfybfg047x1g7

Daha fazlasını sohbetcheblog.net adresinden bulabilirsiniz.
Aralık 2013

Tolga GönülBlogger Temaları konu başlığını takip etmeye başladı.

Blogger Temaları

Formatting of continuation data will be changing soon. To continue using the current formatting, use the 'rawcontinue' parameter. To begin u...

Aralık 2013

Tolga Gönül  yeni bir  gönderide  bulundu.

Fantastik Blogger Teması

Blogger Temaları

Merhaba arkadaşlar kendi kullandığımız temayı paylaşmaya karar verdik yakında yeni bir temaya geçiceğimizi için paylaşalım dedik başlıkdada fantastik blogger teması dedim başka isim bulamadım : ) daha önceden de buna benzer tema paylaştığım için gerçi aynı tema zaten sadece renkleri değiştirildi ve tamamiyle transparan olarak yapıldı...
Normalde sade bir tema sevmediğim için genelde kullandığım temalarda görsel anlamda baya bir düzenlemeler yapabiliyoruz. O yüzden bu temayıda ona göre tasarladık...
Blogger Temaları


koyu renk temalar sevenler varmıdır bilmiyorum ama benim koyu renk temalar her zaman hoşuma gitmiştir...
Bu tamayıda kahverengi renklere uygun olarak düzenledim. Bir kaç örnek resim sunup temamızı paylaşalım...
Fazla resim eklemiyorum demosu zaten sitemizden inceliyebilirsiniz.

Bu temanın açık yani transparan olmayanıda vardır onu istiyen olursa konu altına yorum olarak yazabilirler

Kısa bilgilendirme temayı ilgilendiren arkadaşlarımız için ana sayfada bulunan görrüsünüz zaten sağda izlendi yazıyodur bu sayfa kaç kez görüntülendi eklentisidir. Bunun için buraya göz atıp yeniden uygulamanızı tavsiye ederim çünki şu an bu eklenti bizim siteye göre ayarlanmıştır.

Temada demo ve dowloand butonu eklidir arkadaşlar kullanmak istiyenler olursa bunun için Burdaki konuya göz atmanızdır. Cssler ekli siz sadece html kısmını ekliyiceksiniz.

Temada kod kutusuda eklidir arkadaşlar bu eklentiyi herkez arıyodur eminimki bu kodda temada ekli durumda kullanabilmeniz için Burdaki adresi incelemeniz gerekir bu verdiğim eklentilerde css ler eklidir. Arkadaşlar sizler sadece html kısımları ekliyiceksiniz.

Temayla ilgili sorunlarınız olduğu zaman konu altına yazarsanız yine yardımcı olmaya çalışırıs. .

Daha fazlasını sohbetcheblog.net adresinden bulabilirsiniz.
Daha Fazla

İlgilendiği KonularTümü

Blogger Temaları

5 Kişi   5 Soru