Притурка "Последни коментари" с аватари
.jpg)
понеделник
Наскоро започнах да се заставям веднага след въвеждането на каквато и да е промяна в блога си, да публикувам описание на нейното инсталиране. Защото ако се забавя, времето минава и много неща се забравят. И най-накрая аз установих на блога си притурката "Последни коментари" за Blogger на Blogspot. Защо е необходима тази притурка?
За да видите веднага, без да влизате в настройките на блога, кой от читателите е задал въпрос или написал коментар, ще ви помогне точно тази притурка "Последни коментари". Защо чак сега я поставих на тестовия си блог? Защото всичко, което бях виждала досега не ми харесваше. Все нещо в тази интересна притурка липсваше. Главното, което на мен задължително ми трябваше, бяха аватарите на читателите, които пишат своите отзиви и коментари. Сега моята притурка изглежда доста симпатична, дори е леко раздвижена, така че ви съветвам да я инсталирате в блога си. Притурката се установява много лесно. Тръгваме от оформление ➔добавяне на притурка ➔ избираме HTML/JavaScript, където вписваме следния код:
В червено е маркирано мястото на URL адресът на блога. Там впишете вашия. Жълтата маркировка е моят никнейм, който трябва да замените със своя, за да не се показва в притурката. Този вариант тествайте в инструмента HTML редактор от главното меню.
И още един вариант, при който се използва генератор на притурки. В този втори вариант, с който искам да ви запозная е възможно да настроите броя и дължината на показваните коментари, показват се и аватарите на читателите, за които можете да изберете заоблени или нормални да са. Настройките на тази притурката не трябва да я различават от настройките на другите в блога. Как да добавите тази притурка в блог на Blogger?
➤Влезте в уеб сайта на
➤Преминете надолу към полето с настройките на притурки (Setting).
➤Извършвате всички настройки. В първото поле вписвате името на притурката. Последни коментари, например. Или нещо друго. При мен е "Читателите коментират". На следващия ред вписвате URL адреса на блога си. После избирате броя на коментарите в притурката. Тук се показват 5 коментара, а аз на своя блог съм сложила по-малко. Тук имате избор. Останалите настройки оставете без промяна. Ето така.
➤След като настроите притурката по ваш избор натиснете бутона Generate.
➤Веднага след това натиснете бутона Add to Blogger.
➤На следващата показваща се страница изберете желания от вас блог, където ще добавите притурката за последните коментари. Натиснете бутона "Добавяне на притурка", който е оцветен в синьо.
➤След това притурката трябва да се появи в блога ви като схематично изображение в пункта "Оформление".
Сега можете да я поставите на желаното от вас място в страничната лента, като я плъзнете към горната или към долната нейна част.
В допълнение, освен че в тази притурка се показват последните коментари и отзиви на ваши читатели, посетителите виждат, че блогът ви е "жив". Можете да я видите в тестовия ми блог, в началото на лявата странична колона, която е в изскачащ прозорец. Там са и двата варианта.
Успех на всички ни и доскоро.
Ще съм благодарна да оцените моя труд и гласувате за блога на:
За да видите веднага, без да влизате в настройките на блога, кой от читателите е задал въпрос или написал коментар, ще ви помогне точно тази притурка "Последни коментари". Защо чак сега я поставих на тестовия си блог? Защото всичко, което бях виждала досега не ми харесваше. Все нещо в тази интересна притурка липсваше. Главното, което на мен задължително ми трябваше, бяха аватарите на читателите, които пишат своите отзиви и коментари. Сега моята притурка изглежда доста симпатична, дори е леко раздвижена, така че ви съветвам да я инсталирате в блога си. Притурката се установява много лесно. Тръгваме от оформление ➔добавяне на притурка ➔ избираме HTML/JavaScript, където вписваме следния код:
<style type="text/css" scoped>
ul.allbloggertricks_recent{list-style:none;margin:0;padding:0;}
.allbloggertricks_recent li{background:none!important;display:block;clear:both;overflow:hidden;list-style:none;border:1px solid transparent;border-radius:9px;max-height:100px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:0;-moz-transition-property:0;-o-transition-property:0;transition-property:transform;margin:0 0 6px!important;padding:3px!important}
.allbloggertricks_recent li:hover{border:1px solid #ddd;
-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg) }
.allbloggertricks_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:35px;height:35px}
.allbloggertricks_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
var
numComments = 5,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 40,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
maxfeeds=50,
adminBlog='вашият ник';
//]]>
</script>
<script type="text/javascript">function hp_d11(s){var o="",ar=new Array(),os="",ic=0;for(i=0;i<s.length;i++){c=s.charCodeAt(i);if(c<128)c=c^2;os+=String.fromCharCode(c);if(os.length>80){ar[ic++]=os;os=""}}o=ar.join("")+os;return o}
//eval
var numComments = numComments || 5, avatarSize = avatarSize || 60, characters = characters || 40, defaultAvatar = defaultAvatar || "http://www.gravatar.com/avatar/?d=mm", moreLinktext = moreLinktext || " More »", showAvatar = typeof showAvatar === "undefined" ? true : showAvatar, showMorelink = typeof showMorelink === "undefined" ? false : showMorelink, roundAvatar = typeof roundAvatar === "undefined" ? true : roundAvatar, hideCredits = hideCredits || false, maxfeeds = maxfeeds || 50, adminBlog = adminBlog || 'Kang Asep';
function allbloggertricks_recent(allbloggertricks) {
var commentsHtml;
commentsHtml = "<ul class=\"allbloggertricks_recent\">";
ntotal=0;
for (var i = 0; i < maxfeeds; i++) {
var commentlink, authorName, authorAvatar, avatarClass;
if (i == allbloggertricks.feed.entry.length) {
break;
}
if(ntotal>=numComments){
break;
}
var entry = allbloggertricks.feed.entry[i];
for (var l = 0; l < entry.link.length; l++) {
if (entry.link[l].rel == "alternate") {
commentlink = entry.link[l].href;
}
}
for (var a = 0; a < entry.author.length; a++) {
authorName = entry.author[a].name.$t;
authorAvatar = entry.author[a].gd$image.src;
}
if (authorName!= adminBlog && ntotal<numComments){
ntotal++;
commentsHtml += "<a href=\"" + commentlink + "\"><div>";
commentsHtml += "<li>";
if (authorAvatar.indexOf("/s1600/") != -1) {
authorAvatar = authorAvatar.replace("/s1600/", "/s" + avatarSize + "-c/");
} else if (authorAvatar.indexOf("/s220/") != -1) {
authorAvatar = authorAvatar.replace("/s220/", "/s" + avatarSize + "-c/");
} else if (authorAvatar.indexOf("/s512-c/") != -1 &&
authorAvatar.indexOf("http:") != 0) {
authorAvatar = "http:" + authorAvatar.replace("/s512-c/", "/s" + avatarSize + "-c/");
} else if (authorAvatar.indexOf("blogblog.com/img/blank.gif") != -1) {
if (defaultAvatar.indexOf("gravatar.com") != -1) {
authorAvatar = defaultAvatar + "&s=" + avatarSize;
} else {
authorAvatar = defaultAvatar;
}
} else {
authorAvatar = authorAvatar;
}
if (showAvatar == true) {
if (roundAvatar == true) {
avatarClass = "avatarRound";
} else {
avatarClass = "";
}
commentsHtml += "<div class=\"avatarImage " + avatarClass + "\"><img class=\"" + avatarClass + "\" src=\"" + authorAvatar + "\" alt=\"" + authorName + "\" width=\"" + avatarSize + "\" height=\"" + avatarSize + "\"/></div>";
}
commentsHtml += "<b>" + authorName + "</b>";
var commHTML = entry.content.$t;
var commBody = commHTML.replace(/(<([^>]+)>)/gi, "");
if (commBody != "" && commBody.length > characters) {
commBody = commBody.substring(0, characters);
commBody += "…";
if (showMorelink == true) {
commBody += "" + moreLinktext + "";
}
} else {
commBody = commBody;
}
commentsHtml += "<span>" + commBody + "</span>";
commentsHtml += "</li></div></a>";
}
}
commentsHtml += "</ul>";
var hideCSS = "";
if (hideCredits == true) {
hideCSS = "display:none;";
}
commentsHtml += "<span style=\"font-size:8px;display:block;text-align:right;" + hideCSS + "\">dimodifikasi oleh <br>dari: way2blogging</span>";
document.write(commentsHtml);
}</script>
<script type="text/javascript" src="https://####/feeds/comments/default?alt=json&callback=allbloggertricks_recent&&max-results=50">
</script>
ul.allbloggertricks_recent{list-style:none;margin:0;padding:0;}
.allbloggertricks_recent li{background:none!important;display:block;clear:both;overflow:hidden;list-style:none;border:1px solid transparent;border-radius:9px;max-height:100px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:0;-moz-transition-property:0;-o-transition-property:0;transition-property:transform;margin:0 0 6px!important;padding:3px!important}
.allbloggertricks_recent li:hover{border:1px solid #ddd;
-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg) }
.allbloggertricks_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:35px;height:35px}
.allbloggertricks_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
var
numComments = 5,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 40,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
maxfeeds=50,
adminBlog='вашият ник';
//]]>
</script>
<script type="text/javascript">function hp_d11(s){var o="",ar=new Array(),os="",ic=0;for(i=0;i<s.length;i++){c=s.charCodeAt(i);if(c<128)c=c^2;os+=String.fromCharCode(c);if(os.length>80){ar[ic++]=os;os=""}}o=ar.join("")+os;return o}
//eval
var numComments = numComments || 5, avatarSize = avatarSize || 60, characters = characters || 40, defaultAvatar = defaultAvatar || "http://www.gravatar.com/avatar/?d=mm", moreLinktext = moreLinktext || " More »", showAvatar = typeof showAvatar === "undefined" ? true : showAvatar, showMorelink = typeof showMorelink === "undefined" ? false : showMorelink, roundAvatar = typeof roundAvatar === "undefined" ? true : roundAvatar, hideCredits = hideCredits || false, maxfeeds = maxfeeds || 50, adminBlog = adminBlog || 'Kang Asep';
function allbloggertricks_recent(allbloggertricks) {
var commentsHtml;
commentsHtml = "<ul class=\"allbloggertricks_recent\">";
ntotal=0;
for (var i = 0; i < maxfeeds; i++) {
var commentlink, authorName, authorAvatar, avatarClass;
if (i == allbloggertricks.feed.entry.length) {
break;
}
if(ntotal>=numComments){
break;
}
var entry = allbloggertricks.feed.entry[i];
for (var l = 0; l < entry.link.length; l++) {
if (entry.link[l].rel == "alternate") {
commentlink = entry.link[l].href;
}
}
for (var a = 0; a < entry.author.length; a++) {
authorName = entry.author[a].name.$t;
authorAvatar = entry.author[a].gd$image.src;
}
if (authorName!= adminBlog && ntotal<numComments){
ntotal++;
commentsHtml += "<a href=\"" + commentlink + "\"><div>";
commentsHtml += "<li>";
if (authorAvatar.indexOf("/s1600/") != -1) {
authorAvatar = authorAvatar.replace("/s1600/", "/s" + avatarSize + "-c/");
} else if (authorAvatar.indexOf("/s220/") != -1) {
authorAvatar = authorAvatar.replace("/s220/", "/s" + avatarSize + "-c/");
} else if (authorAvatar.indexOf("/s512-c/") != -1 &&
authorAvatar.indexOf("http:") != 0) {
authorAvatar = "http:" + authorAvatar.replace("/s512-c/", "/s" + avatarSize + "-c/");
} else if (authorAvatar.indexOf("blogblog.com/img/blank.gif") != -1) {
if (defaultAvatar.indexOf("gravatar.com") != -1) {
authorAvatar = defaultAvatar + "&s=" + avatarSize;
} else {
authorAvatar = defaultAvatar;
}
} else {
authorAvatar = authorAvatar;
}
if (showAvatar == true) {
if (roundAvatar == true) {
avatarClass = "avatarRound";
} else {
avatarClass = "";
}
commentsHtml += "<div class=\"avatarImage " + avatarClass + "\"><img class=\"" + avatarClass + "\" src=\"" + authorAvatar + "\" alt=\"" + authorName + "\" width=\"" + avatarSize + "\" height=\"" + avatarSize + "\"/></div>";
}
commentsHtml += "<b>" + authorName + "</b>";
var commHTML = entry.content.$t;
var commBody = commHTML.replace(/(<([^>]+)>)/gi, "");
if (commBody != "" && commBody.length > characters) {
commBody = commBody.substring(0, characters);
commBody += "…";
if (showMorelink == true) {
commBody += "" + moreLinktext + "";
}
} else {
commBody = commBody;
}
commentsHtml += "<span>" + commBody + "</span>";
commentsHtml += "</li></div></a>";
}
}
commentsHtml += "</ul>";
var hideCSS = "";
if (hideCredits == true) {
hideCSS = "display:none;";
}
commentsHtml += "<span style=\"font-size:8px;display:block;text-align:right;" + hideCSS + "\">dimodifikasi oleh <br>dari: way2blogging</span>";
document.write(commentsHtml);
}</script>
<script type="text/javascript" src="https://####/feeds/comments/default?alt=json&callback=allbloggertricks_recent&&max-results=50">
</script>
В червено е маркирано мястото на URL адресът на блога. Там впишете вашия. Жълтата маркировка е моят никнейм, който трябва да замените със своя, за да не се показва в притурката. Този вариант тествайте в инструмента HTML редактор от главното меню.
И още един вариант, при който се използва генератор на притурки. В този втори вариант, с който искам да ви запозная е възможно да настроите броя и дължината на показваните коментари, показват се и аватарите на читателите, за които можете да изберете заоблени или нормални да са. Настройките на тази притурката не трябва да я различават от настройките на другите в блога. Как да добавите тази притурка в блог на Blogger?
➤Влезте в уеб сайта на
➤Преминете надолу към полето с настройките на притурки (Setting).
➤Извършвате всички настройки. В първото поле вписвате името на притурката. Последни коментари, например. Или нещо друго. При мен е "Читателите коментират". На следващия ред вписвате URL адреса на блога си. После избирате броя на коментарите в притурката. Тук се показват 5 коментара, а аз на своя блог съм сложила по-малко. Тук имате избор. Останалите настройки оставете без промяна. Ето така.
➤След като настроите притурката по ваш избор натиснете бутона Generate.
➤Веднага след това натиснете бутона Add to Blogger.
➤На следващата показваща се страница изберете желания от вас блог, където ще добавите притурката за последните коментари. Натиснете бутона "Добавяне на притурка", който е оцветен в синьо.
➤След това притурката трябва да се появи в блога ви като схематично изображение в пункта "Оформление".
Сега можете да я поставите на желаното от вас място в страничната лента, като я плъзнете към горната или към долната нейна част.
В допълнение, освен че в тази притурка се показват последните коментари и отзиви на ваши читатели, посетителите виждат, че блогът ви е "жив". Можете да я видите в тестовия ми блог, в началото на лявата странична колона, която е в изскачащ прозорец. Там са и двата варианта.
Успех на всички ни и доскоро.
Ще съм благодарна да оцените моя труд и гласувате за блога на:
