Son Eklenenler
Blogger etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Blogger etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Gri Tema Blogger Teması

İbrahim Çevrük

Temanın adı ne bilmiyorum. İbrahim Çevrük'ün paylaştığı CSS/HTML olan ve paylaşırken "Gri Tema" diye başlık açmasından dolayı bu isimi verdim. CSS/HTML halini gördüm durur muyum ? Elbette hayır. :D Hemen oturdum, nescafemi aldım ve 30-35 dakika içerisinde entegre ettim.

Gayet hoş bir tema. Belirtmek istiyorum ki sadece entegreyi geliştirdim ek olarak hiçbir şey yapmadım.

Önizlemeİndir

Metro Blogger Teması


Win8'in Metro arayüzü sayesinde artık web alemi de renklendi :) Metro Blogger teması şuana kadar gördüğüm en iyi çalışma diyebilirim. Gadget yerleşim bölümlerinin bol olması ile hiç sıkıntı çekmeden widget ekleyebileceksiniz.

İndirme linklerinden önce slider kodlarını verelim. Slider'ı isterseniz şablondan isterseniz HTML/JS gadgetı olarak ekleyebilirsiniz.

<div class="carousel" style="width:600px;height:350px;" data-role="carousel" data-param-effect="fade" data-param-direction="left" data-param-period="3000" data-param-markers="off" >  
<div class="slides">

<div class="slide image"><a href="http://www.techirsh.com"><img src="http://goo.gl/DBTx2"/></a><div class="description">1 Some Description.</div></div>

<div class="slide image"><a href="http://www.techirsh.com"><img src="http://goo.gl/H9C5J"/></a><div class="description">2 Some Description.</div></div>

<div class="slide image"><a href="http://www.techirsh.com"><img src="http://goo.gl/dJ5Sj"/></a><div class="description">3 Some Description.</div></div>

</div><span class="control left">&#8249;</span><span class="control right">&#8250;</span></div>

Önizlemeİndir

BiAdam Blogger Teması

Artık sıfırdan tema yapmak yerine varolan wp temalarını Blogger'a entegre etmeyi uygun gördüm kendimce. Ve entegre ettiğim BiAdam temasını bugün siz değerli okurlarıma sunuyorum.

Temada anasayfa da yalnızca 3 kayıt gösterirseniz kayma ile karşılaşmazsınız. Neden bende anlamadım fakat 4 veya 5 kayıt gösterildiğin de kaymalar oluşuyor. Bunun dışında incelediğime göre bir sorun yok.

BiAdam Blogger Teması

İndir

OSade Blogger Teması

OSade Blogger Teması


OSade temasının Blogger uyarlamasına izin verdiği için öncelikle Okan Sağlam'a teşekkürler. Temanın çabuk ve daha düzenli olması için Onur Batur ile bu temayı entegre etmeye çalıştık.

Dürüstlükle söylüyoruz ki ikimizinde en çok zorlandığı tema. Bu yüzden alın terimizi hiçe saymamanız ve footer linklerine dokunmamanız bizim ve Okan'ın sizlerden ricası.

İndir

Not: Temanın entegresini sabırsızlıkla bekleyen arkadaşları düşündüğümüz için temayı hızlıca entegre ettik. Bazı yerlerde eksiklikler, hatalar ve aksilikler olabilir. Bu yüzden OSade temasının %100 tam entegresi için takipte kalınız.

TEMA 17.8.2013 TARİHİ GÜNCELLEMESİ İLE %100 ENTEGRE EDİLMİŞTİR.
Ekleyeceğiniz logo boyutu 200x155 ebatlarında olmalıdır.

Popho Portal Blogger Teması

Anarschi (Beyazıt Kölemen) tarafından yapılmış ve yaptığı her Blogger temasına hayran kaldığım Hit Adam tarafından Blogger'a uyarlanmıştır. Temanın sadeliği ve kullanışlı olmasını çok seviyorum. Gelelim temanın özelliklerine

  • Resme tıkladığınızda yazıya gitmenizi sağlayan otomatik devamını oku eklentisi
  • Özelleştirilmiş yorum formu ve yorumlarda cevaplama özelliği
  • Header kısmında 2 adet menü ve 468x60 boyutunda reklam alanı
  • Konu sonlarında öne çıkarılmış paylaşım butonları
  • Konulara eklenen resimleri lightbox ile görüntüleme
  • Son olarak basit yapılı ve göz yormayan kullanıcı kolaylığı düşünülmüş minimalist tasarım.

