Sitene son yorumlar eklentisi


Sitene son yorumlar eklentisi.Bu yazımda sizlere son yorumlar eklentisini paylaşmak istiyorum.Benimde sitelerimde çokça kullandığım güzel bir eklentidir.

Arama yaptığınızda blogger için bir çok böyle eklenti bulabilirsiniz ama ben genellikle bunu tercih ediyorum.Size eklentiden biraz bahsedeyim.

Sitene son yorumlar eklentisini eklemek için her zaman olduğu gibi blogger sayfamızın paneline girdiğimizde
Yerleşim - Gadget ekle - HTML/JavaScript - Kaydet yaparak çıkıyoruz.Yorumlar eklentisini sitenizde nerede görmek istiyorsanız oraya gadgeti mausla sürükleyip bırakabilirsiz.

Bu kısım kaç adet yorum gözükeceğini gösterir şu anda 5'e ayarlıdır sadece 5 yorum gözükür.
var jmlkomentar = 5; 

Bu kısım yorumda ki harf çokluğunu gösterir.İstediğiniz gibi çoğaltıp azaltabilirsiniz.
var jmlkarakter = 60;

Bu kısma kırmızı işaretlediğim yere kendi sitenizin linkini kopyalayıp yapıştırın.
<script src="http://www.blogradikal.com/feeds/comments/default?alt=json&amp;callback=tampilkankomentar" type="text/javascript"></script> 

Kodu kopyalayıp yukarıda anlattığım gibi Gadget kısmına yapıştırınız.Kendi sitenizin linkini eklemeyi unutmaynız..!

<style type="text/css"> 
#komentar {background: #fff; border:1px solid #8181F7;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px;margin:5px 0;padding:5px;} 
#komentar ul{margin:0;padding:0px;list-style: none;} 
#komentar ul li:first-child {border-top:none;} 
#komentar ul li {height:46px; background: #A9D0F5; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 5px !important;font-size:12px!important;font-weight:550; border:1px solid #8181F7;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px;margin:5px 0;padding:5px;} 
    
#komentar ul li:last-child {border-bottom: none;} 
#komentar ul li:hover {background: #CCFFFF; 
-moz-border-radius-bottomright:10px;-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px;margin:5px 0;padding:5px;} 
#komentar a, #komentar a:link, #komentar a:visited {clear:both;color:#222;display:block;text-decoration:none;} 
#komentar .gamen {display: block;float: left;height: 42px;left: 4px;margin-right: 15px;position: relative;width: 42px;} 
#komentar .gamen>img { border: 2px solid #ffffff;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;box-shadow: 0 1px 2px #222222;background: url(http://tipstrikblogging.googlecode.com/files/Avatar%20Blogger%20Comments.jpg)repeat-x;} 
#komentar ul li div.ismen {color:#333;text-shadow:-1px -1px 1px #ccc;} 
#komentar .ismen {display: block;font-size: 1em;font-style: italic;line-height: 1.2;padding: 2px 4px 2px 0;} 
#komentar .gamen>span{width: 150px;height: auto;line-height: 20px;padding: 5px;left: 115px;margin-left: -64px;font-size: 1em;font-weight:bold;color: #212121;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);text-align: center;border: 4px solid #5858FA;background: rgba(255,255,255,0.7);text-indent: 0px;border-radius: 5px;position: absolute;pointer-events: none;bottom: 100px;opacity: 0;box-shadow: 1px 1px 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} 
#komentar .gamen>span:before, #komentar .gamen>span:after{content: '';position: absolute;bottom: -15px;left: 50%;margin-left: -9px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid rgba(0,0,0,0.1);} 
#komentar .gamen>span:after{bottom: -14px;margin-left: -10px;border-top: 10px solid #5858FA;} 
#komentar .gamen:hover>span{opacity: 0.9;bottom: 55px;} 
</style>
<div id="komentar"> 
<ul> 
<script type="text/javascript"> 
//<![CDATA[ 
var jmlkomentar = 5; 
var jmlkarakter = 60; 
//]]></script> 
<script src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar-Tooltip.js" type="text/javascript"></script> 
<script src="http://www.blogradikal.com/feeds/comments/default?alt=json&amp;callback=tampilkankomentar" type="text/javascript"></script> 
</ul> 
</div> 

                                   <<< BURADAN KODU DENEYEBİLİRSİNİZ >>>

Yazar: Murat Marti
* Tüm sosyal hesaplarım: Facebook - Twitter - İnstagram - Youtube @yazarlife 'dır.

Paylaş:

Site:

Blog Radikal'de ki tüm yazılar, bazı alıntılar hariç, sitemize aittir. Kaynak linki vererek bir kısmı veya tamamını kullanabilirsiniz. Sitemizde ki Fotoğraflar da çoğu kendi çekimimiz veya ücretsiz kullanılabilir sitelerden seçilmektedir. Paylaşalım Önerelim..!

Previous Post
Next Post