Son 24 Saat

blogger sorgusu için yayınlar alaka düzeyine göre sıralanmış olarak gösteriliyor. Tarihe göre sırala Tüm yayınları göster

17:22 No comments

Blogger İçin Faydalı Eklentiler ve Temalar

Etiketler: Blogger, Her eve lazım, Widget

Bloggerde istediğiniz kadar yazı listeleme (random widget) - Erman Haskan
Otomatik Devamını oku Bağlantısı (auto read-more) - Blogsolute
Recent Post Thumbnail Widget Gadget - Bloggerplugins
Blogger Son yorumlar && Son Yazılar Gadget Eklentisi - Bloggerbuster
Benzer Yazılar (Related Posts Widget Thumbnail) - Linkwithin
Bloggerde sadece yazı başlıklarını listelemek - Mafiamax

Blogger için Tema Adresleri

Blogger Tema Templates Şablon - Bloggertema
Blogger templates,blogger templates BTemplates
Blogger template premium templates - Magznetwork
Free blogger templates wordpress to blogger template - EBlogTemplates

10:09 No comments

Blogger Erisim Yasagini Kaldirma

Etiketler: Blogger, Youtube

Ülkemizde youtube ile beraber blogger siteside kaldırıldı.Biliyorumki birçok kişinin blogu var ve aşağıda kullanacağınız ile sadece blogger kontrol paneline girebiliyorsunuz.Kendi sitenize girmek için ayrıca site adını yazmalısınız.Tabi başka seçeneklerde var ama şimdilik en kullanışılısı bu görünüyor.

Başlat > Çalıştır > yazıp aşağıdaki gördüğünüz kodu yapıştırın

%systemroot%\system32\drivers\etc

Çıkan sayfada Hosts dosyasını notdefteri veya wordpad ile açıp

127.0.0.1 localhost

dosyasının hemen altına ip ve web adresini yazın ve kaydedin

127.0.0.1 localhost
64.233.183.103 www.blogger.com
64.233.183.103 www.blogspot.com
64.233.183.103 draft.blogger.com
64.233.183.103 blogger.com

Kendi sitenize girmek için ayrıca girmelisiniz.

64.233.183.103 siteadi.blogspot.com

17:48 No comments

Blogger Yorum Formu

Etiketler: Blogger İpuçları

Blogger yorum formunu şurada draft süprizleri olarak duyurmuştuk.Onunla beraber artık yeni şablonlarda ayara gerek kalmadan yorum panelinden tam sayfa olarak veya sayfa içerisinde yorum gösterebiliyoruz.
Ama eski yorum sayfasından vazgeçemiyenler için :) sayfanızda her ikisinide göstermenize olanak sağlanıyor.

Yalnız şunu hatırlatmak istiyorum.Eski yorum sayfanızıda kaybedebilirsiniz.Ayarları önce bir tane test blog açıp orada deneyin.Sonuc olumlu çıkarsa sayfanızda uygulayın.Benim ilk denemelerimde sayfa içindeki yorum yeri kayboldu ve kodlar bile işlemez oldu.Neyse biraz riskli bir iş ama ben kodları veriyorum isteyen yapabilir. :)

Örnek olarak şu sayfaya bakınız.

Yedeğini almaya unutmayın.

1 - Tam Sayfa

Aşağıdaki kodu bulun:

<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>

Ve bu kodla değiştirin:

<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3> (Yorum sayfası <a expr:href='"http://www.blogger.com/comment.g?blogID=30540005&amp;postID=" + data:post.id + "quot;' rel='nofollow'> eski</a>?)
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>

2 - Popup Pencerede Açmak

Aşağıdaki kodu bulup

<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>

Bu kodla değiştirin:

<div class='comment-form'>
<a name='comment-form'/>
<b>Post Your Comment</b> (Yorum sayfası <a expr:href='"http://www.blogger.com/comment.g?blogID=707079334502450236&amp;postID=" + data:post.id + "&isPopup=true"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;' rel='nofollow'> diğer</a>?)
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>

3 - Yeni pencerede Tam Sayfa

Aşağıdaki kodu bulup

<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>

Bununla değiştirin

