Μετάβαση στο κύριο περιεχόμενο

Αναρτήσεις

Εμφάνιση αναρτήσεων με την ετικέτα Comment box

Most Commented Posts Widget for Blogger

Γεια σε όλους τους μπλόγκερ! Εδώ έχω βρει μια εμφάνιση ενός widget για τα σχόλια από τους επισκέπτες του site σας.
Για να το εφαρμόσετε στο blog σας κάνετε αντιγραφή επικόλληση τον παρακάτω κώδικα!



<style>
/* www.foulscode.com */
.commentbubble {
background: #292D30;
width: 49px;
float: left;
margin: 2px 20px 35px 0px;
font-weight: bold;
font-size: 1.3em;
text-align: right;
font-family: georgia,Helvetica;
padding: 0px 0px 5px 0px;
text-align: right;
color: #FFF;
text-shadow: 4px 1px #202022;
position: relative;
top: 5px;
}
.commentbubble:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
right: 0px;
top: 100%;
border-width: 5px 8px;
border-style: solid;
border-color: #292D30 #292D30 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
top: 34px;
right: 6px;
}
</style>
<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ul style="list-style:none; ">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items…

Εγκαταστήστε Emoticon για τα σχόλια - Blogspot

Πηγαίνετε στη σελίδα HTML editor Αντιγράψτε τον παρακάτω κώδικα και τοποθετήστε το δεξί πριν από / πάνω από τον κώδικα </ head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="https://ivyth.googlecode.com/svn/js/emoticon.min.js" type="text/javascript"></script>

Αντιγράψτε τον παρακάτω κώδικα και τοποθετήστε το δεξί πριν από / πάνω από τον κώδικα </ body>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Klik untuk melihat code!",
emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon."
})
});
//]]>
</script>
</b:if>
<b:if cond='da…

Πως να βάλετε comment bot στην σελίδα σας!

Σε αυτό το σημείο θα σας πω πως πολύ εύκολα να βάλετε comment bot στο site σας, και λέω site και όχι blog γιατί όλα τα blog έχουν προσαρμοσμένα comment bot.
Το μονο που πρέπει να κάνετε είναι να μπείτε στην παρακάτω σελίδα και να κάνετε αντιγραφή και επικόλληση στην σελίδα που θέλετε να το βάλετε!

http://www.htmlcommentbox.com/#get_code

Προσθέτοντας Disqus Widget στο blog σας.

Ένα Widget που εμφανίζει τους top που σχολιάζουν στο blog σας για αυτούς που χρησιμοποιούν την πλατφόρμα σχολειων http://disqus.com/

Αντιγραφή επικόλληση τον παρακάτω κώδικα: 



<div class="heading blue">
            <h2>Community</h2>
        </div>
        <script type="text/javascript" src="http://foulscode.disqus.com/combination_widget.js?num_items=5&hide_mods=1&color=grey&default_tab=recent&excerpt_length=30"></script>
    </div>


Αντικαταστήστε το foulscode με το δικό σας username.


grey: Αλλάζοντας το επιλέγουμε το χρώμα.


Adding Disqus Top Commenters Widget To Blog

Ένα Widget που εμφανίζει τους top που σχολιάζουν στο blog σας για αυτούς που χρησιμοποιούν την πλατφόρμα σχολειων http://disqus.com/

Αντιγραφή επικόλληση τον παρακάτω κώδικα: 

<div id="topcommenters" class="dsq-widget"><h2 class="dsq-widget-title">Top Commenters</h2><script type="text/javascript" src="http://foulscode.disqus.com/top_commenters_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=32"></script></div>
Αντικαταστήστε το foulscode με το δικό σας username.

Το 5 είναι ο αριθμός από τα σχολεια που θα εμφανίζονται.




Στυλ CSS στα Blogger σχόλια.2

Βρείτε τον παρακάτω κώδικα.

<b:include data='post' name='comments'/>

Τώρα αντικαταστήσει τον παραπάνω κωδικό με κωδικό παρακάτω.


 <b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>

Τώρα βρείτε το ]]></b:skin> και πάνω από αυτό επικολλήστε το παρακάτω.



.comments {
    clear: both;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1em;
}
.comments .comments-content {
    font-size: 12px;
    margin-bottom: 16px;
    font-family: Verdana;
    font-weight: normal;
    text-align: left;
    line-height: 1.4em;
}
.comments .continue a, .comments .comment .comment-actions a {
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 2px 5px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    color: #FFF;
    -webkit-box-shadow: 0 1px 2px…

Πρόσφατα σχόλια Widget Blogspot

Γεια σε όλους τους μπλόγκερ :)

Σε αυτό το θέμα θα μοιραστώ μαζί σας ένα widget για τα πρόσφατα σχολεια του blog σας! Είναι αρκετά χρήσιμο πιστεύω για πόλους από εσάς, πάμε να αρχίσουμε.


Αντιγράψτε και κάντε επικόλληση τον παρακάτω κώδικα εκεί που θέλετε.



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="http://foulsblog.xtgem.com/foulsblog-dgn-animasi.js" type="text/javascript"></script>
<div id="rcentcomnets"><span class="loadingxrcm">Loading...</span></div>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
rccommnetsx({
id_containrc:"#rcentcomnets",
animatedRecentcomments:true,
numComments:10,
url_blog:"URL_blog",
adminBlog:"FoulsCode"
});
});
//]]>
</script>
Στην συνεχεια κάντε αναζήτηση το ]]></b:skin> και πριν από αυτό επικ…

Προσθέσετε αριθμούς στα σχολεια του blogger

