| is an ideal for football blogs with CSS3 rounded corner, 1 right sidebar, 2 columns fixed width, 3 column footer, Slideshow with jQuery, banners ads for 468 × 60 pixels in the header, Exceperts with automatic thumbnails, Author comments posted, internal search engine, Social media icons, Twitter ready and PSD logo included, Google font: Yanone Kaffeesatz. |
| Go to Design/Edit HTML and find the following code:
<!-- Slide 1 Code Start -->
<div class='featured-post clearfix'>
<div class='slider-image'>
<a href='FEATURED-POST-LINK-1-HERE'><img height='210' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE7eSAskQE46vOEHfhmOQkmwWAeAfL3mg5JwEur2Tt74bbL1xdj8QKPLxYGxMcZCKNS8b3g3OpgcbWuwcRpgmZ48NajSrqYo8d8aDPg3nsT8agy7kxkRmWlJZIgX97uDpKxvfzbmD7MR97/s1600/1.jpg' width='300'/></a>
</div>
<div class='slider-post'>
<h2>Featured Post 1 Title</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<div class='readmorecontent'><a href='#'>Read More</a></div>
</div>
</div>
<!-- Slide 1 Code End -->
<!-- Slide 2 Code Start -->
<div class='featured-post clearfix'>
<div class='slider-image'>
<a href='FEATURED-POST-LINK-2-HERE'><img height='210' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJA95PZzcOX6dX3xjB1H1ZjTVXmNa022YENT_sM1segvPCgfWt8TbOyQ_vncOG_jCMCS0cD5HAiy4QkhfYMHCaAqQMTHiDVcohzG9dQ3uBeRLI2Av7orqj_nQmaHAegwo5HfflJfAvHvxG/s1600/2.jpg' width='300'/></a>
</div>
<div class='slider-post'>
<h2>Featured Post 2 Title</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<div class='readmorecontent'><a href='#'>Read More</a></div>
</div>
</div>
<!-- Slide 2 Code End -->
<!-- Slide 3 Code Start -->
<div class='featured-post clearfix'>
<div class='slider-image'>
<a href='FEATURED-POST-LINK-3-HERE'><img height='210' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn92j8WfU-dprVxc1sINB4H6LSYnXNtcuPjBT7Upln8-slQDEzi4tmILVO86Ost4vyenltDwd5ZFQZ5q4LhpsgRUTwZrlcLxdmlggRPtZSs3e7jZS9SBtl_TRqHFxAcYN6M6ty9pAcVb6q/s1600/3.jpg' width='300'/></a>
</div>
<div class='slider-post'>
<h2>Featured Post 3 Title</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<div class='readmorecontent'><a href='#'>Read More</a></div>
</div>
</div>
<!-- Slide 3 Code End -->
<!-- Slide 4 Code Start -->
<div class='featured-post clearfix'>
<div class='slider-image'>
<a href='FEATURED-POST-LINK-4-HERE'><img height='210' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxCWr8L0mu1X4vXx2xCWvWwXUFJj8HYAR6DZPOdzaFLTMgrUcJu55GCVYtPAGEx2otVnZoe6aBK5iM6rBq_hxaJlz-S3F7DPb9Ct6DZecr9plZlQCBBjaPT5rNPXpyJz9FICrgtS0onBa2/s1600/4.jpg' width='300'/></a>
</div>
<div class='slider-post'>
<h2>Featured Post 4 Title</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
<div class='readmorecontent'><a href='#'>Read More</a></div>
</div>
</div>
<!-- Slide 4 Code End -->
<!-- Slide 5 Code Start -->
<div class='featured-post clearfix'>
<div class='slider-image'>
<a href='FEATURED-POST-LINK-5-HERE'><img height='210' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0aFYmkI7lK5ORuYJN1zxpZQrFsIlrz4iPmZm5BWEzSMnJh3bMEAdGkLopzHE0YrA8t2W4Nd0uPFGqgz6_241vBJxWdSHLYsD5wtTenXo_PfGk7ik2Ztvdf6fNy5ZSN60b9y1f9BkibdHx/s1600/5.jpg' width='300'/></a>
</div>
<div class='slider-post'>
<h2>Featured Post 5 Title</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<div class='readmorecontent'><a href='#'>Read More</a></div>
</div>
</div>
<!-- Slide 5 Code End -->
replace all image links by yours and set up your post descriptions and links.
2. Setting Up the social media icons:
Go to Design/Edit HTML, click on “Expand widget templates” and find the following code:
<div id='social'>
<span><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrKhG7UfI9RP5JNZfmftEhk66yQmf5nipPrd80T9DbIHZKq1xb2-d0XQq-Pshm829uH9ydS06qBQTb00oJOEEJMnnC2yQYoPxF0hhtRhWY2bIwkiFIveOO2RBv8vop5JJW4sdkcfWWsPd_/s1600/facebook.png'/></a></span>
<span><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT24oWhhD2vhAW2ns9xKG4FVS-cinmIHw7GhAxfY29kTTtjEHGVVCnwYKxDsJdnjUXxE6qAZ3ykbZZqcvz6w7LaFYe21-DfEzMGM-0Qtpd-4BUupepQxDUTHsTPCInOxNimvcyD7YgEkv-/s1600/rss.png'/></a></span>
<span><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwNElDT2OSYtIufiMld6yWtkWph3cUrpx-KYa9TxLaLOF4mz4k7lrsG49zVAZpJFAD5Oh88CE-oarl2fa2spFzgVZqbS1y_LxiyYtRUkcH9ZxL0vQ5KiTthemndkHh0ufaPKd3xdf4b5ra/s1600/twitter.png'/></a></span>
</div>
|
Tags: | 1 Sidebar, 2 Column, 3 column footer, Ads Ready, black, Blogger, CSS3, Featured Section, Fixed Width, Green, Grey, Magazine, Right Sidebar, Slider, Twitter Ready, White, Widget Ready |