Hit Adam'ın sizlerden istediği footer linklerini değiştirmemeniz ve kaldırmamanız.

Önizlemeİndir

Blogger CSS3 Geçişli Arama Kutusu

CSS3
CSSBeyin adlı blogumda şimdi paylaşacağım arama kutusuna benzer bir paylaşımda bulunmuştum. Ve bir takipçimiz "Blogger için entegre edebilir misin?" ricasında bulunmuştu. Sonunda vakit buldum entegreyi tamamladım. Fakat bir farkı var. Oradaki ile birebir değil.

Bir önceki yazım olan CSS3 Transitions kullanılarak oluşturulmuştur. Eğer CSS3 Transitions paylaşımlarımı iyi kavrarsanız sizde yapabilirisiniz.





CSS Kodları


#search input[type="text"]:hover {width:208px;border:1px solid #CCC;}
#search input[type="text"] {
background: #FFF url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRPusgRIixpXileM8jnv4XOOpkYAOjpvteSqq5vfPZDtCu0L4bFGxNS3ZMfmMneZDSZ66NlsX2dI6MG3cqwyjpd1pH3pn9ZrRgCk-wU6pZF29ePgONnNSHAAH_px-F0c0luY_mLMnYnh5q/s0/search_32x32-32.png")no-repeat center left;
font-size: 13px;
color: #222;
width: 0px;
padding: 10px 0px 11px 35px;
z-index: 9;
border: 1px solid #fff;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
margin-bottom: -1px;
position: absolute;
top: 0px;
right:20px;}

HTML Kodları


<form action="http://blogismi.com/search/" id="search" method="get">
<input name="q" placeholder="Ne Aramıştınız ?" size="40" type="text"></form>

Blog Yazarlığı Bana Ne Kazandırdı ? #Mim7

i love blog
Halenur mimlemiş beni bu yazı için, sağolsun.(Ahmet Bilmez de öyle.) Her neyse evet bu yazıya giriş yapmadan önce yazdığım 7.mim yazısı olduğuna şaşırdım vallahi. Bayağı bir mimlenmişiz.

19 Şubat 2012 yılında başlayan bu güzel serüvende bir çok şey kazandım fakat bunların bazılarını aşağıda listeledim.

Blogculuk bana en başta çok iyi dostlar edinmemi sağladı bu yüzden iyi ki atılmışım bu olaya diyorum. Yeni insanlar, yeni fikirler tanımak çok güzel bir şey ve bu insanlarla fikir ve kültür alışverişi yapmak ise benim için paha biçilemez.

İmla ve yazım kurallarına önceden de dikkat ederdim ancak blog yazarlığı ile bu olaya daha da önem vermeye başladım. Yani kitap okumak falan da iyi gelir bu imla ve yazım kurallarına ama blogculuk daha iyi geliyor bence.

İnternet dünyasının sadece Google, Facebook ve Twitter'dan oluşmadığını, gerçekten internet dünyasının ne ve ne demek olduğunu öğrendim.

Web dillerini (CSS, HTML ve xHTML) genellikle yabancı kaynaklardan araştırdığım için ingilizcemin geliştiğine inanıyorum.

Başta söylediğim gibi en büyük kazancım dostlarım oldu.

Mimlendiniz gençler, Ahmet Kaya, Furkan Özden, Onur Batur.

Aslında bu yazıyı okuyan herkes bu mime cevap verebilir.

Blogger Portal Temaları

Bir zamanlar premium olarak bildiğimiz bu harika portal temalarını siz okurlarımla paylaşmak istedim. Eğer şu sıralar portal teması arıyor veya yapmaya çalışıyorsanız bırakın. Çünkü bunları çok beğeneceksiniz.

Gamer MagZ

Blogger Portal Temaları

İndirÖnizleme

Bresponsive

Blogger Portal Temaları

İndirÖnizleme

Düzenlediğim Float Blogger Teması

