06:03
Oleg
Всем привет! Если вам надоело, что при нажатии на картинку открывается полное изображение, и при помощи технологий самого блогспота изменить это нельзя, то пост как раз для вас. При помощи внедрения Javascript-функции, вы сможете сделать так, чтобы изображение вело на страницу с постом.
Есть 2 способа подключить скрипт.
1. Полный код
Скрипт нужно вставлять перед тегом </body>. Как будете его искать, не забудьте поставить галочку на Расширить шаблоны виджета.
Если стоит гугл аналистик, то ставим код после него. И не забывайте, что ставить нужно только один скрипт из предложеных выше. Лично я предпочетаю 2.
P.S. Я сам тестировал скрипт, но на старом дизайне. Все отлично работает.
---
Проблемы с индексацией картинок Яндексом на блогах Блогспот? то вам следует прочесть статью Как проиндексировать картинки Блогспот.
моего сео блога.
Есть 2 способа подключить скрипт.
1. Полный код
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
//<![CDATA[
/* Функция для ссылок изображений в Blogger
Denis Neverov aka Croaker, @jcden
http://dotrb.blogspot.com
*/
var nodeId = "Blog1";
var postClassName = "hentry";
var postTitleTag = "h3";
// Сторонняя функция getElementsByClassName
getElementsByClassName = function (classname, node){
if(!node) node = document.getElementsByTagName("body")[0];
var a = [];
var re = new RegExp('\\b' + classname + '\\b');
var els = node.getElementsByTagName("*");
for(var i=0,j=els.length; i<j; i++)
if(re.test(els[i].className))a.push(els[i]);
return a;
}
// Сама функция для обработки ссылок изображений
bloggerImageLink2Post = function(){
var node = document.getElementById(nodeId);
var posts = getElementsByClassName(postClassName, node);
for(var i=0,j=posts.length; i<j; i++){
var titleLinks = posts[i].getElementsByTagName(postTitleTag)[0].getElementsByTagName("a");
var imgs = posts[i].getElementsByTagName("img");
if (imgs[0] != undefined){
var aParent = imgs[0].parentNode;
if ( (aParent != undefined)&&(aParent.tagName == "A") ){
aParent.href = titleLinks[0].href;
}
}
}
}
// Вызов функции
bloggerImageLink2Post();
//]]>
</script>
</b:if>2. Подключение внешнего файла Javascript
<b:if cond='data:blog.pageType != "item"'>
<script src='http://sites.google.com/site/railsdepot/files/imagelink2post.js' type='text/javascript'/>
<script type='text/javascript'>
bloggerImageLink2Post();
</script>
</b:if>
Скрипт нужно вставлять перед тегом </body>. Как будете его искать, не забудьте поставить галочку на Расширить шаблоны виджета.
Если стоит гугл аналистик, то ставим код после него. И не забывайте, что ставить нужно только один скрипт из предложеных выше. Лично я предпочетаю 2.
P.S. Я сам тестировал скрипт, но на старом дизайне. Все отлично работает.
---
Проблемы с индексацией картинок Яндексом на блогах Блогспот? то вам следует прочесть статью Как проиндексировать картинки Блогспот.
моего сео блога.
Posted in: Создание блога