Μετάβαση στο Blogger Template ταμπλό> Κατεβάστε ένα αντίγραφο του προτύπου σας Κάντε κλικ στο Επεξεργασία HTML Πατήστε Συνέχεια Τώρα αναζητήσετε παρακάτω κώδικα,


]]></b:skin>

προσθέσετε παρακάτω κώδικα ακριβώς από πάνω του,


.comment-thread ol {
    counter-reset: countcomments;
}

.comment-thread li:before {
    content: counter(countcomments,decimal);
    counter-increment: countcomments;
    float: right;
    font-size: 22px;
    color: #555555;
    padding-left: 10px;
    padding-top: 3px;
    background: url(http://3.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/s1600/comment+bubble2.png) no-repeat;
    margin-top: 7px;
    margin-left: 10px;
    width: 50px;
 /*image-width size*/
    height: 48px;
 /*image-height size*/
}

.comment-thread ol ol {
    counter-reset: contrebasse;
}

.comment-thread li li:before {
    content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
    counter-increment: contrebasse;
    float: right;
    font-size: 18px;
  …

Στυλ CSS στα Blogger σχόλια.

1) Πρώτα, συνδεθείτε στο λογαριασμό σας Blogger. 2) Κάντε κλικ στο Σχεδίαση. και επιλέξτε Επεξεργασία HTML.



Πριν ξεκινήσουμε: - Πρέπει να είστε προσεκτικοί κατά την αλλαγή του προτύπου σας. - Πριν κάνετε οποιαδήποτε αλλαγή, αποθηκεύστε το πρότυπο σας σε ασφαλή μέρος (Στον υπολογιστή σας).
3) Ψάξτε για τον παρακάτω κώδικα (Ctl+F):

]]></b:skin>4) Αντιγράψτε και επικολλήστε τον παρακάτω κώδικα ακριβώς πάνω από το ]]></b:skin>.

/* Start Comment Style Code http://www.FoulsCode.blogspot.gr */.comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px}.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:left}.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#fede72;border:1px solid #fec648;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:point…

Πρόσφατα σχόλια Widget Blogspot Animation

Για να δείτε εάν ή όχι ένα νέο σχόλιο, σε συνδυασμό συνήθως blogger πλαϊνή μπάρα widget τμήμα σχολίων. Λοιπόν αυτή τη φορά θα μοιραστούν τα τελευταία σχόλια widget με κινούμενα σχέδια και ελέγχους διαχειριστή. Σε αντίθεση με την προηγούμενη widget, το widget αυτή τη φορά είναι εξοπλισμένα με avatar μου και εφέ κίνησης που είναι παρόμοια με πρόσφατη widget θέσεις με κινούμενα σχέδια.
Στην εγκατάσταση το blog σας, ακολουθήστε τα παρακάτω βήματα:

Προσθέστε ένα στοιχείο σελίδα HTML / JavaScript και στη συνέχεια αντιγράψτε τον κώδικα και τοποθετήστε το σε μορφή:


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script><script src="http://fcode.xtgem.com/rckmtr-dgn-animasi.js" type="text/javascript"></script><br />
<div id="rcentcomnets">
<span class="loadingxrcm">Loading...</span></div>
<script type="text/javascript&…

Recent Comments Widget - Widget με τα τελευταία σχόλια του Blog σας

Θα είναι καλό να μπει σε κάθε Blog, αφού δείχνει τα "Comments" του Blog σας και έτσι θα μπορέσει να τονιστεί και η ζωντάνια του.
Ακολουθήστε τα παρακάτω βήματα:

1) Σύνδεση στον blogger
2) Σχεδίαση
3) Προσθήκη Gadget
4) HTML/JavaScript
5) Αφού δώσεις έναν τίτλο, κάνε επικόλληση τον παρακάτω κώδικα:

<script style="text/javascript" src="http://blogergadgets.googlecode.com/files/recentcommentswidgetv1.js"></script><script style="text/javascript">var a_rc=5;var m_rc=true;var n_rc=true;var o_rc=100;</script><script src="http://xxxxxxx.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script><div style="font-family: arial, sans-serif; font-size: 9px;" id="rcdr"><a target=_blank href=http://www.foulscode.blogspot.gr/>Powered by FoulsCode</a></div><noscript>Your browser does not support JavaScript!</noscript>
<style t…

Blogger Comment box Black Background

Συμφωνώ με το γεγονός ότι το Blogger.com προεπιλεγμένη κουτί με τα σχόλια δεν είναι πολύ ελκυστική και περισσότεροι άνθρωποι θέλουν να αλλάξετε το φόντο του Blogger κουτί τους σχόλιό του. Είμαι δίνοντάς σας αυτό το δροσερό Roomates άκρη θα μετατρέψει την προεπιλεγμένη Box Σχόλιο Blogger με ένα όμορφο και ελκυστικό "μαύρο φόντο" Blogger κουτί σχόλιο. Ακολουθήστε τα παρακάτω βήματα



Δημιουργία αντιγράφων ασφαλείας του προτύπου σας

1 Go To Blogger> Σχεδιασμός> Edit HTML
2 Κάντε κλικ στο "Επέκταση προτύπων γραφικών στοιχείων" κουτί
3 Αναζήτηση για αυτό το]]> </ b: skin>
4 Ακριβώς πάνω από αυτό το μέρος του παρακάτω κώδικα


#mbt-form iframe{ background:#ffffff url(http://4.bp.blogspot.com/-mNhAkLamIz8/TnOlHefpjzI/AAAAAAAAFFE/agkd-EA7pUA/s400/11.png) repeat-x; border:1px solid #ddd; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow: 5px 5px 5px #CCCCCC; padding:5px; font:normal 12pt "ms sans serif", Arial; color:#2F97FF; width:…