четверг, 29 сентября 2011 г.

Изображение – ссылка на пост

Всем привет! Если вам надоело, что при нажатии на картинку открывается полное изображение, и при помощи технологий самого блогспота изменить это нельзя, то пост как раз для вас. При помощи внедрения Javascript-функции, вы сможете сделать так, чтобы изображение вело на страницу с постом.

Есть 2 способа подключить скрипт.


1. Полный код 

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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 != &quot;item&quot;'>
<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. Я сам тестировал скрипт, но на старом дизайне. Все отлично работает.
---

Проблемы с индексацией картинок Яндексом на блогах Блогспот? то вам следует прочесть статью Как проиндексировать картинки Блогспот.

Понравилась статья? Подписывайтесь на RSS моего сео блога.

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
|