Woody Magazine is Brown, 2 Columns Magazine Blogger Template. Woody Magazine Blogger Template has a Featured Post Content Slider, Featured Post Carousel, Top Navigation Menu, Header Ad Banner, and Social Buttons.
Template name : Woody Magazine
Template type : 1 Sidebar, 2 Column, Adapted from WordPress, Brown, Elegant, Featured Section, Fixed width, Fresh, Header Banner, Magazine, Premium, Right Sidebar, Featured Post Content Slider, Featured Post Carousel, Top Navigation Bar, Web 2.0 Release date : November 29, 2013 Author Name and URL : Lasantha Bandara / http://www.premiumbloggertemplates.com/ Designer URL : http://www.simplewpthemes.com/ Basic Instructions : How to install a Blogger template Advanced Details : http://www.premiumbloggertemplates.com/woody-magazine-blogger-template/ |
How to Configure Woody Magazine Blogger Template
Read instructions given below to configure Woody Magazine Blogger Template.
How To Add Links to First Top Navigation Menu
Go to "Layout". Click on "Edit" link of "Edit This Menu" widget.
Now add your links to that link list widget.
How To Add Links Second Top Navigation Menu
Find this in "Edit HTML":
<div id='nav2'><!-- CATEGORY MENU --> <ul class='sf-menu'> <li><a expr:href='data:blog.homepageUrl'>Home</a></li> <li><a href='#'>Business</a> <ul class='children'> <li><a href='#'>Internet</a></li> <li><a href='#'>Market</a></li> <li><a href='#'>Stock</a></li> </ul> </li> <li><a href='#'>Downloads</a> <ul class='children'> <li><a href='#'>Dvd</a></li> <li><a href='#'>Games</a></li> <li><a href='#'>Software</a> <ul class='children'> <li><a href='#'>Office</a> </li> </ul> </li> </ul> </li> <li><a href='#'>Parent Category</a> <ul class='children'> <li><a href='#'>Child Category 1</a> <ul class='children'> <li><a href='#'>Sub Child Category 1</a></li> <li><a href='#'>Sub Child Category 2</a></li> <li><a href='#'>Sub Child Category 3</a></li> </ul> </li> <li><a href='#'>Child Category 2</a></li> <li><a href='#'>Child Category 3</a></li> <li><a href='#'>Child Category 4</a></li> </ul> </li> <li><a href='#'>Featured</a></li> <li><a href='#'>Health</a> <ul class='children'> <li><a href='#'>Childcare</a></li> <li><a href='#'>Doctors</a></li> </ul> </li> <li><a href='#'>Uncategorized</a></li> </ul> </div><!-- END CATEGORY MENU -->
Replace "#" marks with real URLs and change anchor texts as you like.
How To Configure Featured Content Slider:
Find this in "Edit HTML":
<div id='sliderwrap'> <div id='slider'> <ul> <!-- slide 1 code start --> <li> <a href='ENTER-SLIDE-1-LINK-HERE'><img class='slimage' height='229' src='https://3.bp.blogspot.com/-Ii3_d7v9wv0/UphVT52v6PI/AAAAAAAAI_E/mZgCFyfDQFc/s1600/slide-image-1.jpg' width='398'/></a> <h2 class='titlesl'><a href='ENTER-SLIDE-1-LINK-HERE'>Enter Slide 1 Title Here</a></h2> <p>Woody Magazine is a free premium blogger template from PremiumBloggerTemplates.com. This is free for both personal and commercial use. However, you are required to keep the footer links intact which provides due credit to its designers and authors.<br/>This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by Lasantha - PremiumBloggerTemplates.com...</p> </li> <!-- slide 1 code end --> <!-- slide 2 code start --> <li> <a href='ENTER-SLIDE-2-LINK-HERE'><img class='slimage' height='229' src='https://1.bp.blogspot.com/-B0RdJxLLi98/UphVWFFeKbI/AAAAAAAAI_Q/hJa1ENwIuuM/s1600/slide-image-2.jpg' width='398'/></a> <h2 class='titlesl'><a href='ENTER-SLIDE-2-LINK-HERE'>Enter Slide 2 Title Here</a></h2> <p>Woody Magazine is a free premium blogger template from PremiumBloggerTemplates.com. This is free for both personal and commercial use. However, you are required to keep the footer links intact which provides due credit to its designers and authors.<br/>This is slide 2 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by Lasantha - PremiumBloggerTemplates.com...</p> </li> <!-- slide 2 code end --> <!-- slide 3 code start --> <li> <a href='ENTER-SLIDE-3-LINK-HERE'><img class='slimage' height='229' src='https://1.bp.blogspot.com/-iAgylQrhX70/UphVV9L30eI/AAAAAAAAI_M/2HbgCPbTfe4/s1600/slide-image-3.jpg' width='398'/></a> <h2 class='titlesl'><a href='ENTER-SLIDE-3-LINK-HERE'>Enter Slide 3 Title Here</a></h2> <p>Woody Magazine is a free premium blogger template from PremiumBloggerTemplates.com. This is free for both personal and commercial use. However, you are required to keep the footer links intact which provides due credit to its designers and authors.<br/>This is slide 3 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by Lasantha - PremiumBloggerTemplates.com...</p> </li> <!-- slide 3 code end --> </ul> </div> </div>
There are 3 slides in the slider. You can add a remove more slides if you want.
Now replace,
"ENTER-SLIDE-X-LINK-HERE"s with your real slide link,
"Enter Slide X Title Here" with your real slide title,
"Woody Magazine is a free premium blogger template from PremiumBloggerTemplates.com. This is free for both personal and commercial use. However, you are required to keep the footer links intact which provides due credit to its designers and authors.<br/>This is slide X description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by Lasantha - PremiumBloggerTemplates.com..." with your real slide description,
Slide image URL,
for each slide. (X = 1 or X = 2 or X = 3)
How To Configure Featured Post Carousel:
Find this in "Edit HTML":
<div class='stepcarousel' id='mygallery2'> <div class='belt'> <!-- panel 1 code start --> <div class='panel'> <a href='ENTER-FEATURED-POST-1-LINK-HERE'><img height='118' src='https://1.bp.blogspot.com/-m633FyND614/UphVRE0iUNI/AAAAAAAAI-U/M5hWvL3lRPg/s1600/panel-image-1.jpg' width='158'/></a> </div> <!-- panel 1 code end --> <!-- panel 2 code start --> <div class='panel'> <a href='ENTER-FEATURED-POST-2-LINK-HERE'><img height='118' src='https://4.bp.blogspot.com/-TOUqRryO408/UphVRfxbRLI/AAAAAAAAI-c/alJuOi4zApE/s1600/panel-image-2.jpg' width='158'/></a> </div> <!-- panel 2 code end --> <!-- panel 3 code start --> <div class='panel'> <a href='ENTER-FEATURED-POST-3-LINK-HERE'><img height='118' src='https://3.bp.blogspot.com/-zOIAUKr6_hI/UphVRMvnSfI/AAAAAAAAI-Y/_O-qR48vPdw/s1600/panel-image-3.jpg' width='158'/></a> </div> <!-- panel 3 code end --> <!-- panel 4 code start --> <div class='panel'> <a href='ENTER-FEATURED-POST-4-LINK-HERE'><img height='118' src='https://1.bp.blogspot.com/-yBQ_LpLo26Y/UphVSN_mPsI/AAAAAAAAI-w/iL0FekVU-mw/s1600/panel-image-4.jpg' width='158'/></a> </div> <!-- panel 4 code end --> <!-- panel 5 code start --> <div class='panel'> <a href='ENTER-FEATURED-POST-5-LINK-HERE'><img height='118' src='https://4.bp.blogspot.com/-vZiPOxhboVk/UphVSTu_7MI/AAAAAAAAI-s/pxCeIjWT4hk/s1600/panel-image-5.jpg' width='158'/></a> </div> <!-- panel 5 code end --> <!-- panel 6 code start --> <div class='panel'> <a href='ENTER-FEATURED-POST-6-LINK-HERE'><img height='118' src='https://1.bp.blogspot.com/-FiGcWDd8c6U/UphVSuifEnI/AAAAAAAAI-0/FjvEi9q5fHg/s1600/panel-image-6.jpg' width='158'/></a> </div> <!-- panel 6 code end --> </div> </div> <!-- /mygallery -->
There are 6 panels in the carousel. You can add a remove more panels if you want.
Now replace,
"ENTER-FEATURED-POST-X-LINK-HERE"s with your real featured post link,
Panel image URL,
for each panel. (X = 1 or X = 2 or X = 3 or X = 4 or X = 5 or X = 6)
How To Configure Social Buttons
Find this in "Edit HTML":
<div class='side-widget'> <h3>Follow Us</h3> <ul id='topsoc'> <li class='first'> <a href='#' id='socrss'>Subscribe via RSS</a> </li> <li class='second'> <a href='#' id='twitter'>Follow my tweets</a> </li> <li class='third'> <a href='#' id='email'>Subscribe via Email</a> </li> </ul> </div>
Add your own social links replacing "#" marks.
Important !!!:
Do not remove the footer credits. This Woody Magazine Blogger template is free for both personal and commercial use. However, you are required to keep the footer links intact which provides due credit to its designers and authors.
Thank for sharing. I love this template, however; font of post title is not applicable to my language (i.e.Thai). Could you please tell me how to change font type of post title. Thank in advance.
try removing this:
Cufon.replace('h1',{hover: true})('h2',{hover: true})('h3',{hover: true})('h4',{hover: true})('h5',{hover: true})('h6',{hover: true})('#nav2 li a:not(#nav2 ul ul a)',{hover: true})('.description',{hover: true});