Twitter Takip

Blogger Açılışta Hoşgeldiniz Sayfası Oluşturmak





Bu eklentiyi daha sonra yazmayı düşünüyordum çünkü bazı eksiklikleri vardı. Yapımcıdan değişik olarak anasayfaya büyük bir resim koymayı düşünüyordum. Daha sonra eklerim artık. Zaten bu aralar çok yoğunum bloga çok az bakabiliyorum. Bu yüzden yorumlarada geç cevap verebilirim kusura bakmayın. Kaynak sitede yorumlarda bazı bloglarda javascript dosyalarının etkileşiminden dolayı çalışmadığı söylenmiş. Bu yüzden bazı sorunlar olabilir.

Gelelim eklentiyi nasıl kuracağımıza. Kurulum biraz uzun o yüzden adımları yavaş yavaş uygulamanızı tavsiye ederim.

İlk önce Yerleşim > Html'yi düzenle > Widget şablonlarını genişlet diyoruz ve

</head>

kodunu buluyoruz.

Daha sonra bu kodun üstüne

<!--Welcome-UnderConstuction-Page-Starts-->
<link href='http://www.weebly.com/uploads/2/7/6/4/2764470/bloggertukiye_giris-css.css' rel='stylesheet' type='text/css'/>
<script src='http://www.weebly.com/uploads/2/7/6/4/2764470/prototype_-_bloggerturkiye.js' type='text/javascript'/>
<script src='http://www.weebly.com/uploads/2/7/6/4/2764470/leightbox_-_bloggerturkiye.js' type='text/javascript'/>
<style type='text/css'>
div.leightbox {
color: #fff;
display: none; /* toggle display to show/hide the popups when designing and previewing */
position: absolute;
top: 50%;
left: 50%;
margin: -240px 0 0 -380px;
width: 745px;
height: 400px;
padding: 0 0 0 5px;
border: 1px solid #FFFFFF;
background: url(http://i36.tinypic.com/2w4n40k.jpg) no-repeat;
z-index: 101;
overflow: none;
}

</style>

<!--Welcome-UnderConstuction-Page-Stops-HELP-http://bloggerstop.net-->

kodlarını ekliyoruz ve şablonu kaydet diyoruz.

Yerleşim > sayfa ögeleri bölümüne gidiyoruz ve html / javascript ekle bölümüne giriyoruz ve

<!----------// POPUP (AUTOLOAD) //---------->
<div id="pop01" class="leightbox">

<div class="scrollbox">
<h1>Bloguma hoşgeldiniz.</h1>
<p>Buraya istediğinizi yazın .. <a href="http://www.bloggerturkiye.org">Bloggerturkiye.org</a></p></div>
<a href="#" class="lbAction" rel="deactivate"><center>Bloga giriş.</center></a></div>

<!----------// POPUP (AUTOLOAD script: add AFTER the autoload popup div) //---------->
<script type="text/javascript">
lb = new lightbox();
lb.initCallable('pop01');
lb.activate();
</script>

kodlarını ekliyoruz. Bu bölümde widgete isim vermeyi unutmayınız. Çünkü lazım olacak. Widgeti blog kayıtlarının üstüne almayı unutmayın.

Şimdi anlatacağım bölüm bizim için önemli. Hoşgeldiniz sayfasının her sayfanızda çıkmasını isterseniz bu bölümü uygulamanıza gerek yok. Ama derseniz ki bu hoşgeldiniz sayfası sadece anasayfama girildiğinde çıksın o zaman bu bölümü uygulamanız gerekiyor.

Bu bölümde hoşgeldiniz sayfasının sadece anasayfanıza girildiğinde çıkmasını sağlayacağız.

Bunun için ilk önce Yerleşim > Html'yi düzenle > Widget şablonlarını genişlet diyoruz. ' Bu bölümde widgete isim vermeyi unutmayınız. Çünkü lazım olacak. ' demiştim. Şimdi widgete verdiğimiz ismi buluyoruz.



Resimde gösterilen yerleri buluyoruz ve

<b:includable id='main'>

kodunun altına

<b:if cond='data:blog.url == data:blog.homepageUrl'>

kodunu ekliyoruz ve yine

<b:include name='quickedit'/>

kodunun altına

</b:if>

kodunu ekliyoruz. Bu işlemlerden sonra widget aşağıdaki resim gibi görünecek.



Bütün işlemler bu kadar. Koyu renkte belirttiğim yerleri kendinize göre değiştirmeyi unutmayınız. Herhangi bir sorunda yorum bölümünü kullanabilirsiniz.



Kaan Akyıldız | 10:18 | 18 yorum

18 yorum:

  1. çok çok çok teşekkür ederim şimdi blogger bir adım daha öne çıktı bencu bu ekLentiden sonra bir çok kişi wordpress ,tr.gg ,blogcuyu bırakır..

    YanıtlaSil
  2. Eline sağlık çok güzel bir eklenti inş. becerebilirim :)

    YanıtlaSil
  3. Kaan sana bir sorum olacaktı.Bloguma yeni bir sayaç ekledim fakat sayacı sağ tarafa gadget olarak eklediğim zaman kod sola dayalı olarak çıkıyor.Acaba bu düzeltilebilir mi?

    YanıtlaSil
  4. Sen kodlar ortada mı çıksın istiyorsun?
    Eğer öyle ise

    < div style="text-align: center;">

    kod

    < /div>

    olarak deneyebilirsin.


    Boşlukları silmeyi unutma.

    YanıtlaSil
  5. Merhaba Kaan; Ben blogspot'ta bulunan bir bloğumda resimli ve açıklamalı bir soy ağacı (secere) yapmayı düşünüyorum. Bu işe uygun bir şablon ya da template var mı?

    Teşekkür ederim.

    YanıtlaSil
  6. Merhaba BlogKaan: Bu sizin bloğunuza kaçıncı yorum yazışım hatırlamıyorum. Ancak, yorumlarımı ilgili blogun altında göremiyorum. Acaba ben mi eksik bir uygulama yapıyorum, yoksa sizin blogunuzda mı bir değişiklik oldu, tam anlayamadım?

    İlgilenirseniz memnun olurum.
    degirmendenmektupvar.blogspot.com

    YanıtlaSil
  7. Gerçekten çok harika bir eklenti eline sağlık

    YanıtlaSil
  8. @Recep Altun
    Merhabalar.
    Yoğunluğumdan dolayı yorumları onaylayamadım.
    Bu yüzden yorumlarınız gözükmedi.

    Soy ağacı derken nasıl bir sistem düşünüyorsunuz?
    Biraz daha açarsanız yardımcı olabilirim.
    Geç cevap verdiğim için kusura bakmayın.

    YanıtlaSil
  9. SOY AĞACI: Bloggerde oluşturacabileceğim bir şablon üzerinden kişilerin adı soyadı, doğum ölüm tarihi, mesleği, resmi. yerleştireceğim . En büyük dede en üstte, çocukları, torunları, böyle alt alta kutucuklar halinde, kutucuklar da bağlantılarına gör bir çizgi ile birbirine bağlı görüntülü bir tablo yerleştireceğim. Excel'de bunu yapıyorum, yaptığım bu excel tablosunu sayfa şeklinde blogger deki sayfaya atmak istiyorum olmuyor. Excel.xls olarak yarattığım dosyayı resme çevirebilsem , excel sayfasını jpg şeklinde blogger deki sayfaya yerleştirmem bile bana yeterli
    Çok teşekkür ederim. Sağolun. Varolun.

    YanıtlaSil
  10. Exel olarak yapmanız biraz zor fakat jpg resmi olarak yapabilirsiniz.
    Photoshop programları ile bunu deneyebilirsiniz.
    En basitinden paint kullanabilirsiniz.

    YanıtlaSil
  11. girişteki arka plan rengini değiştirmek için ne yapmalıyız? teşekkürler...

    YanıtlaSil
  12. Teşekkürler Kaan iyi işler çıkarıyorsun seni tebrik ediyorum ve başarılarının devamını diliyorum.

    YanıtlaSil
  13. |» Admin «|25 Nisan 2010 21:42

    Merhabalar, Kaan Kaan diyor herkes :)

    Sorumu anlayan kişiler yardımcı olabilirse sevinirm, Şimdi bunu giriş sayfası yaptım.

    Girişte çıkıyor ok, ancak site içerisinde ANASAYFA ( Home Page ) butonu - linki kullanıldığında bu her seferinde çıkıyor, sadece 1 kere çıkarmak mümkün değilmidir ?

    Teşekkürler :)

    YanıtlaSil
  14. |» Admin «|25 Nisan 2010 23:45

    Hemen ikinci yorumumu bırakayım bu konuya :) Malesef ki malesef :( Bu kod İE de çalışmıyor. Mozillada herhangi bir sorun yok ancak İE de çalışmadığı kesin.

    HATA ŞU : '' Internet Explorer bu sayfayı açamıyor: www.benimsiteadı.com/ . ''

    Özellikle o noktayı anlayamadım sanırım js lerde bi sorun var. Teşekkürler,

    YanıtlaSil
  15. Her seferinde çıkarmamak mümkün.
    Sadece anasayfanızda çıkar. Diğer sayfalarda çıkmaz.

    ' Ama derseniz ki bu hoşgeldiniz sayfası sadece anasayfama girildiğinde çıksın o zaman bu bölümü uygulamanız gerekiyor. '

    yukarıdaki paragrafının altında bunu nasıl yapabileceğinizi anlattım.

    ---

    Diğer sorunuza gelince Ie den o kadar nefret ediyorumki bilgisayarımda yüklü değil :)

    Bu yüzden deneyemedim iede. Çalışmıyorsa eklentiyi yapan arkadaşın bunu düzeltmesini bekleyeceğiz :)

    YanıtlaSil
  16. Emegine ve ellerine sağlık..

    YanıtlaSil
  17. Her ana sayfa butonunu tıkladığımızda geliyor onu düzeltme imkanımız yokmu

    YanıtlaSil

Takipçiler