4 Temmuz 2015 Cumartesi

2 Temmuz 2015 Perşembe

Open Broadcaster Software - Download



 Programın Logosu;



 Programın Ekran Görüntüsü;




Videolu Anlatımı HeeeNy TV'e Aittir!
Güzel Bir Anlatım Yapmış Teşşekür Ediyorm



      Programı İndirmek İçin İndir
          Resmine Tıkla

30 Haziran 2015 Salı

Blogger Resimli Devamını Oku Eklentisi

1. Blogger şablon→ Html’yi düzenle→ (Ctrl+F) arama özelliği ile aşağıdaki kodu bulun.
 </head>
2. Bulduğunuz bu kod’un hemen üstüne aşağıdaki kodları ekleyin.
<script type='text/javascript'>
var thumbnail_mode = "yes"; 
summary_noimg = 430; 
summary_img = 340; 
img_thumb_height = 150;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){ 
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<"); 
        for(var i=0;i<s.length;i++){ 
            if(s[i].indexOf(">")!=-1){ 
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
            } 
        } 
        strx =  s.join(""); 
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2; 
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
    strx = strx.substring(0,chop-1); 
    return strx+'...'; 
}

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 = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}
//]]>
</script>
3. (Ctrl+F) arama özelliği ile aşağıdaki kodu bulun. Şablon kodlarınız da bu kod birkaç tane olabilir. Test blogumda 3 ad. olan bu kod “ hasJumpLink” kod'unun hemen üstündeki kod ile çalıştı. Tema farklılığından dolayı bunu denemelisiniz.
<data:post.body/>
4. Bu kodu bulduktan sonra, kodu silerek aşağıdaki kod’u yapıştırın ve kaydedin. Tüm işlemler doğru yapıldı ise eklentimiz doğru çalışacaktır. Önizleme yapın.
<p>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if></p>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='readmore'>
<a expr:href='data:post.url'>Devamını Oku</a>
</div>
</b:if>
</b:if>
5. Kodun en altındaki “ Read More “ ismini Devamını Oku veya farklı bir isimle değiştirin.Şu ana kadar yaptığınız işlemler sonucunda resmin ve Devamını Oku isminin sol tarafta görülmesi, Read More isminin Devamını Oku ile değişimi ve kod içindeki yazı karakterlerinin de yaklaşık resim yüksekliğinde olması gerekiyor. Son olarak CSS stil kodlarımızı ekleyerek Devamını Oku ismini resimli,renkli ve sağ tarafa yaslanmış olarak göreceğiz.
6. Aşağıdaki kodu bulun. ( Ctrl+F)

]]></b:skin>
7. Bulduğunuz bu kodun hemen üstüne aşağıdaki kodları ekleyin.
/* Read More -------------------------------------- */
.readmore{margin-bottom:5px;float:right;}
.readmore a{color:#fff;font-size:12px;line-height:12px;display:inline-block;text-decoration:none;text-transform:none;background:url(http://3.bp.blogspot.com/-Aa783rB_qQQ/Uw9eFXjLhfI/AAAAAAAALhs/grP7wlwnoDc/s1600/readmore-bg.png) left top repeat-x;padding:8px 14px;}
.readmore a:hover{color:#fff;text-decoration:none;background:url(http://3.bp.blogspot.com/-Aa783rB_qQQ/Uw9eFXjLhfI/AAAAAAAALhs/grP7wlwnoDc/s1600/readmore-bg.png) left -126px repeat-x;}

25 Haziran 2015 Perşembe

Blogger Yukarı Aşşagı Buton Kodu




       Ekran Görüntüsü
        Sag Taraftadır


------------Alıntıdır--------
--------Kaynak
http://www.bloggermodifiye.com/
-------------------------------

Blogger Flash Animasyonlu Etiket Bulutu Oluşturma




Blogger Flash Animasyonlu Etiket Bulutu Oluşturma
Websitenize, blogunuza hareketli etiket bulutu ekleyerek görsellik katabilirsiniz. Flash olduğu için google bir indexleme yapmıyor yararı ise görsellik kattığı için ziyaretcilerin dikkatini çekerek ziyaret süresini uzatmayı amaçlamaktadır. Blog yazılarınızda kullandığınız etiketleri flash animasyonlu bir bulut olarak sidebarınıza ekleyebilirsiniz.

Blogger Flash Animasyonlu Etiket Bulutu Oluşturma
Flash Animated Label Cloud Widget for Blogger


ÖNİZLEME

Blogger'a Ekleme

1. Blogger kumanda paneline giriş yapın.
2. Yerleşim → Gadget ekle → HTML/Javascript bulun.
3. Aşağıda kodu kopyalayıp yapıştırın.
4. Kod içinde;
blogurl: Blog adresiniz.
color : Yazı rengi.
hoverColor: Etiketin üzerine gelindiginde oluşan renk.
backgroundColor: Arka plan rengi.
size: Yazı boyutu.
speed: Hızı.
width: Flash etiket bulutunuzun genişliği.
height: Flash etiket bulutunuzun yüksekliği.
transparency: Flash etiket bulutunuzun şeffaflığı.
Html Renkleri için HTML Renk Kodu Bulucu'yu kullanabilirsiniz.





 blogurl : "http://www.alikavakli.com/", Yazan Yere Kendi Blogunuzun URL'sini Yazınız

Forum Sitenizde Aktivasyon Kodunu Kaldırma




Kısa Yol Admin Ayarı>Forum Ayarı>Üye Kayıdı Ve Profil Ayarı>Kayıt Metodu>Anında Aktivasyon

3D CSS Buton Kodu Nasıl Çalıştırılır



HTML KODU;
1
2
3
4
5
<!-- Kaliteli Kod Yayıncısı & Kaynak : http://www.webkodu.com -->
<!-- WebKodu.com / Artık Herşey Tek Çatı Altında : http://www.webkodu.com -->
<a href="#" class="css3dbutton">WebKodu</a>
<!-- Kaliteli Kod Yayıncısı & Kaynak : http://www.webkodu.com -->
<!-- WebKodu.com / Artık Herşey Tek Çatı Altında : http://www.webkodu.com -->

CSS KODU;
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!-- Kaliteli Kod Yayıncısı & Kaynak : http://www.webkodu.com -->
<!-- WebKodu.com / Artık Herşey Tek Çatı Altında : http://www.webkodu.com -->
<style>

a.css3dbutton {
    background: darkred; 
    color: white;
    text-decoration: none;
    font: bold 28px Arial; 
    position: relative;
        top: 0; 
    bottom: -12px; 
        margin-bottom: 12px;
    -moz-box-shadow: 0 -15px 5px darkred inset;
    -webkit-box-shadow: 0 -15px 5px darkred inset;
    box-shadow: 0 -15px 5px darkred inset;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.css3dbutton, a.css3dbutton:after {
    display: inline-block;
    padding: 10px 15px; 
    -moz-border-radius: 8px/15px;
    -webkit-border-radius: 8px/15px;
    border-radius: 8px/15px;
    outline: none;
}

a.css3dbutton:after { 
    content: "";
    position: absolute;
    padding: 0;
    z-index: -1;
    bottom: inherit;
    left: 0;
    width: 100%;
    height: 100%;
    background: #6e0e0c; 
    -moz-box-shadow: 1px 0 3px gray;
    -webkit-box-shadow: 1px 0 3px gray;
    box-shadow: 1px 0 3px gray;
}

a.css3dbutton:hover {
    -moz-box-shadow: 0 25px 5px rgba(182, 64, 61, 0.7) inset;
    -webkit-box-shadow: 0 25px 5px rgba(182, 64, 61, 0.7) inset;
    box-shadow: 0 25px 5px rgba(182, 64, 61, 0.7) inset;
    background: #bc3835; 
}

a.css3dbutton:active {
    top: 12px; 
    bottom: 0;
    -moz-box-shadow: 0 -20px 5px darkred inset, 1px 1px 2px #eee;
    -webkit-box-shadow: 0 -20px 5px darkred inset, 1px 1px 2px #eee;
    box-shadow: 0 -20px 5px darkred inset, 1px 1px 2px #eee;
}

</style>
<!-- Kaliteli Kod Yayıncısı & Kaynak : http://www.webkodu.com -->
<!-- WebKodu.com / Artık Herşey Tek Çatı Altında : http://www.webkodu.com -->