Forumunuza Sağda Açılan Facebook Beğen Kutusu Eklemek

[BlackCat]

BU KONU 10TL.NET FORUMLARI İÇİN YENİDEN DÜZENLENMİŞTİR.

Merhaba arkadaşlar.
Bu konuda forumunuza sağda açılan hoş bir Facebook beğen kutusunu ekleyeceğiz.

Ekran Görüntüsü


Ekleme işlemlerine başlayalım..

Admin Paneli => Temalar & Şablonlar => Şablonlar => Headerinclude Şablonlar => headerinclude şablonunu açın ve en alta aşağıdaki kodları ekleyin.

Kod: Tümünü Seç Tümünü Kopyala

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".s_likebox").hover(function(){
jQuery(".s_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".s_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".s_likebox2").hover(function(){
jQuery(".s_likebox2").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".s_likebox2").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>

Admin Paneli => Temalar & Şablonlar => Temanız => Global.css => Gelişmiş Düzenleme'ye tıklayın ve en alta aşağıdaki kodu ekleyin.

Kod: Tümünü Seç Tümünü Kopyala

.s_likebox {
float:right;
width:288px;
height:345px;
background: url(http://n1309.hizliresim.com/1f/q/sxn63.png) no-repeat !important;
display:block;
right:-250px;
padding:0;
position:fixed;
top: 50px;
z-index:1002;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

div.likeboxwrap {
margin-top:2px;
margin-left:-5px;
background: #fff;
width:238px;
height:325px;
overflow:hidden;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap iframe {margin:-1px}

Son Olarak Css kodlarını temamıza çağıracağız. Aşağıdaki Kodları Admin Paneli => Temalar & Şablonlar => Şablonlar => Header Şablonlar => header şablonunun altına ekleyiniz.

Kod: Tümünü Seç Tümünü Kopyala

<div class="s_likebox"><div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'>
/// BlackCat /// Iframe Kodunuz Buraya Gelecek ///
</div></span></div></div>

Son Olarak Buradan Facebook Developer adresine ulaşın. Açılan sayfada Facebook URL kısmına sayfanızın URL'sini yazın. Show stream'i kapatın ve boyut olarak width : 240 height : 350 yazın.

Get Code butonuna tıklayın. Üstteki sekmelerden iframe sekmesini seçin ve header'a eklediğimiz /// BlackCat /// Iframe Kodunuz Buraya Gelecek /// yazısının yerine yapıştırın ve kaydedin.

Eğer kodlarda çakışma olmazsa sorunsuzca kullanabilirsiniz.

İyi çalışmalar..

[Saint]

Caps veya demo

[BlackCat]

Caps veya demo

Konuyu okusaydınız görürdünüz zaten. Demo adresi konuda mevcut.

[Saint]

:d valla o adresi gördüm ama demo olduğunu bilmiyodum beğendim :)

[Landgrav]

10Tl.Net Dışı Linki Kaldırırmısn Resim Ekle Onun Yerine

[Novruz]

10tl.net disi domain`kaldirin.

[BlackCat]

Demo kaldırılıp, ekran görüntüsü eklenmiştir.

[BlackCat]

Güncel