<div class='comment-form'>
<a name='comment-form'/>
<b>Post Your Comment</b> (Yorum sayfası <a expr:href='"http://www.blogger.com/comment.g?blogID=707079334502450236&amp;postID=" + data:post.id + "&isPopup=true"' rel='nofollow'> diğer</a>?)
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>

Son Olarak:

Buradaki blogid kısmını değiştiriyoruz.
http://www.blogger.com/comment.g?blogID=30540005

13:00 No comments

Blogger Adsense Teması

Etiketler: Adsense, Blogger

2 Cloum blogger şablon , adsenseye uyarlanmış blogger template demosuna buradan bakabilirsiniz.
Blogger Demo : Blogger avatexthemes
Worpress Demo: Avatexthemes

Download : İndirme linki

14:38 No comments

Blogger Draft Süprizleri

Etiketler: Blogger İpuçları, İnternet Dünyası

Blogger Draft beta blogger için yeni değişikliklere gitti.

Bunlardan ilki Blogger draft varsayılan olarak ayarla kısmı.

İkincisi rating butonları blogger kullanıcılarının sayfasına eklendi.Bazı sayfalarda gözükmüyor olabilir.

Sayfanızda gözükmüyor ise şu sıralamayı gerçekleştirin.

Aşağıdaki satırı bulun.

<b:includable id='main' var='top'>

..............

<b:include name='feedLinks'/>

buraya kod gelecek

</b:includable>

Bu kodları ekleyin.





<b:if cond='data:top.showStars'>



<script src='http://www.google.com/jsapi' type='text/javascript'/>



<script type='text/javascript'>



google.load("annotations", "1");



function initialize() {



google.annotations.setApplicationId(<data:top.blogspotReviews/>);



google.annotations.createAll();



google.annotations.fetch();



}



google.setOnLoadCallback(initialize);



</script>



</b:if>

Aşağıdaki satırı bulun.

<p class='post-footer-line post-footer-line-1'>

buraya kod gelecek

</p>

Bu kodları ekleyin.

<span class='star-ratings'>



<b:if cond='data:top.showStars'>



<div expr:g:background-color='data:backgroundColor'



expr:g:text-color='data:textColor'



expr:g:url='data:post.absoluteUrl'



g:height='42'



g:type='RatingPanel'



g:width='180'>



</div>   



</b:if>



</span>

Üçüncü değişiklik ise yorum gönder sayfası konu içinde gösterilebiliyor.

Sayfanızda göstermek için aşağıdaki adımları uygulayın.

<p class='comment-footer'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</p>

</b:if>

Yukardaki html kodla değiştirin.

<p class='comment-footer'>



<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>



</p>

</b:if>

13:26 1 yorum

Blogger Yorum Şov (Sarp,Doğa,Yeşim)

Etiketler: Blogger İpuçları

Blogger yorumlarını yazı altında göstermeye çalışalım.JackBook'un sitesinde yayınladığı Commentator Show Off yazısını uygulamaya alalım.Baştan konuşmak gerekirse biraz zorlanabilirsiniz.Yapamadığınız yerde buraya yazarsanız yardımcı olmaya çalışırım.

Buradaki scripti kendi hostunuza veya free hostlara atabilirsiniz.Google pages ,Hostfile gibi..

Bu Kodu bulup aşağıdakiyle değiştiriyoruz.

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

<title><data:blog.pageTitle/></title>
<script type="text/javascript"  src="http://your.googlepages.com/jackbook-rc-1.0.js"></script>

Bu kodu bulup aşağıdaki ile değiştiriyoruz.

<b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a></b:if></b:if>

<b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'>

<script expr:src='"http://www.blogger.com/feeds/3768259976989885058/" + data:post.id + "/comments/default?orderby=published&alt=json-in-script&max-results=500&callback=rp"' type='text/javascript'/>

<noscript><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a></noscript>

</b:if>

</b:if>

Son olarak Profliniz kapalı ise açık duruma getiriyoruz.

http://www.blogger.com/html?blogID=1234567890123456789&tpl=true

15:11 1 yorum

Bloggerde Yazarların Resimlerini Göstermek

Etiketler: Blogger

Blogunuzdaki yazarların resmini gösterin.

1 -

<b:if cond='data:top.showAuthor'>
  <data:top.authorLabel/> <data:post.author/>
</b:if>

Bununla değiştirin

<div class='post-avatar-frame'>
<div class='post-avatar'>
<script type='text/javascript'>
makeprofilelink(&quot;<data:post.author/>&quot;,&quot;img&quot;);
</script>
<b:if cond='data:top.showAuthor != &quot;true&quot;'> 
<data:post.author/>
</b:if>
</div></div>

<b:if cond='data:top.showAuthor'>  
<data:top.authorLabel></data:top.authorLabel>
<script type='text/javascript'>
makeprofilelink(&quot;<data:post.author></data:post.author>&quot;,&quot;txt&quot;);
</script>
</b:if>

2 - Javascript Kodları <head> </head> arasına,

<script type='text/javascript'>
  var team = new Array();
  team[&quot;yazar&quot;]=&quot;12312312312321353231&quot;;
  team[&quot;yazar1&quot;]=&quot;45645656876854645645&quot;;
  team[&quot;yazar2&quot;]=&quot;456456565646&quot;;
  team[&quot;yazar3&quot;]=&quot;7537537537535314&quot;;
  function makeprofilelink (authorname, type) {
   var pid = team[authorname];
if (type==&quot;img&quot;) { document.write(&quot;<a href='http://www.blogger.com/profile/&quot; + pid + &quot;'><img class='post-avatar' height='40' src='http://isminiz.googlepages.com/resim/&quot; + authorname + &quot;.jpg' title='View Profile'/></a>&quot;); }
else if (type==&quot;txt&quot;) { document.write( &quot;<a href='http://www.blogger.com/profile/&quot; + pid + &quot;'>&quot; + authorname + &quot;</a>&quot;); }
else { document.write(&quot;<a href='http://www.blogger.com/profile/&quot; + pid + &quot;'>&quot; + authorname + &quot;</a"&quot;); }
}
</script>

3 - Css Kodları <head> </b:skin> arasına,

.post-avatar {
border-style:none;
display:block;
}
.post-avatar-frame {
background:#FFFFFF; //arkaplan rengi
border-style:none;  //kenar çizgisini gösterme
display:block;      //sayfada göster
float:left;         //sola yasla
}

Değiştirmeniz gereken yerler :

1- team["yazar"]="12312312312321353231";
2- http://isminiz.googlepages.com/resim/" + authorname + ".jpg

- Burada dosya uzantısı jpg,png,gif olabilir.
Kaynak : Googlegroups - Blogger Yardım Grubu

Demo : demo adresi

18:40 No comments

Blogger Son Yazilar Eklentisi 2

Etiketler: Blogger

Daha önce şurada yahoo pipes ile son konuları yazmıştım.Sayfanın geç açılması veya aşırı java koduyla birlikte yüklenmesi eklentinin açılmamasına neden oluyordu.Bende kodu kaldırmaya karar verdim.Şuanki eklentiyi biraz test ettim ve bir sorun olmadığını gördüm.Ve paylaşmaya karar verdim.

Herhangi bir css koduyla uğraşmadan sadece html kodu ile işe başlıyoruz.

Buradaki javascript kodunu herhangi bir ücretsiz hosta atabilirsiniz.
İndir

Yeni konu açarken mesajınızda resim yok iken rastgele resim çıkıyor.Aşağıdaki resim-url.jpg kısmına 5 adet resim buluyoruz.

Sidebarın genişliğine göre ayarlayabilirsiniz.
tablewidth = 288; Genişlik

Resimlerin boyutu :
imgwidth = 70;
imgheight = 70;

Kenar çizgileri

borderColor = " #000;";

Maxsimum yazı - font büyüklüğü ve rengi

summaryPost = 50;
summaryFontsize = 12;
summaryColor = "#FFF";

Buraya kendi blog ID adresinizi yazıyorsunuz.

http://www.blogger.com/feeds/3768259976989885058/posts/default

Script kodunu <head>'ın hemen altına yerleştirin

<script src="http://siteadi.googlepages.com/blogger/js/recentposts_thumb_final2.js" type="text/javascript"></script>

<script type="text/javascript">
imgr = new Array();

imgr[0] = "resim-url.jpg";
imgr[1] = "resim-url.jpg";
imgr[2] = "resim-url.jpg";
imgr[3] = "resim-url.jpg";
imgr[4] = "resim-url.jpg"; 

showRandomImg = true;

tablewidth = 288;
cellspacing = 1;
borderColor = " #000;";
bgTD = "#000";

imgwidth = 70;
imgheight = 70;

fntsize = 12;
acolor = "#FFF";
aBold = true;
icon = " • ";

text = "yorum";

showPostDate = false;

summaryPost = 50;
summaryFontsize = 12;
summaryColor = "#FFF";
icon2 = " → ";

numposts = 5;

rc_feedLink = "http://www.blogger.com/feeds/3768259976989885058/posts/default";

</script>

14:44 No comments

Blogger - İzleyiciler Kullanıma Açıldı

Etiketler: Blogger, Blogger İpuçları, Google

Şöyle ki kullanıcısı olduğunuz blogunuza gelen ziyaretçileri takip edebilme imkanı sağlayan yeni bir servis .Beta aşamasında olduğundan bende merak ediyordum.Bloggerbuster'in haber vermesiyle haberdar oldum.
Henüz gadgeti açılmadı ama kodunu bulup kullanmaya başlamışlar bile blogger draft kullanıyorsanız sayfanın altında abone olduğunuz kişinin son yazdığı yazılara direk bakabiliyorsunuz.Heralde bu Google reader kullanmayanlar için iyi oldu en azından tanışmış olurlar.Hem Readere ekleniyor hemde blogger sayfanızın altında önizleme yapabiliyorsunuz.

Sayfanızda kullanıcıları gadget olmadığı için şuan gösteremiyorsunuz ama http://www.blogger.com/follow-blog.g?blogID=<BLOGID> şeklinde girerseniz karşına çıkan sayfada o blogu izleme şansınız oluyor.Örnek olarak buraya bakabilirsiniz..

21:51 No comments

Blogger'deki siteyi wordpresse taşımak

Etiketler: aktarma, Blogger, import, wp

Blogger'e uygulanan yasaklar yüzünden çogu kişi wordpress' geçmek istiyor.Bende kendi blogumda uyguladığım bir kaç yöntemi sizinle paylaşayım.

İlk önce bir domaininiz olduğunu ve wordpress kurulu olduğunu varsayıyorum.

1.Adım *

* Blogger ->Ayarlar -> Dışarı aktar diyoruz.

* Çıkan xml dosyasını wordpresse uyarlamak gerekiyor.Onuda Google appengine sitesinin yapmış olduğu converterle yapıyoruz.Tıklayın..

Boyut pek önemli değil dışarı verilen xml dosyasını wordpresse aktaracağız.

16:06 2 yorum

Blogger VyBe Temasi

Etiketler: Blogger, Blogger İpuçları

Blogger Vybe Temasına başladım.Bazı ufak tefek sorunlar var onları halledersem paylaşmayı düşünüyorum.İnternet explorerde sidebar biraz bozuluyor,firefox ve google chromede sorun yok.Opereda henuz denemedim.Temanın rengi hoşuma gittiği için başladım umarım güzel bir şeye benzer.

Özellikleri:

Etiket Bulutu (Tags Cloud)
Sidebar Tabs Menu
Yorum Paneli
Blogger Seo

Temayı denemek isteyenler için kodunu veriyorum halen tam bitmiş olmamasına rağmen kullanılabilir durumda
Vybe Blogger Teması : Demo
Wordpress Vybe Teması:Alişko
Vybe Wordpress Themes:Solostream
İndirmek İçin Tıkla

Şablonu biraz düzenleyelim ;

Üstteki menuye aşağıdaki kodu ekleyin



<li class="1">

<a href="http://haluztheme.blogspot.com/" rel="bookmark" title="Home">Anasayfa</a>

</li>

<li class="a">

<a href="http://haluztheme.blogspot.com/" title="About">Hakkımda</a>

</li>

<li class="b">

<a href="http://haluztheme.blogspot.com/" title="Profile">Profilim</a>

</li>

<li class="2">

<a href="http://haluztheme.blogspot.com/" rel="bookmark" title="İletişim">İletişim</a>

</li>

Yanındaki arama kutusu için



<form id="searchform" action="/search" method="get">

<input onfocus="if (this.value == 'ara') {this.value = '';}" maxlength="50" value="ara" type="text" id="searchfield" onblur="if (this.value == '') {this.value = 'ara';}" size="18" name="q"/>

<input id="submitbutton" alt="go" src="http://i451.photobucket.com/albums/qq239/yenibiroyun/blank-1.gif" type="image"/>

</form> 

<a class="rsslink" href="http://haluztheme.blogspot.com/feeds/posts/default">

<p class="rsslink"/>

</p></a>

Ortadaki son yazılar bölümü için



<h2 class="home-list">

<a href="http://haluztheme.blogspot.com/feeds/posts/default" title="Main Site RSS Feed">

<img style="margin: 4px 0pt 0pt; float: right;" alt="RSS" src="http://i451.photobucket.com/albums/qq239/yenibiroyun/FeedIcon-16.gif" title="Main Site RSS Feed"/>

</a>

Son Yazılar

</h2>

Devamını oku bağlantısı için



<span class="fullpost">

Buraya gizlenecek yazı

</span>

ve iyi günlerde kullanın..

22:42 No comments

Blogger Tag Cloud Yapımı

Etiketler: Blogger İpuçları

Blogger etiketlerini tag cloud şekinde göstermek için aşağıdaki adresi ziyaret edin.
Code for New Blogger Tag Cloud / Label Cloud - phydeaux3

01:39 5 yorum

Blogger Domain 404 Hatası

Etiketler: Blogger

Bloggerde çok sık karşılaşılmayan bir hata bX-F42977 bu konuya değinmek istedim.Ben siteme domaini yönlendirdikten sonra firmanın sağladığı google apps'ı kullanmaya başladım.Bazı servisleri yanlış kullanmam sebebiyle hata verdi.Herneyse sonra bloggere yönlendirdiğim domain 404 hatası vermeye başladı.Googlede öğretmenokulu'nun yazdığı yazıyı uyguladım fakat bu sefer yine olmuyordu.Bloggerden eski alan adıma geçiş yapmıyordu.Bu sorun şöyle çözüldü:İlk önce domain panelinden domainin ip adresini cname olarak girdim.Ve tekrar bloggerden blogu dışarı aktar dedim ve başka bir blog açıp içeriği ona aktardım.Domain panelinden urlyi bu siteye atadım.Ve eski siteme girip baktığımda artık hata vermiyordu.Tekrar domain panelinden url'yi eski haline getirdim.bX-F42977 Böyle bir hata ile karşılan olursa eminim bu tecrübem işine yarayacaktır.İyi günler.

08:46 No comments

Ve Blogger Açıldı..

Etiketler: Blogger

Erişime kapanan blogger günlüğü açıldı.Youtube sitesi gibi bir gidip gelen blogger daha fazla sansurlenemedi.Yapılan açıklamaya göre gereksiz kapatılmalar olmayacak ve pire yüzünden yorgan yakılmayacak.Ama bu sözlere ne kadar güvenilir zamanla göreceğiz.

23:36 No comments

Magazine Blogger Template

Etiketler: Blogger, Firefox, IE

Yeni ve güzel bir blogger temasıyla karşınızdayım.Asıl wordpress temasına uyarlanmış fakat biliyorsunuz genelde wordpressten bloggere uyarlama çok oluyor zaten genelide öyle.Normalde devamı oku linkini ayrıca belirtiriz 2 etiket arasında bununla öyle bir mesrafa girmeye gerek yok.Kullanım konusunu aşağıda açıkladım.İndirmek isteyenler buradaki linkten indirip kullanmaya başlayabilirler.Örnek bir şablon ise şuradaki linkte mevcut ayarları kendinize göre yaparsınız.

Henüz resim eklemedim ama demolara bakarak görebilirsiniz..

Wordpress Theme Demo - Blogger Theme Demo

İndirmek için tıkla

Resimleri özel olarak göstermek için bu adresi kullanabilirsiniz
<img class="thumbnail" alt="thumbnail" src="http://resim-adresi.jpg"/>

Yukardaki menu için aşağıdaki kodları header kısmındaki widget ekle kısmından yapabilirsiniz

Suscríbete vía RSS
                  
Ana Sayfa
Kategori
Kategori
Kategori
Kategori
Kategori

Yine aynı şekilde sağdaki html/javascript kısmını açıp kodları ekleyiniz

Yukardaki navbarı kaldırmak isterseniz bu kodu html düzenle kısmından <head> <b:skin/> kodları arasında yerleştirin.

#navbar-iframe {
      height:0px;
      visibility:hidden;
      display:none;
      }

Tarayıcı olarak ie8 ve firefoxda denenmiştir.

09:51 7 yorum

Blogger Populer Yazılar ve Yorumlar

Etiketler: Blogger İpuçları

Blogger için populer yazılar eklentisi:

-Aşağıda blogadı yazan yere kendi blog adresinizi yazın

<br /> <br />

Blogger için en fazla yorum yapanlar

-Aşağıda blogadı yazan yere kendi blog adresinizi yazın

<br /> <br />

22:32 No comments

Blogger Backup

Etiketler: Blogger İpuçları

Blogger draft ekibinin hazırladığı yeni bir özellik blogunuzu yanlışlıkla silebir yada google engeline takılırsanız.Burada bu servis işinizi tamamıyla görüyor.İlk yapmanız gereken blogger ayarlardan blogu dışarı aktar seçeneğini işaretleyip xml dosyası olarak masaüstüne kaydedin.Sonra yerleşim html düzenlemeye gelip tam şablonu yükle seçegiyle aynı şekilde masaüstüne kaydedin.Winrar ile ücretsiz bir hosta veya bilgisayarınıza kaydedin.Aylık ve haftalık olarak güncelleme yapabilirsiniz.Bu şekilde blogunuzu her hangi bir durumda başka bir bloga taşıma imkanınız olabilir.

08:39 7 yorum

Blogger Son Yazılar Eklentisi

Etiketler: Blogger İpuçları

Blogger son yazılar eklentisi eklentisinin değişik bir versiyonu normalde widgetlerden rss ekleyerek yaptığımız son yazılar veya son yorumlar eklentisini değiştirerek sitenizde bu haliyle gösterebilirsiniz.Eklentinin sayfasına gitmek için şuraya bakınız.Sayfanızda gösterebilmek için arkaplan rengiyle biraz oynuyoruz.Sayfanızın arkaplan rengini öğrenmek için eklentiler mevcut fakat olmayanlar şuradaki sayfadan renk kodlarına bakabilir.

Blogger Son Yazılar Eklentisi

height":"380 sayfanın boyutunu değiştirebilirsiniz.



<script src="http://pipes.yahoo.com/js/listbadge.js">{"pipe_id":"npktNwdu3RGsMpRHpgt1Yg","_btype":"list","evenBackgroundColor":"# renk-kodu","oddBackgroundColor":"# renk-kodu","height":"380","pipe_params":{"urlinput1":"http:\/\/son24saat.blogspot.com"},"hideHeader":true}</script>

Sayfanın boyutunu enine değiştirmek için

Aşağıdaki kodu sitenize ekleyin,
<div class="myClass">

<script src="http://pipes.yahoo.com/js/listbadge.js">{"pipe_id":"npktNwdu3RGsMpRHpgt1Yg","_btype":"list","evenBackgroundColor":"# renk-kodu","oddBackgroundColor":"#renk-kodu","height":"380","pipe_params":{"urlinput1":"http://siteadresi.com"}}</script>

</div>
Yerleşim/Html Düzenle yapın ve ]]></b:skin> kodunu bulup üzerine aşağıdaki css kodunu yerleştirin ve arkaplan rengini kendinize göre ayarlayın.

.myClass {
width:100%;
text-align:left;
background-color:#arkaplanrengi}

.myClass h3.ybh a.ybt {
display:none}

.myClass .pipesImgdescription {
margin-left:8px}

20:22 3 yorum

Ücretsiz Türkçe Blog Siteleri

Etiketler: Blog

Blogger :İnternetle haşırneşir olanların kullandığı ücretsiz bir blog servisi.Google altyapısıyla beraber bütün dillerde kullanmaktadır.Blogger kullanıcı adınızı başka bir alan adına yönlendirme şansınız var ve bu yönden çok tutuluyor.
Blogcu :Yeni değil fakat bloggerin yerini alabilecek bloglardan birisi.Ücretsiz ve türkçe olarak hizmet veriyor.
Bloggum :Bloggum servisini pek kullamadım ama blogcu ve blogger kadar güzel bir servis.
Wordpress :Wordpress'de blog yazmaya yeni başlayan yada usta blogcuların kapıştığı güzel bir servis.Türkçe olarak hizmet vermektedir.Ayrıca blogunuzu hostinge taşımanız veyahutta domain adına yönlendirme şansınız var.Blog yazarlarının çoğu bu servisi kullanmaktadır.(Plugin)Eklenti desteğinin olmasıda bu blogu vazgeçilmez yapmaktadır..
Türkblog :Bu blog ile yeni tanıştım zannedersem wordpress altyapısını kullanıyor.Gelişmeye açık bir blog devam ederse ilerde güzel yerlerde olacak eminim. (Yeni)
Azbuz :Türkçe blog sitesi video,site oluşturma,forum ekleme imkanı sunuyor.
Benimblog :Ücretsiz blog sitesi
Yeniolusum :Wordpress tabanlı ücretsiz blog servisi.
Blogkur :Ücretsiz web günlüğü

15:28 9 yorum

Blogger Page Navigation Menu Widget1.0

Etiketler: Blogger, Blogger İpuçları

Blogger sayfalandırma (Page navigation menu widget) eklentisi
Wordpress,vb gibi sitelerde gördüğümüz sayfalandırma eklentisi

Sitenize kodu yerleştirmek için devamını okuyun.

Kodu sayfanızda istediğiniz yere koyabilirsiniz.Html sayfası yada yerleşimden herhangi biryere widget olarak ekleyebilirsiniz.

Aşağıdaki css kodunu ]]></b:skin> codunun hemen üstüne yerleştirin.

.showpageArea {
padding: 0 2px;margin-top:10px;margin-bottom:10px;
float:left;
}

.showpageArea a {
border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 1px 2px !important;
padding: 1px ;margin:2px;
text-decoration: none;
}

.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {
border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 1px 2px !important;
padding: 1px ;margin:1px;
text-decoration: none;
}

.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {
font-size:11px;
padding: 2px 3px 2px 3px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;
}

.showpage a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 1;
margin: 1px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

Son olarak bu kodu istediğiniz yere yapıştırın

Her sayfada kaç yazı gösterileceğini ayarlayın.
Blogger de yaptığımız ayarlar burada geçerli değildir.

Örnek:

var pageCount=5; 
var displayPageNum=5;

Not: Buradaki kodları direk kopyala yapıştır yaparsanız hata verebilir.Html kodlarını kopyalayıp şuradaki sayfadan kullanılabilir hale getirmelisiniz.)

Kaynaklar:

Etiketler: Blogger, Her eve lazım, Widget

Etiketler: Blogger, Youtube

Etiketler: Blogger İpuçları

Etiketler: Adsense, Blogger

Etiketler: Blogger İpuçları, İnternet Dünyası

Etiketler: Blogger İpuçları

Etiketler: Blogger

Etiketler: Blogger

Etiketler: Blogger, Blogger İpuçları, Google

Etiketler: aktarma, Blogger, import, wp

Etiketler: Blogger, Blogger İpuçları

Etiketler: Blogger İpuçları

Etiketler: Blogger

Etiketler: Blogger

Etiketler: Blogger, Firefox, IE

Etiketler: Blogger İpuçları

Etiketler: Blogger İpuçları

Etiketler: Blogger İpuçları

Etiketler: Blog

Etiketler: Blogger, Blogger İpuçları

Etiketler

Abonelik

Son Yorumlar

İzlediklerim

İzleyiciler

Blog Arşivi