.css{beyin} adlı projem için düzenlediğim ve bir süre kullandığım. Float Blogger temasının düzenlemiş olduğum halini siz blogcu dostlarımla paylaşmak istedim.

Temayı A'dan Z'ye değiştirmedim. Temelinde yine Float yatıyor ama kendimce biraz düzenledim. Umarım, beğenir ve kullanırsınız. Temaya fazla bir şey yapmadım sadece eklentilerini ekledim ve gerekli SEO materyallerini ekledim. (Meta ve Heading Tags)

Float Blogger Teması


İndir

Blogger İletişim Formu Gadgetını Sayfaya Eklemek

Blogger İletişim Formu Gadgetını Sayfaya Eklemek
Merhaba arkadaşlar, Blogger'ın yeni gadgetı İletişim Formu'nu sayfalara eklemek mümkün. Nasıl yapıldığını hemen kısaca anlatıyorum.
  • Yerleşim > Gadget Ekle > İletişim Formu gadgetını ekliyoruz.
  • Daha sonra blogumuzu görüntüleyip  CTRL+U yardımı ile kaynak kodlarını görüntülüyoruz ve 
  • CTRL+F ile contactform aratıyoruz. 
  • Bulduğumuz iletişim formu kodlarını kopyalayıp sayfamızın HTML bölümüne yapıştırıyoruz.

İletişim Formu Kodları(Resim)

Tüm işlemlerimiz bu kadar. Takıldığınız bir bölüm olursa yorum olarak bildirebilirsiniz.

Notify Blogger Teması

Blogger Resimli Benzer Yazılar [Yeni]

Blogger Resimli Benzer Yazılar [Yeni]
Merhabalar, kullanmış olduğum benzer yazılardan biraz farklı olan ancak temel olarak bakıldığında aynı olan bu eklentiyi paylaşıyorum. Aslında eklentiyi WMAracı'nda gördüm ancak paylaşan arkadaş kodları hatalı çevirdiği için ekleyen arkadaşlar sıkıntı yaşıyordu. Buradan kodların düzenlenmiş halini bulabilirsiniz. Başlayalım diyorum :))

</head>

