Posts Tagged blogspot

Blogger Açılıp Kapanır Twitter Takipçi Kutusu

Daha önce bu açılır kapanır twitter takipçi kutusunun benzeri olarak twitter sabit takipçi kutusu ve facebook açılır kapanır takipçi kutusunu görmüştüm. Yine blogları dolanırken yabancı bir blogda bu eklentinin anlatımını gördüm ve hoşuma gitti sizinle paylaşmak istedim. Kullanımı oldukça basit ve görünümü göze hoş geliyor

Eklentiyi kullanabilmek için aşağıdaki yönergeleri izleyin…

1. Bölüm…

1. İlk olarak blogunuz Html/Javascript kodları arasında aşağıdaki kodu bulun

Kod:

</head>

2. Yukarıdaki kodu bulduktan sonra hemen üzerine aşağıdaki kodu ekleyin.

Kod:

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js&#8221; type=”text/javascript”></script>

3. Şablonu Kaydedin.

2.Bölüm…

1. Kumanda Paneli → Tasarım → Sayfa Ögeleri kısmından istediğiniz yere → Gadget Ekle diyerek → Html Javascript’i seçin ve açılan sayfadaki içerik kısmına aşağıdaki kodları kopyalayıp yapıştırın.

Kod:

<script type=”text/javascript”>
//<!–
$(document).ready(function() {$(“.twitterboxot”).hover(function() {$(this).stop().animate({right: “0”}, “medium”);}, function() {$(this).stop().animate({right: “-250”}, “medium”);}, 500);});
//–>
</script>
<style type=”text/css”>
.twitterboxot{background: url(“http://3.bp.blogspot.com/-vBA1M7jZJAU/TyfkrODEvwI/AAAAAAAACYE/7CrewcpmHw4/s1600/twitter.png&#8221;) no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 240px;
padding: 0 5px 0 46px;
width: 245px;
z-index: 99999;
position:fixed;
right:-250px; top:20%;}
</style>
<div><div>
<script type=”text/javascript”
src=”http://script-ot.googlecode.com/svn/twitterbox.js”></script><div
id=”twitterfanbox”></div
id=”twitterfanbox”></div><script
type=”text/javascript”>fanbox_init(“hittoadam”);
</script
type=”text></div>

2. Kaydet deyip çıkın.

3. 2. kodda ‘hittoadam‘ kısmını bulun ve kendi twitter id’nizi yazın.

Eveet hayırlı olsun arkadaşlar, yapamadığınız bir yer olursa yorum formunu kullanabilirsiniz

Hepinize iyi bloglamalar…

Alıntı:
Yazar: Hit Adam
Konu: Blogger
Kaynak: Blogger: Açılır Kapanır Twitter Takipçi Kutusu

Yorum Yapın

Blogspot otomatik devamını oku eklentisi

Blogspot ucretsiz blogları olan bilir.Yazı yazarsınız ve yazınız cok uzundur.Anasayfayı acan bir zıyaretçi neyi ziyaret ettiğini şaşırır,çünkü yazının uzayıp gitmiştir.Bu çirkin goruntuyu ortadan kaldırmak için asagidaki eklentiyi paylaşan arkadasın makalesini okuyun.

ornek site:sohbet24.blogspot.com

 

Blogger’ın normalde bu özelliği var. Bazı blogcular bu özelliği sonradan öğrendiğinde “Ne her yazıya tek tek ‘more’ye tıklayıp keseceğim mi ?” der. Bunun daha kolay bir yolu vardır. İşte şimdi size bu eklentiyi anlatacağım.

Blogger hesabımıza giriş yaptıktan sonra Tasarım > HTML’yi Düzenle kısmına gelip Widget Şablonlarını Genişlet kutucuğunu işaretliyoruz.

Şimdi kodlarımızı ekleyelim.

CTRL + F yaparak kod penceremizden </head> etiketini buluyoruz. Hemen sonrasında aşağıdaki kodu, bulduğumuz </head> kodunun üst kısmına yerleştiriyoruz

<!– Auto read more script Start –>

var thumbnail_mode = “yes”; //yes -with thumbnail, no -no thumbnail
summary_noimg = 430; //summary length when no image
summary_img = 340; //summary length when with image
img_thumb_height = 200;
img_thumb_width = 200;

//”)!=-1){
s[i] = s[i].substring(s[i].indexOf(“>”)+1,s[i].length);
}
}
strx = s.join(“”);
}
chop = (chop
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = “”;
var img = div.getElementsByTagName(“img”);
var summ = summary_noimg;
if(thumbnail_mode == “yes”) {
if(img.length>=1) {
imgtag = ‘‘;
summ = summary_img;
}
}
var summary = imgtag + ‘

‘ + removeHtmlTag(div.innerHTML,summ) + ‘

‘;
div.innerHTML = summary;
}
//]]>

<!– Auto read more script End –>

Bu kısmı hallettikten sonra </head> kodunu bulurken yaptığımız işlemi <data:post.body/> için yapıyoruz. Daha sonra bulduğumuz kodu seçerek aşağıdaki kodu yerine yapıştırıyoruz.

<!– Auto read more Start –>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<data:post.body/>
<b:else/>
<b:if cond=’data:blog.pageType == &quot;static_page&quot;’>
<data:post.body/>
<b:else/>

createSummaryAndThumb("summary");

<a class=’more’ expr:href=’data:post.url’>Read more …</a>
</b:if>
</b:if>
<!– Auto read more End –>

Kodumuzu kendimize göre düzenleyelim:

thumbnail_mode: Temamıza eklediğimiz kodlar içerisindeki bu kod, yazıyı kestikten sonra küçük resim koyma yada koymama seçeneğini bize sunuyor. Eğer “yes” dersek küçük resim görünür, “no” dersek görünmez.

summary_img: Resim olursa, kaç karakter yazı göstermek istediğimizi giriyoruz. Yukardaki kodda yanında değer var o kısım karakter sayısıdır.

summary_noimg: Yukardaki işlemin aynısı fakat bunda resim yok. O yüzden karakter sayısını yukardakinden fazla girmemizde fayda var.

img_thumb_height ve img_thumb_width: Yazıyı kestikten sonra oluşan küçük resimin hangi boyutlarda küçülmesini istiyorsanız yanındaki değerleri onunla değiştirin. Sadece birini değiştirirseniz diğeri ona göre oranlanır.

Read more …: Kodumuzun içindeki bu yazı da, yazıyı kestikten sonra ardına eklenecek kelimedir. “Devamını Gör“, “Devamını Oku” gibi değiştirebilirsiniz.

ALINTIDIR

Kaynak:

Yazar: Furkan ÖZDEN
Kategori: Blogger

Yorum Yapın