skip to Main Content
+971 55 881 1725 hmimthiaz @ imthi.com

Redesigned my blog template

It has been really long time since I worked on my blog to improve the look and feel. I keep doing this once in while since I usually get annoyed at look at the blog with same template. This time I was fascinated with the template from YG Desire. I downloaded the theme and made the customization what I had done in my old theme. Once I have completed I decided to drop my old light box code and I moved to jquery light box.

One thing I hated the most in light box is to edit each link for the image and update with class and rel code. Based on the new theme I wrote a small snippet which will insert the needed class and other attributes for the light box to work.

[code language=’javascript’] $(document).ready(function(){
$(‘div.entry img’).each(function(){
if($(this).parent().is(‘a’)){
$(this).parent().attr(‘rel’,$(this).parents(‘div.entry’).attr(‘id’));
$(this).parent().attr(‘class’,’jqueryLightbox’);
}
});
});
[/code]

Demo :

The above code will search for all images in my post div and if the parent is a link it will add the needed attributes to the link. Well it is working fine if the link is an image. Have to add a check and lazy to do it šŸ˜€

My sidebar is always big and I am greedy to show lot of links like archives, tags, pages etc. The template I selected looked well for accordion style listing. So I made the sidebar into an accordion panel.

I removed oldĀ  highlight plugin and I changed the same with syntax highlight wordpress plugin. Well my blog looks very cool with new code hightlight feature. Here after sharing code snippet will not be a problem.

Phew that is a lot of work I have done the whole day. I started simple and got involved and worked the whole day on this. Now my blog looks great with new features šŸ˜‰

This Post Has 3 Comments
  1. I started simple and got involved and worked the whole day on this. Now my blog looks great with new features.

    Thats what happened when you deal with code. It happens to mee too while converting wp themes to blogger templates

Comments are closed.

Back To Top