Blogger Template | Masugid

Masugid is a free premium like blogger template which all you will be going to like for sure.It is two column template with many inbuild features and ready widgets inside it.Some of the main features are navigational menu links and and three main pages section for your blog at top.Main features are slider gallery for your posts pictures and related posts widget installed in it.It also consists of three column footer.Search bar also ready with full blogger functionality.Bookmark widget for posts is also ready and seo for title has also been done.You can also just make your logo with psd file you get with download.

Other blogger templates design with gallery looks you should check for sure are Maimpok and Glory.

Hacks Supported By Template

• Swap Title Hack For Blogger


• Hidden Navbar Layout


• Blogger Avatars Activated


• Menu Links


• Search Box Ready


• Beautiful Bookmarking icons


• Three Column Footer


• Related Posts Widget


• Image Slider

Masugid Template Installation

• Header Image

With download file you will get psd files for site-name ,just open it in photoshop and make and edit it to yours name and upload it to from header widget in blogger layout.


• Home-About-Contact Page

Find below codes:-


<ul>
<li><a href='/' title='Home'><span><span>Home</span></span></a></li>
<li><a href='#' title='About'><span><span>About</span></span></a></li>
<li><a href='#' title='Contact'><span><span>Contact</span></span></a></li>
</ul>



Just replace the # in href='#' with your links in the above codes.


• Menu Links

Find below codes:-


<ul>
<li><a href='/'><span><span>Home</span></span></a></li>
<li><a href='#'><span><span>Edit Posts</span></span></a></li>
<li><a href='#'><span><span>Edit Comments</span></span></a></li>
<li><a href='#'><span><span>Edit</span></span></a></li>
</ul>



Just replace the # in href='#' with your links in the above codes.


• Image Slider I.e Carasouel


Find the below codes.



<ul class='jcarousel-skin' id='carousel'>

<li><a href='#'><img height='191px' src='http://farm3.static.flickr.com/2565/4053275429_d90bb16d7b.jpg' width='191px'/></a></li>

<li><a href='#'><img height='191px' src='http://farm3.static.flickr.com/2745/4053275401_98d09abea1.jpg' width='191px'/></a></li>

<li><a href='#'><img height='191px' src='http://farm3.static.flickr.com/2676/4053275587_d21ffaab15.jpg' width='191px'/></a></li>

<li><a href='#'><img height='191px' src='http://farm3.static.flickr.com/2473/4053275713_a10a5a79df.jpg' width='191px'/></a></li>

<li><a href='#'><img height='191px' src='http://farm4.static.flickr.com/3515/4053275943_167262c089.jpg' width='191px'/></a></li>

<li><a href='#'><img height='191px' src='http://farm3.static.flickr.com/2477/4054018014_c5e93695f4.jpg' width='191px'/></a></li>

</ul>



Just replace all # above with your links and image links with your images.


• Rss-Facebook-Twitter Buttons In Footer


Just use the below codes in footer widget if you want these buttons as in my demo blog footer.



<a href='http://digg.com/users/username'><img alt="Digg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqbP9FBAs2AY6lQnMoFR0hG_c0TxXSyhvcIOwXk2oym2QsXllwsctkkfcACRqsRLUPvk5_GdH5E2NFhe158-8glqSwHYCEM1sSmgBSi_0eRC8xyBfZfaG5Gx-GGmlchW2AyB8M_da3tus/s400/icon-med-digg.png" /></a>

<a href='http://www.facebook.com/username'><img alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8vCXJy-oQCAEhy56NMBHCPBUSC1nm5Z4dktluQjg-5WqjzSoLK1jzZd3ynA-JyhsMmXSEY0syvvxkzyX1bB6Y-jUY0ipvPon-LymxCeQtCD58xTz2C3ZETQ01Hm1beHsBuHi4FFcOfQM/s400/icon-med-facebook.png" /></a>

<a href='http://www.flickr.com/photos/username'><img alt="Flickr" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRHkuKdSLLKRaTh68ko27OXYhLemL925ZVD73xRU_AofYpmGDjQ1i7EapnrLKM8PRFzMqbHmPw-Sv0UNGY4G43hLiMMhsX7gh6cK8-qeQcaNyqx2qAE27df2mPsGHvh8XEGgbEsz12b4o/s400/icon-med-flickr.png" /></a>

<a href='http://www.last.fm/user/username'><img alt="LastFM" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGPv7V8a6SVI3SW63QywujY9gTxdpoTSo-cHvqsCEqnntKwKy7Yg2d8w9-yxhy6e3vNhCIZhCnrxnWeCKFytFRU9UIw-a0fvv_k8aWf19hMgSW5pog3Qev_rgIYPJfYd3ZP6X852khkK8/s400/icon-med-lastfm.png" /></a>

<a href='/feeds/posts/default'><img alt="RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-ncD5G9iB3vdnPUyqmJBjPcSEzGyCB1DHnWnVFVLaQy0ikOxYsf751tZ6bcguGDuyC-C7PSgzJn0jjZSJXkt3pDJXgOGsIXVpoX4mBqBrfwpXqbCFGYZ2dGlxAaJjW65N4OFQse8RXA/s400/icon-med-rss.png" /></a>

<a href='http://www.stumbleupon.com/stumbler/username'><img alt="StumbleUpon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrKjWb93bMtdBnKZNnjHG0aIduj7CJE7rIpVAezbcv2KHwGQ3ilCFWJqa4DFMTrc3lc6RezygV0W4o4sBf_frWY-GGi3f1FHz0LoPqCmvhHfY4HRa_WXFcuSYxlVp_BKZGV-CDCLANjgE/s400/icon-med-stumbleupon.png" /></a>

<a href='http://technorati.com/people/technorati/username'><img alt="Technorati" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglnlpsXLIfCCLjBKp554-gbv0eIijsBDku2jqhPWydt2pn6EDGO6dTjl-2RaGG1akKDWE0x8aTnCtHxM5PDkcQHHnN04cD45HkIqxycGJFf3UIu4mHgZ6hkcy87taz7FdgYFWqVvc729M/s400/icon-med-technorati.png" /></a>

<a href='http://www.youtube.com/username'><img alt="YouTube" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3rsmwVq_NkFpgfxxKZ8pNfH4NQmzYzFXudi_mn2M0J5VEk_C3mIEhHHS6NNrjd_24gVn-9s6Yj4c3HJGZ0FYLZ7MAE2gN8dFupPf6z6mJavD8ZoKYJrQq1FKcdhT5eI-z6UwM2BMkzH8/s400/icon-med-youtube.png" /></a>

I hope you will like this template for sure.If any problems leave the comment below.