Hem Wordpress Hem Facebook Yorum

10-06-2013, 14:03:29

Facebook'un geliştirdiği yorum eklentisini kullanıyorum. Fakat aktif edince wordpress yorumlarını devre dışı bırakıyor. Her ikisini de kullanabilmek için ne yapmak lazım?

10-06-2013, 15:14:31

#2

~~punto~~

Üyeliği durduruldu

Araştırıyorum.

10-06-2013, 16:52:59

#3

~~by_karahan~~

Üyeliği durduruldu

Css ile tablı geçiş yapıcaksın. Ben de kullanıyorum her ikisini yorum alanında.

Jquery kütüphanesinden jquery-1.5.2.min.js indir ve <head> tagları arasına yerleştir şu şekilde;

<script type="text/javascript" src="jquery-1.5.2.min.js" ></script>

Edit: bulamadıysan googleapis linki şu http://ajax.googleapis.com/ajax/libs.../jquery.min.js

Jquery tab effect kodu:

<script type="text/javascript">

$(document).ready(function() {

	$(".tab_content").hide();
	$(".tab_content:first").show(); 

	$("ul.tabs li").click(function() {
		$("ul.tabs li").removeClass("active");
		$(this).addClass("active");
		$(".tab_content").hide();
		var activeTab = $(this).attr("rel"); 
		$("#"+activeTab).fadeIn(); 
	});
});

</script>

Css kodları:

	ul.tabs {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		height: 32px;
		border-bottom: 1px solid #999999;
		border-left: 1px solid #999999;
		width: 100%;
	}
	ul.tabs li {
		float: left;
		margin: 0;
		cursor: pointer;
		padding: 0px 21px ;
		height: 31px;
		line-height: 31px;
		border: 1px solid #999999;
		border-left: none;
		font-weight: bold;
		background: #EEEEEE;
		overflow: hidden;
		position: relative;
	}
	ul.tabs li:hover {
		background: #CCCCCC;
	}	
	ul.tabs li.active{
		background: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
	}
	.tab_container {
		border: 1px solid #999999;
		border-top: none;
		clear: both;
		float: left; 
		width: 100%;
		background: #FFFFFF;
	}
	.tab_content {
		padding: 20px;
		font-size: 1.2em;
		display: none;
	}

Sonra yorum alanına ul ve li class ile istediğin kadar tab oluşturabilirsin.

Her <li class" içerisine wordpress yorum kodunu ve facebook yorum kodunu koy.

Örnek:

 <ul class="tabs"> 
        <li class="active" rel="tab1"> Wordpress yorum kodları </li>
        <li rel="tab2"> Facebook yorum kodları</li>
    </ul>