kodunu bulun ve üstüne aşağıdaki kodu ekleyin.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#related_posts{width: 410px;margin-left: -22px;}
#related_posts h4{}
#relpost_img_sum{/* height:320px; overflow:auto; */margin:0; padding:0px; line-height:16px}
#relpost_img_sum:hover{background:none}
#relpost_img_sum ul{list-style-type:none; margin:0; padding:0}
#relpost_img_sum li{border:1px solid #ccc; background:FFFEF7; margin:0 0 5px; padding:5px; height:65px; list-style:none}
#relpost_img_sum .news-title{display:block; font-weight:bold !important}
#relpost_img_sum .news-text{display:block; text-align:justify; font-weight:normal; text-transform:none; color:#333}
#relpost_img_sum img{float:left; margin-right:5px; padding:4px; border:solid 1px #ccc; width:50px; height:50px; background:#fff}
</style>
<script type='text/javascript'>//<![CDATA[
var relnum = 0;
var relmaxposts = 5;
var numchars = 85;
var morelink = "daha fazlası ››";

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 4=f g();2 5=f g();2 9=f g();2 b=f g();s K(L,M){2 7=L.19("<");l(2 i=0;i<7.3;i++){8(7[i].N(">")!=-1){7[i]=7[i].O(7[i].N(">")+1,7[i].3)}}7=7.1a("");7=7.O(0,M-1);y 7}s 1b(z){l(2 i=0;i<z.P.6.3;i++){2 6=z.P.6[i];4[n]=6.A.$t;u="";8("Q"B 6){u=6.Q.$t}C 8("R"B 6){u=6.R.$t}9[n]=K(u,1c);8("S$T"B 6){D=6.S$T.1d}C{D="1e://1f.1g.1h/1i/1j/1k/1l/d/1m.1n"}b[n]=D;l(2 k=0;k<6.E.3;k++){8(6.E[k].U==\'1o\'){5[n]=6.E[k].v;F}}n++}}s V(a,e){l(2 j=0;j<a.3;j++)8(a[j]==e)y 1p;y 1q}s 1r(){2 m=f g(0);2 o=f g(0);2 p=f g(0);2 q=f g(0);l(2 i=0;i<5.3;i++){8(!V(m,5[i])){m.3+=1;m[m.3-1]=5[i];o.3+=1;o[o.3-1]=4[i];p.3+=1;p[p.3-1]=9[i];q.3+=1;q[q.3-1]=b[i]}}4=o;5=m;9=p;b=q;l(2 i=0;i<4.3;i++){2 c=w.W((4.3-1)*w.X());2 Y=4[i];2 Z=5[i];2 10=9[i];2 11=b[i];4[i]=4[c];5[i]=5[c];9[i]=9[c];b[i]=b[c];4[c]=Y;5[c]=Z;9[c]=10;b[c]=11}2 x=0;2 r=w.W((4.3-1)*w.X());2 12=r;2 h;2 13=14.1s;1t(x<15){8(5[r]!=13){h="<16 G=\'H-A 1u\'>";h+="<a v=\'"+5[r]+"\' U=\'1v\' I=\'J\' A=\'"+4[r]+"\'><1w 1x=\'"+b[r]+"\' /></a>";h+="<a v=\'"+5[r]+"\' I=\'J\'>"+4[r]+"</a>";h+="<17 G=\'H-18\'>"+9[r]+" ... <a v=\'"+5[r]+"\' I=\'J\'>"+1y+"</a><17 G=\'H-18\'>";h+="</16>";14.1z(h);x++;8(x==15){F}}8(r<4.3-1){r++}C{r=0}8(r==12){F}}}',62,98,'||var|length|reljudul|relurls|entry|cuplik|if|relcuplikan||relgambar|informasi|||new|Array|relhasil||||for|tmp|relnum|tmp2|tmp3|tmp4||function||postcontent|href|Math|rangkumanPosts|return|json|title|in|else|postimg|link|break|class|news|target|_top|saringtags|suchas|panjang|indexOf|substring|feed|content|summary|media|thumbnail|rel|contains|floor|random|tempJudul|tempUrls|tempCuplikan|tempGambar|rini|dirURL|document|relmaxposts|li|span|text|split|join|relpostimgthum|numchars|url|http|lh3|ggpht|com|_xcD4JK_dIjU|SnamIh0KTCI|AAAAAAAADMA|hLjqmEbdtkw|noimagethumb|gif|alternate|true|false|relatpost|URL|while|clearfix|nofollow|img|src|morelink|write'.split('|'),0,{}))
//]]></script>
</b:if>


Bu adımları başarılı bir şekilde uyguladıysanız eklentimizin nerede gözükeceğini belirtmek için HTML kodlarını


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related_posts' style='margin-top:35px;'>
<h3>Benzer Yazılar</h3>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgthum&amp;max-results=50&quot;' type='text/javascript'/>
</b:loop>
<ul id='relpost_img_sum'>
<script type='text/javascript'>relatpost();</script>
</ul>
</div>
</b:if>


<post-footer>
<post-footer-line-1>

kodlarının altına ekleyin. Şablonu kaydedin ve CSS kodları ile oynayarak blogunuza uyumlu hale getirin. İyi bloglamalar.

Blogger'dan Yenilik: İletişim Formu Gadgetı

Her geçen gün kendini geliştiren ve sistemine yenilikler katan Blogger hepimizin ihtiyaç duyduğu İletişim Formu gadgetını ekledi.

Blogger da iletişim sağlamak için bir çok alternatif bulunmaktaydı. JotForm ve diğerleri... Ancak Blogger'a özel bu iletişim formu ile takipçileriniz sizlere direkt olarak mail yollayabilecek. Google Docs altyapısını kullanan bu gadget hem güvenilir hemde hızlı.


Bu gadgetı blogunuza eklemek için aşağıdaki adımları takip edebilirsiniz.

Blogger'dan Yenilik: İletişim Formu Gadgetı

Bu ekrandan sonra Kaydet diyerek işlemi tamamlayın ve iletişim formunu nereye yerleştirmek istiyorsanız oraya taşıyın.

Not: Mailler, Google hesabınıza bağlı olan GMail hesabınıza gelecek.

Blogger En Çok Yorumlanan Yazılar Eklentisi

Merhaba arkadaşlar, yine birbirinden güzel blogger eklentilerini sizlerle paylaşmaya devam ediyorum. Bugün ki eklentimizin amacını başlıktan da anladığınız gibi en çok yorum alan yazılarınızı sergilemek için kullanabilirsiniz.

<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ul style="">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = "(" + feed.value.items[i].commentcount + " Yorum)";
var pList = "<li>&rsaquo;&rsaquo; " + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment); //to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://aerakman.blogspot.com
&ShowHowMany=5
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript">
</script>

Eklentimizi, Yerleşim > Gadget Ekle > HTML/JavaScript adımlarını izleyerek ekleyebilirsiniz.Kodlar arasında mavi renk ile belirtmiş olduğum kısımı kendinize göre düzenleyebilirsiniz.

Metro Tarzı Sosyal Ağ Butonları

social-network-buttons-metro-style

Merhaba arkadaşlar, güzel bir yazı ile yine karşınızdayım. Bugün ki yazımızda Win8'in Metro Arayüzüne benzer sosyal ağ butonlarını paylaşacağım. Bence hepiniz beğenecek ve kullanacaksınız :)

Hemen başlayalım diyorum.

CSS Kodları


#jocial{width: 305px;
float: left;margin-top: 10px;}
#jocial li{position:relative; cursor:pointer; padding: 0 !important;}
#jocial .facebook, .googleplus, .rss, .twitter{
position: relative;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
z-index: 5;
display: block;
float: left;
margin: 1px;}
#jocial .icon{overflow:hidden;}
#jocial .facebook{width: 150px;
height: 150px;
background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlU3QczTmssV9q0GVtfIJsRQCRX7nsk6yci6zja-ubamO1sKSodfRoDtSuTYK8LtioSiDSSKk9jOeEjlCy8beeHz6pXoAagtlqcqeZIcDNM0ELXwjOq8UvPx3MmXqYqxAcVKWaKTbXDuaI/s0/facebook.png") no-repeat center center;}
#jocial .twitter{width: 150px;
height: 74px;
background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5asXPhTZm9yAunnHJA-9pvjrYz-4w0JlnyE68VmhbxSyUjrnaUS-L2jOaji120YXZNKye23l5Wk-CAoRXE3vk-v7yGqOjiV_fzD9isJkHvsWzUBsH7S84YxFLSeQmpwSoHdtg6MU8hvUG/s0/twitter.png") no-repeat center center;}
#jocial .googleplus{width: 150px;
height: 74px;
background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB7vgIN8WJ8QlZiM5oLLKLM27u3YOAy5Gcivk_0wrxCZI4WXaOUhdYrCuRE-DYU6q8bu-8BdW3RDC88FJPVjmfdRggA0xOBjUIdZttq3LT3YsBPpNRs4GzRbb_af5X6T1UF43yefgDLv2n/s0/google%25252Bplus.png") no-repeat center center;}
#jocial .rss{ width: 302px;
height: 74px;
background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6TLg90ET8aHHBcXXqGJpU6lRvz6ouA10Pd8yX67RHgrq4FgOMc1XIY1NYpT4YXlzzQh49c6m-I4oeSpr-I6SEIGKSZ8m5WrHCuiqI9zvgrTbP_N3jI85hL5z3kz-FEcl36LFaV15gS_Ha/s0/rss.png") no-repeat center center;}
#jocial li:hover .facebook{background-color:#3468B6;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .twitter{background:rgba(64,153,255,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5asXPhTZm9yAunnHJA-9pvjrYz-4w0JlnyE68VmhbxSyUjrnaUS-L2jOaji120YXZNKye23l5Wk-CAoRXE3vk-v7yGqOjiV_fzD9isJkHvsWzUBsH7S84YxFLSeQmpwSoHdtg6MU8hvUG/s0/twitter.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .googleplus{background:rgba(228,69,36,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB7vgIN8WJ8QlZiM5oLLKLM27u3YOAy5Gcivk_0wrxCZI4WXaOUhdYrCuRE-DYU6q8bu-8BdW3RDC88FJPVjmfdRggA0xOBjUIdZttq3LT3YsBPpNRs4GzRbb_af5X6T1UF43yefgDLv2n/s0/google%25252Bplus.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .rss{background:rgba(255,102,0,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6TLg90ET8aHHBcXXqGJpU6lRvz6ouA10Pd8yX67RHgrq4FgOMc1XIY1NYpT4YXlzzQh49c6m-I4oeSpr-I6SEIGKSZ8m5WrHCuiqI9zvgrTbP_N3jI85hL5z3kz-FEcl36LFaV15gS_Ha/s0/rss.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}

