I have converted several wordpress template into blogger template. There is a new converted template that i was known. I am proud to provide converted wp themes for blogspot. As you know, wordpress have a nice templates. I hope my work will help you to choose a nice template for your blog.
There are a new list my published template:
There 2 area in slider content, Description widget and Slider Widget. Go to "Page Elements", and you will see the slider area at the top. There are two add widget link in slider area, widget for Slider and widget for description.
<ul>
<li>
<a href="Your Link URI"><img alt="" src="Your Image URL&h=240&w=520&zc=1"/> </a>
</li>
<li>
<a href="Your Link URI"><img alt="" src="Your Image URL&h=240&w=520&zc=1"/> </a>
</li>
<li>
<a href="Your Link URI"><img alt="" src="Your Image URL&h=240&w=520&zc=1"/> </a>
</li>
</ul>
To add widget in tabber sidebar was same as your add another widget in blogger template. But to change tabber title, you must go to your template and look up for this code like in this image.
If you want to use this subscribe form style, just copy this code and paste it into HTML/Java Script Widget.div class="rss_box">Sign up to receive breaking news as well as receive other site updates!</div>
<form id="rss_form" action="http://feedburner.google.com/fb/a/mailverify" target="popupwindow" method="post" onsubmit="window.open("http://feedburner.google.com/fb/a/mailverify?uri=Your Feed ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input id="email_rss" onfocus="if (this.value == "Enter your email address...") {this.value = "";}" value="Enter your email!" name="email" onblur="if (this.value == "") {this.value = "Enter your email!";}" name="email" type="text"/>
<input id="subscribe_email_btn" value="" name="subscribe_email_btn" type="submit"/><input value="Your Feed ID" name="uri" type="hidden"/><input value="en_US" name="loc" type="hidden"/>
</form>
<p><a href="http://feeds.feedburner.com/Your Feed ID" rel="nofollow"><img width="88" style="border:0" alt="" src="http://feeds.feedburner.com/~fc/Your Feed ID?bg=66CCFF&fg=444444&anim=0" height="26"/></a></p>
<ul><li>Banner Code</li>
<li>Banner Code</li>
<li>Banner Code</li>
<li>Banner Code</li></ul>
In that picture you can see the navigation with sub-page and sub-subpage. When you want make a navigation link which doesn't have sub-page, you must use this code.<li class='page_item'><a href='' title=''>Page 1</a>
<ul>
<li class='page_item'><a href='' title=''>SubPage 1</a>
<ul>
<li class='page_item'><a href='' title=''>Sub-SubPage 1</a></li>
<li class='page_item'><a href='' title=''>Sub-SubPage 2</a></li>
</ul>
</ul>
</li>
Go to "Page Elements", and you will see the slider add widget at the top. There are two add widget link in slider widget area, widget for image and widget for description.
Click that link to add a widget. When you want to add that widget, you should add this code to make it works.<ul>
<li>
<img alt="" src="Your Image URL&h=200&w=300&zc=1"/>
</li>
<li>
<img alt="" src="Your Image URL&h=200&w=300&zc=1"/>
</li>
<li>
<img alt="" src="Your Image URL&h=200&w=300&zc=1"/>
</li>
</ul><ul>
<li>
<h2><a href="Your Link Article" rel="bookmark" title="Your Title">Your Title</a></h2>
<p>Description Text.... <a href="Your Link Article">Read→</a></p>
</li>
<li>
<h2><a href="Your Link Article" rel="bookmark" title="Your Title">Your Title</a></h2>
<p>Description Text.... <a href="Your Link Article">Read→</a></p>
</li>
</ul>
To add widget in tabber sidebar was same as your add another widget in blogger template. There another different way. But to change tabber title, you must go to your template and look up for this code like in this image.
The dash blue line in that picture are title in the tabber sidebar. You can change it for get another title in your tabber.
I was set this into blogger feeds, for example http://all-iknow.blogspot.com/feeds/posts/default.<div class='rssbox'>
<a href='/feeds/posts/default'><img alt='Subscribe to My Blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Dl6ETs2z_vJy8_w1UDd54zOkuDCPyiKwfBMiFXRjtrWDgRNdyrv3mOa91X5LcVJpVyF07UoDpN5eEytLXIRfh3LBGyFgIj9TO38On38wW7DAvAQt94CQ2aeFzL_5juiZ-6bpmJHctVU/s1600/rss.png'/></a>
</div>
Yesterday i was posted an article about blogger template tutorial. I will continue this tutorial. Before we learn how to make or customize our template, i think we should know about CSS (Cascading Style Sheets) and HTML (Hypertext Markup Language). There are important thing for our template. Now, i start to continue of blogger template tutorial with explaining about CSS.
body {Body area with width 990px and background color is grey (#AAAAAA), and than color of body content is black (#202020) with font size 12 px and font type is arial, tahoma or verdana. Body area have margin 0px auto 0px, this have a meaning this area will have margin-top 0px, margin-right and bottom auto (will be center) and margin-left also 0px. and the content of body will have margin 0px.
background: #AAAAAA;
width: 990px;
color: #202020;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}
body {And the result will be like this.
background-image: url(background_image.jpg);
}
body {And the result will be like this.
background-image: url(background_image.jpg) no-repeat;
}
body {And the result will be like this.
background-image: url(background_image.jpg) repeat-x;
}
body {And the result will be like this.
background-image: url(background_image.jpg) repeat-y;
}
I was converted a couple of wordpress template, like: magazine music premium, Wcute, ePhoto. Many of my friends was ask to me how to convert it. I really don't know how to answer that question, because i just do it (convert wordpress template). I just make it into CSS style. Maybe to answer that question, i want to make a tutorial about blogger template. In this tutorial, i will give that all-iknow (all i know). But, before i make article about Template Blogger Tutorial, i want ask apologize if i have mistake in my article.
Last time i was launched two template, Magazine 4 Column and Technorati Style Template. Now, i try to make a new template. I am try to convert a wordpress template in to blogger template. Honestly, i really don't know how to convert a wordpress template. someone told me that to make it is use Dreamweaver software. But i am make it with different style and of course the result are not optimize. But, i was feel proud. Although the result is not perfect than the other converter. My new wordpress converted template is like this.
Finally, i was created one template by my self. inspired by magazine template, i make a template with magazine style and 4 column. I called it magazine 4 column.
