Blogger Google Plus Stilli Yeni Yorumlar Eklentisi

21 Ocak 2014 Salı, 11:24
Blogger Google Plus Stilli Yeni Yorumlar Eklentisi

Blog Kullanıcıların en çok kullandıkları  eklentilerden biri olan son yorumlar eklentisi birçok blog tarafından paylaşılmıştır ve hemen hepsi aynı eklenti ama bugün bizim sizinle paylaşacağımız eklenti ezber bozacak. Eklenti sürekli ana sayfada mektup ikonu ile duruyor yeni yorumlar oldukça yorumlarınız mektupta birikiyor üzerine tıkladığınızda yeni yapılan yorumları görüyorsunuz eklentiyi telefona gelen mesajlar gibi düşün  kısacası  bu eklentinin en çok fark yaratan kısımı ise Google Plus gibi sağdan taraftan açılıyor olmasıdır.Daha önce bu eklentiyi paylaşmıştık ama birçok sıkıntıya neden oluyordu eski paylaşımda yeni yorumları görmek tıkladığınızda eklenti ana sayfanın tümünü kaplıyordu yeni paylaşımda ise google plus boyutları  ile eşdeğer yapmaya çalıştık.Şimdi hemen eklentiye geçelim…

Öncellikle Temanızın Yedekliğini alın Yedek aldıktan sonra
Şu kodu 
<head>  bulun kodu bulduktan sonra hemen üzerine aşağıdaki kodları ekleyip kaydettiniz.

 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>  


Şimdide şu kodu 
]]></b:skin>  bulalım üzerine Aşağıdaki kodları ekleyin ve kaydettinz.

 <!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.--><!--Yayıncı:biribiziokuyor.com-->

#cm-total {

position:fixed;

top:14px;

right:0;

width:188px;

text-align:left;

z-index:9999;

cursor:pointer;

}

.total-counter {

background-color:#d11919;

color:white;

padding:1px 4px;

font-family:Arial,Sans-serif;

font-size:11px;

border-radius:5px;

font-weight:bold;

}

#notif {

position:fixed;

top:20px;

right:180px;

z-index:9999;

height:22px;

width:19px;

opacity:.4;

cursor:pointer;

}

#notif:hover {

opacity:1;

}

.close-notif {

position:fixed;

top:92px;

right:20px;

z-index:9999;

cursor:pointer;

display:none;

}

#cm-container {

width:355px;

position:fixed;

top:67px;

right:0;

z-index:9999;

background-color:#e5e5e5;

padding:60px 20px 10px 20px;

color:#666;

box-shadow:0 4px 15px -4px rgba(0,0,0,.4) !important;

text-align:left;

border:1px solid rgba(0,0,0,.2);

background-clip:padding-box;

display:none;

}

#cm-container:before {

content:url('
http://1.bp.blogspot.com/-CeJrZinMg8k/Ut2PR-MjlJI/AAAAAAAAAWA/SCfbga6ecs0/s1600/biribiziokuyor.com1.png');

position:absolute;

top:-14px;

left:196px;

}

#cm-container:after {

content:"Son Yorumlar";

position:absolute;

top:22px;

left:150px;

text-align:center;

font:normal 14px Arial;

color:#333;

}

.cm-outer {

margin:0 auto;

padding:0;

font-size:11px;

text-align:left;

font:normal 12px Arial;

}

.cm-outer ul{

margin-bottom:5px;

}

.cm-outer li {

padding:9px 10px 14px;

list-style:none;

clear:both;

position:relative;

border-radius: 3px;

box-shadow: 0 1px 2px rgba(0,0,0,.2);

background-color: white;

margin-bottom:10px;

}

.cm-text {color:#797979;}

.cm-outer {margin:0 0 5px}

.cm-header {margin: 4px 0 8px 90px;font-size:11px;font-weight:normal !important;}

.cm-header a {color:#262626;text-decoration:none;font-size:14px;font-weight:bold}

.cm-header a:hover {color:#74a2c3;text-decoration:none;}

.cm-outer .cm-content {overflow:hidden}

.cm-content {margin-left:90px}

.cm-outer img {

display:block;

float:left;

background:#ececec url('http://1.bp.blogspot.com/-LvOqgbABPFg/Ut2PikIS56I/AAAAAAAAAWI/4g0ZTgP1S6M/s320/biribiziokuyor2.png') no-repeat 50% 50%;

overflow:hidden;

border-radius:3px 0 0 3px;

position:absolute;

top:0;

left:0;

}

.cm-footer {margin-top:7px;}

.cm-footer a {color:#5886a7;text-decoration:none;}

.cm-footer a:hover {color:#74a2c3;text-decoration:none;}

div.cm-header img[src=&#39;http://img1.blogblog.com/img/openid16-rounded.gif&#39;] {

content: url(http://2.bp.blogspot.com/-8NurYzHIoWQ/Ujc_oLurXII/AAAAAAAAFek/XhAm-oLwg7Q/s80-c/gravatar.png);

}
  • Son olarak şu kodu </body> buluyoruz ve üzerine aşağıdaki kodları ekliyorsun ve kaydettiniz 
 <div id='cm-container'/>   
<div id='notif' title='bildirimler'><img alt='bildirimler' src='http://2.bp.blogspot.com/-KGq3q63L8Nc/Ut2ROwTndfI/AAAAAAAAAWU/ruI-snidFqs/s320/biribiziokuyor.com3.jpg'/></div>
<div id='cm-total'/>
<div class='close-notif'><img alt='close' src='http://4.bp.blogspot.com/-5nTJHScYZZY/Ut2RhCHPvMI/AAAAAAAAAWc/OJiVT31KjJk/s320/kapat.png' title='close'/></div>
<script>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
home_page: "http://biribiziokuyor.com",
max_result: 6,
t_w: 80,
t_h: 80,
summary: 40,
new_tab_link: true,
ct_id: "cm-container",
new_cm: " Yeni Yorumlar!",
interval: 30000,
alert: true,
alert: function(total) {
document.getElementById("cm-total").innerHTML = '<strong class='total-counter'>'+total+'</strong>';
document.title = '(' + total + ') ' + originalTitle;
}
};
$('#notif').click(function(){$('#cm-container, .close-notif').toggle();});$('.close-notif').click(function(){$('#cm-container, .close-notif').hide();});document.getElementById('notif').onclick = function(){document.title = originalTitle;$('#cm-total').hide();};document.getElementById('show-total').onclick = function(){document.title = originalTitle;$('#cm-total').hide();$('#cm-container').show();};
//]]>
</script>
<script src='https://googledrive.com/host/0B3pi8P5BWqm1OHB4Zks1aWR0Nnc/notif-komen.js' type='text/javascript'/>
  • Kırmızı ile belirten yere kendi sitenizin url’si yapıştırın
    max_result: 6 Yorum sayısı
Bu çalışma DMCA ve Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.KAYNAK GÖSTERİLMEDEN çoğaltılamaz ve paylaşılamaz

Yorum yazın...

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

porno porno izle porno