HTML Kodları


<ul id='jocial'>
<li><a class='icon facebook' href='http://www.facebook.com/YOUR_USERNAME/'></a></li>
<li><a class='icon twitter' href='http://twitter.com/username/'></a></li>
<li><a class='icon googleplus' href='https://plus.google.com/u/0/alamat profil google+/'></a></li>
<li><a class='icon rss' href='http://feeds.feedburner.com/YOUR_USERNAME'></a></li>
</ul>

Blogger My Last Tweets Eklentisi


Bu eklenti sayesinde isminden de anlaşılacağı gibi blogunuzda son tweetlerinizi gösterebilirsiniz.  Bunun için aşağıda bulunan eklentiyi blogunuzda uygun bir yer eklemeniz yeterli olacaktır. İsterseniz HTML/JS gadgetına da ekleyebilirsiniz.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>   <script src="https://dl-web.dropbox.com/get/Photos/Alb%C3%BCm/jquery.marquee.js?w=AABSDeXRZSvjKf_Aw5Yvo_22U4Z4T-iaMZElKu92Sw06QA"></script>
<script type='text/javascript'>
//<![CDATA[
var Twitter = {
init: function () {
this.insertLatestTweets('ardaerakman');
},
insertLatestTweets: function (writershome) {
var limit = 5;
var url = 'https://api.twitter.com/1/statuses/user_timeline.json?include_entities=true&include_rts=false&screen_name=' + writershome + '&count=' + limit + '&callback=?';
$.getJSON(url, function (data) {
var html = '<marquee behavior="scroll" scrollamount="1" direction="left">';
for (var i in data) {
html += '<a href="http://twitter.com/' + writershome + '#status_' + data[i].id_str + '">' + data[i].text + ' <i>' + Twitter.daysAgo(data[i].created_at) + '</i></a>';
}
html += '</marquee>';
$('#twitter p').replaceWith(html);
Twitter.fancyMarquee();
});
},
fancyMarquee: function () {
$('#twitter marquee').marquee('pointer')
.mouseover(function () {
$(this).trigger('stop');
})
.mouseout(function () {
$(this).trigger('start');
})
.mousemove(function (event) {
if ($(this).data('drag') == true) {
this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
}
})
.mousedown(function (event) {
$(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
})
.mouseup(function () {
$(this).data('drag', false);
});
},
daysAgo: function (date) {
if ($.browser.msie) {
return '1 day ago';
}
var d = new Date(date).getTime();
var n = new Date().getTime();
var numDays = Math.round(Math.abs(n - d) / (1000 * 60 * 60 * 24));
var daysAgo = numDays + ' gün önce';
if (numDays == 0) {
daysAgo = 'bugün';
}
else if (numDays == 1) {
daysAgo = ' dün';
}
return daysAgo;
}
};
Twitter.init();
//]]>
</script>


<style>
#top-bar{
width:100%;
height:30px;
background:#fff;
border:1px solid #000;
padding: 0 0 5px 0;

}
#twitter {
background:#6b6b6b url(http://m1304.hizliresim.com/18/w/mk43m.png)left center no-repeat ;
padding: 9px 5px 0px 45px;
margin: 0 0 0 0px;
overflow: hidden;
}
#twitter p,
#twitter marquee,
#twitter div {
float: left;
font: 13px bold helvetica, verdana, sans-serif;
margin: 0 10px 0 0;
padding: 0 0 9px 0px;
line-height: 1;
}
#twitter marquee a,
#twitter div a {
margin: 0 10px 0 0;
color: #fff;
text-decoration: none;
}
#twitter marquee a i,
#twitter div a i {
font-style: normal;
color: #00ACEE;
}
</style> <div id='twitter'><p> </p> </div>

