This blogger template is called as Twit plus and has all the Twitter style features. This template is totally unique and different.
- Two column Twitter style layout.
- Twitter-like floating header
- Twitter-like expandable post contents
- Read more and comments link shown when hovered
- Twitter-like Profile box on home page
- Widgets ready
- Social share icons for blog post
Template Settings
1. Blog Title
<div class='logo'><a expr:href='data:blog.homepageUrl'><h2>Twit Plus</h2></a></div>
2. Navigation Bar
<div id='nav'> <ul> <li><a expr:href='data:blog.homepageUrl'>Home</a></li> <li><a href='#'>About</a></li> <li><a href='#'>Contact</a></li> </ul> </div>
3. Profile Box
Profile image size : 128px X 128px
<div class='authorimg'> <img src='http://3.bp.blogspot.com/_b8IA1ajBJG8/TTLRUxcD4oI/AAAAAAAAB4g /vqBMUVneVII/s1600/default_pic.png'/> </div> <div class='authorinfo'> <span class='name'><h3>Bloggermint</h3></span> <span class='location'><h4>Mountain View, California</h4></span> <span class='bio'>Bloggermint focus on blogger, wordpress, web tips, web design to help bloggers blog better.</span> </div>
4. Profile link and follow button
<div class='profilelink'> <a href='#'>View My Profile!</a> <span class='follow button'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFlRBJ7baWNWIyaS9jktdDs6f1yvT7XLmnj2HzsYNm0_rWgRft6UKdbPvCeifrNHpGy4KYY_dsoZ8Qo6mbd__fwWDeYyZ9s-TnXL84jIYQWKNWpNvV6T9bdBTV8qo1ytcNw_wiCKPPhhIu/s1600/add.png' style='left: -3px;position: relative;top: 1px;'/><a href='http://twitter.com/username'>Follow</a></span> </div>
5. Mini Profile Pic in Post Area
Mini image size : 48px X 48px
<!-- Post Author Image Start --> <div class='authorpic'> <img src='http://3.bp.blogspot.com/_b8IA1ajBJG8/TTLSDkWo33I/AAAAAAAAB4o /D5ioqogJ250/s1600/default_profile_normal.png'/> </div> <!-- Post Author Image End -->
6. Followers, fans, subscribers count
<div id='follow'> <div class='twitter'><a href='http://twitter.com/username'><b>299</b></a><span class='bot'>Followers</span></div> <div class='facebook'><a href='http://www.facebook.com/pages'><b>299</b></a><span class='bot'>Fans</span></div> <div class='feedburner'><a href='http://feedburner.google.com/feed'><b>299</b></a><span class='bot'>Subscribers</span></div> </div>
Get the feel of Twitter for you blog now!
Share this article: |
0 comments:
Post a Comment