Πρόσφατα σχόλια 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">//<![CDATA[$(document).ready(function () {rccommnetsx({id_containrc:"#rcentcomnets",animatedRecentcomments:true,numComments:10,url_blog:"URL_blogmu",adminBlog:"nama_akun blogger/google+"});});//]]></script>

Δίπλα στο Blogger> Ρυθμίσεις> Πρότυπο. Σημείωση: Δημιουργήστε αντίγραφα ασφαλείας του προτύπου σας πρώτα και στη συνέχεια κάντε κλικ στο κουμπί Επεξεργασία HTML> Συνέχεια.

Στη συνέχεια, βάλτε ένα με τον κωδικό CSS πριν]]> </ b:> 
Light Themes

.loadingxrcm {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_FtR7eHKleu0yk_22xng6fTR2GTEe86VqkAtIqN1sPZ_XNVk_TGhuk9xVdWTGE-PNGNQfhTmHnkJUCWSaWVQA0dcNj5hrnKcedx3OSDOXIm0ZBUCEx6xxnLeuaZ6K6HJusse8TPuyv6s/s1600/progress_ani.gif) no-repeat 50% 50%;width:32px;height:32px;display:block;margin:0 auto;text-indent:-9999px;}ul.#kmtranimasi{text-align:left;font:normal normal 11px Verdana,Geneva,sans-serif}ul.#kmtranimasi,ul.#kmtranimasi li{margin:0;padding:0;list-style:none;overflow:hidden;position:relative}ul.#kmtranimasi li{height:90px;background:whiteSmoke;padding:0 8px;border:1px solid #DFDFDF;border-top:1px solid white}ul.#kmtranimasi img{border-radius:9999px;overflow:hidden;background:#383838;border:0;float:left;margin:5px 5px 0 0}ul.#kmtranimasi .ketkomt{overflow:hidden}ul.#kmtranimasi .ketkomt a{display:block;color:white;font-weight:bold;overflow:hidden;background:#363636;border-radius:2px;float:left;padding:0 5px;margin: 5px 0 0 0;}ul.#kmtranimasi .ketkomt span{font-size:8px;position:absolute;z-index:2;top:21px;border-radius:2px;display:block;line-height:14px;padding:0 5px;left:68px;background:white}ul.#kmtranimasi p{margin:15px 0 0}

Dark Themes

.loadingxrcm {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_FtR7eHKleu0yk_22xng6fTR2GTEe86VqkAtIqN1sPZ_XNVk_TGhuk9xVdWTGE-PNGNQfhTmHnkJUCWSaWVQA0dcNj5hrnKcedx3OSDOXIm0ZBUCEx6xxnLeuaZ6K6HJusse8TPuyv6s/s1600/progress_ani.gif) no-repeat 50% 50%;width:32px;height:32px;display:block;margin:0 auto;text-indent:-9999px;}ul.#kmtranimasi{text-align:left;font:normal normal 11px Verdana,Geneva,sans-serif}ul.#kmtranimasi,ul.#kmtranimasi li{margin:0;padding:0;list-style:none;overflow:hidden;position:relative}ul.#kmtranimasi li{height:90px;padding:0 8px;background:#252525;color:white;border:1px solid black;border-top:1px solid #353535}ul.#kmtranimasi img{border-radius:9999px;overflow:hidden;background:#020202;border:0;float:left;margin:5px 5px 0 0}ul.#kmtranimasi .ketkomt{overflow:hidden}ul.#kmtranimasi .ketkomt a{display:block;color:black;font-weight:bold;overflow:hidden;background:#ECECEC;border-radius:2px;float:left;padding:0 5px;margin: 5px 0 0 0;}ul.#kmtranimasi .ketkomt span{font-size:8px;position:absolute;z-index:2;top:21px;border-radius:2px;display:block;line-height:14px;padding:0 5px;left:68px;background:black}ul.#kmtranimasi p{margin:15px 0 0}

DEMO



ΠΗΓΗ