Kodlar arasında kalın punto ile belirttiğim yerleri değiştirebilirsiniz. Ben bu değişkenlerin neye yaradıklarını sizlere anlatayım.

  • ardaerakman yerine kendi twitter kullanıcı adınızı (ID) yazmalısınız.
  • var limit = 5; buradaki sayısal veri gösterilecek tweet sayısıdır. Arttırabilir veya azaltabilirsiniz.
  • CSS kodları arasında ki renk, boyut gibi değişkenlerle oynayabilir, tasarımınıza uygun hale getirebilirsiniz.

Önizleme

My Last Tweets Plugin


Blog Başlığınızı SEO Dostu Yapın



Merhaba çoğunuz bu tür bir yazı görmüş ve uygulamışsınızdır ancak bu biraz farklı. Öne çıkarmak istediğiniz anahtar kelimelerinizi blog başlığınızda göstereceksiniz. Bu sayede SEO dostu bir başlığa sahip olacak ve anahtar kelimelerinizi öne çıkarmış olacaksınız. Başlayalım.

Şablonunuzdan şu kodu bulun


<title><data:blog.pageTitle/></title>

Şimdi bulduğunuz kodu şu şekilde düzenleyin ya da olduğu gibi değiştirin.

<title><data:blog.pageTitle/> | Anahtar Kelime II | Anahtar Kelime I</title>


Anahtar kelime yazıları yerine örneğin Blogger ve Teknoloji ekleyebilirsiniz.

Blog başlığınız bu uygulamayı yaptıktan sonra şöyle görünecek:

SEO Friendly Title





Blogger Yorumlarda Link Paylaşmak


Bir bloga yorum bırakırken örnek bir link vermek istediğiniz muhakkak tüm link adresini yapıştırmak zorunda kalıyorduk. Aynı şekilde bu linki incelemek isteyen kişide linkin tamamını seçip kopyala-yapıştır tekniği ile görebiliyordu.

Bu zahmetleri ortadan kaldıracak bir eklenti sunuyorum size :) Yorum yaparken link verecekseniz aşağıdaki kodu kullanmanız yeterli olacak.

<a href="LINK ADRESI" rel="nofollow">GÖRÜNECEK YAZI</a>


Yeni bir yorum yaparken yukarıdaki kod satırında bulunan yerleri doğru şekilde doldurduğunuz da eskisi gibi bütünüyle bir link yollamak zorunda kalmayacaksınız.

Eğer güzel amaçlarla kullanılırsa herkesin işine yarayacak bir eklenti. Umarım amacından sapmaz ;)

Twitter Blogger Teması

Bir anlık gözlerinizin önüne Twitter'ın tasarımı gelsin. Bu tasarımı blogunuzda kullanmak ister miydiniz ? Bence bazılarınız "Olsa güzel olurdu." dedi bile. Twitter'ın tasarımını Blogger'a entegre etmişler ve ortaya şahane bir şey çıkmış.

Bu güzel benzetme temayı sizlerle paylaşmak istedim. Eğer kod bilginiz varsa editleyerek daha güzel sonuçlara ulaşabilirsiniz.

Twitter Blogger Teması


Önizlemeİndir

Blogunuzdaki Tüm Linkler Yeni Sekmede Açılsın

blogger banner // ae

Merhaba dostlar, daha önce böyle bir paylaşım yapılmıştı ancak hatırladığım kadarıyla işin içine JS giriyor bu da blogumuzda gözle görülür bir yavaşlamaya neden oluyordu. Bugün paylaşacağım kod ile tüm linkleriniz tek satırlık bir kod ile yeni sekmede açılacak.


Şablon > HTML'yi düzenle diyerek aşağıdaki kodu bulun.

<head>

Bulduğunuz kodun hemen altına aşağıdaki kodu yerleştirin.

<base target='_blank' />

Şablonu kaydedin. Artık blogunuzda bulunan tüm iç ve dış linkler yeni sekmede açılacak.

Layer"

Reklam

 
Support : Türkçe | Blogger | Temaları
Copyright © 2014 Film Siteleri - Tüm Hakları Saklıdır
Filmsitelerin.blogspot.comTürkçe Blogger Temaları
powered by Filmsiteleri.net