Showing posts with label Three Column. Show all posts
Showing posts with label Three Column. Show all posts
Creative Press
Creative Press
Creativepress is a xml with a business template layout and blog layout mixed together. The theme is very apt for your small business websites . This will let you break away from the conventional blog format sites using Blogger Templates
Customize The Logo
Go to Layout – Edit HTML – no need to expand widget template
Find this image address :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpLkn39htaqUI1LrCzNmezFXt6jVWkYu6FOW2owOmuCfr7-OKvGbXJQeorwyD51vvDKgAeK_CFM68mmFO-X_p8BGUu35yDTwZZyw9cEUNcLURiuE1lFkHcCuVY-CJ-JJWi0y9gDFxVeg/s400/logo.png
The PSD file of the logo have been attached in download package. Please make customization in your image editor. Upload into webhosting and get the link address.
After that, change it with your own image address that you have been uploaded in webhosting.
Change the Welcoming Sentence
- Go to LAYOUT HTML
- then you see a text widget "welcome to my site"
- press edit then change and fill it with whatever words, up to you ...
SET UP TWITTER
Watch out, There are two place to be changed.OK. After that, change that texts with your Twitter ID
For the first
Go to Edit HTML, then please find this text:
http://twitter.com/twitter
Please change the second twitter text (in red color) with your Twitter ID. For Example:
http://twitter.com/cahayabiru
After that, find this code:
http://twitter.com/statuses/user_timeline/twitter.json
please replace the second twitter text (in red color) with your ID. example
http://twitter.com/statuses/user_timeline/cahayabiru.json
Save your template
Customize The Menu
Go to Layout -- Edit HTML tab
No need to check Expand widget template
Find (Ctrl+F) this below:
<li><a href='#'>Title Here</a></li>
Then, You will find like this:
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
Please, change # symbol with your targeted address.
Change the word Title Here with your own title.
You can edit this in Notepad or wordprocessor.
After all finish, then save your template.
Zin Folio
Zin Folio
Zin Folio is three column template with special feature included. Zin Folio is a magazine style, light blue. Try the Zin Folio for your blog, and you will get new blogging experience with it.
If you like my post or article, please subscribe to my email feedburner form in my right sidebar. OK. Have a nice Blogging.
If you like my post or article, please subscribe to my email feedburner form in my right sidebar. OK. Have a nice Blogging.
Customize The Logo
Go to Layout – Edit HTML – no need to expand widget template
Find this image address :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzLy3V3LnxY5TZohzzUEfSI3uCqfAKSl6K82QYQF2-UcF3w3sX7rPidln2x6CIYbXOGDdSHrFSLhZ2Rw1NEz_6lo3sHm2N0pFRFP9iJmQD9GrinCYPkRDTiaZuQ72cRxKgop2SWVv1ow/s400/logo.png
The PSD file of the logo have been attached in download package. Please make customization in your image editor. Upload into webhosting and get the link address.
After that, change it with your own image address that you have been uploaded in webhosting.
Set The Feed Burner ID Form
Go to Layout – Edit HTML – no need to expand widget template
Find This Word:
CahayaBirusSphere
After that Change it with your own Feedburner ID.
Customize The Menu
Go to Layout -- Edit HTML tab
No need to check Expand widget template
Find (Ctrl+F) this below:
<li><a href='#'>Title Here</a></li>
Then, You will find like this:
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
Please, change # symbol with your targeted address.
Change the word Title Here with your own title.
You can edit this in Notepad or wordprocessor.
After all finish, then save your template.
MobiPress
MOBIPRESS
Hi again... In this post I would like to publish another template, it's called MOBIPRESS. MobiPress is designed by Jinsona. And, it's been converted by CahayaBiru.com.
MobiPress is Stylist blue, white, and grey color template. Its design will attract another blogger to come to your blog. Equipping with welcoming sentence, mobipress is a right choice for you to reach another excitement.
MobiPress is Stylist blue, white, and grey color template. Its design will attract another blogger to come to your blog. Equipping with welcoming sentence, mobipress is a right choice for you to reach another excitement.
Change The Logo
Please, find this image address :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh7DU3mLlqUqpIMaXAdObTZo55mw1OpxGOQTN0vQ2Bp0I78Cse-84zjD2rHXEDB2MP8Ks8b14R74egYpNfMQQLReQjuns4VhjoUrTd1zwJx8Xd9NB1n6vmqo2Fpyl0FkqJZyTCfBAW3iY/s1600/logo.jpg
.
Set Up the Menu
MENU ABOVE THE HEADER
- Sign in to blogger
- Go to Layout -- Edit HTML tab
- No need to check Expand widget template
- Find (Ctrl+F) this below:
<li><a href='#'>Title Here</a></li>
Then, You will find like this:
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
Please, change # symbol with your targeted address.
Change the word Title Here with your own title.
SET MENU BELOW THE HEADER
find this (Ctrl+F) :
below that code, you will find like this:
Please, change PARENT-LINK-ADDRESS with your own targeted address.
After that, change the word PARENT-TITLE with your own title.
find this (Ctrl+F) :
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a>
below that code, you will find like this:
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a>
Please, change PARENT-LINK-ADDRESS with your own targeted address.
After that, change the word PARENT-TITLE with your own title.
Change the Welcoming Sentence
- Go to LAYOUT HTML
- then you see a text widget "welcome to my site"
- press edit then change and fill it with whatever words, up to you ...
SET UP TWITTER
Go to Edit HTML, then please find this text:
TWITTER-ID-TWITTER
After that, change that texts with your Twitter ID. example: cahayabiru
EPSILON ALPHA
This day I would like to launch EPSILON ALPHA Blogger Template. EPSILON is from WP THEME, Designed by Jinsona Designs.This template is suitable for any niche. The layout is stylish and dynamic contents elements are built into it.
Overview:
Name : EPSILON ALPHA Blogger Template
Description: Original from WP THEMES
WP THEME
Designer : Jinsona Design
URL : http://web2feel.com
First Date released : 30 January 2009
Converter to Blogger
Name : CahayaBiru.com
URL : www.cahayabiru.com (This Blog)
First Date released : 11 March 2009
Features :
- Multi-level drop-down javascript navigation menu.
- Featured post section with javascript gallery
- Site wide customizable 125 x 125 banner ads.
- Site wide customizable 468 x 60 adsense banner.
- Customizable 468 x 60 adsense banner on inner pages.
- Featured video section
- Customizable About me section
- Thumbnail images with auto crop.
- Widgetized sidebar.
- Tabbed contents
- IE 6 , running well but flash image in tags cloud won't show.
- Opera 9.0, running well
- Mozilla 2.xx, running well
PREVIEW DEMO | DOWNLOAD
EPSILON GUIDE :
1. Change the Header image:
- Go to LAYOUT -- Edit HTML -- No need to expand widget Template
- find (CTRL+F this) :
http://gratis.template.googlepages.com/logo.png
- Then replace it with your own image address.
2. Change Navigation Title:
- Go To LAYOUT -- Edit HTML -- No need to expand widget
- find (CTRL+F) this :
<ul class='tabnav'>
- below that code you will see like this:
<li class='pop'><a href='#video'> Recent Post </a></li>
<li class='fea'><a href='#tags'> TAGS </a></li>
<li class='rec'><a href=' #popular'> Comments</a></li>
- After that, you could change the navigation title Recent Post , TAGS , or Comments
- Save your template
3. CUSTOMIZE FEEDBURNER ID :
- Find (CTRL+F) this :
YOUR-FEEDBURNER-ID
- Then, replace that words with your own title ID. Example: CahayaBirusSphere
4. Customize The Featured Post
the featured post is below the Slider text with Image
Here is the HTML Structure of reatured post
<h2><a href="YOUR-FEATURED-POST-LINK-LOCATION" title="POST-TITLE">POST-TITLE</a></h2>
<div class="fentry">
<p>YOUR-TEASER-TEXTS OR SHORT-PARAGRAPH
<a href="YOUR-FEATURED-POST-LINK-LOCATION">Read More →</a></p></div>
Example content of featured section :
<h2><a href="" title="Mumbai Mayhem">Mumbai Mayhem</a></h2>
<div class="fentry">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.
<a href="">Read More →</a></p></div>
5. Image Slider with Teaser text (click here)
6. Lava lamp and Cat menu (click here)
Zinmag Primus V. 1.1
In this post, I am not launching new WP themes converted to Blogger Templates. But, I want to continue Zinmag Primus versions 1.0 to versions 1.1, and providing little difference between them.
Actually the Versions 1.0 of zinmag primus is not converted by me, but Falcon did.
I have modified some the code of it, than I called Versions 1.1.
What is the difference between Versions 1.0 and 1.1 ? The difference is about the slider.
- First; When you use versions 1.0, the slider is not hidden in the back or post-page. So you can see it either in home and back page. In Versions 1.1, it is only seen at the home page or archive/label page, but not in the post page.
- Second; is about the code of section. Versions 1.0 uses 3 (three) section for 3 content. But, In Versions 1.1, it is only use 1 section and could load more than 3 (three) content.
(I don't want you get bored read my writing.... :))
Thank to Falcon Hive for being nice converting Versions 1.0 for free....
Preview Demo Of Blogger Template Zinmag Primus
Version 1.0 Or Version 1.1
Download BT Zinmag Primus Versions 1.1
Customizing The Content Of the Slider in In Blogger Templates (BT) ZINMAG PRIMUS Versions 1.1
1. Go to your Page Element, you will see Slider, then press edit
2. You have to read the structure below before fill in the content of the slider
3. If you are in hurry, copy paste the example code below the structure into the box of the slider
The Structure Of per content Of Slider in Primus is shown below :
a. change your-targeted-link-here with your link
b. change title-of-your-targeted-link-here with your own title
c. Change text-will-show-in-web with your own title
d. fill in the blank dot (...) with your name or the author's
e. fill in the second blank dot (...) with Date
f. Change TEASER-TEXT-HERE with your own teaser text. It could be sentence and short paragraph.
g. change YOUR IMAGE-LINK-ADDRESS-HERE with your own
Example Code of The Slider : Copy this code below
Customizing Twitter
1. Go to your Layout tab --> Edit HTML
2. Find (Ctrl+F) this: twitter-name-here
3. change all that word with your TWITTER ID
4. Save the change
example:
Ads 125 x 125 px
1. Go to Tab Edit HTML
2. find (CTRL+F) this your-targeted-link.
change the word your-targeted-link with your own link
3. in line with it, you will read your-image-link.
change YOUR-IMAGE-LINK with your own image link address
4. Save the change
Customizing VIDEO 310px X 219px
1. Go to youtube.com or any web alike
2. find any video that you like
3. Copy the code
4. change the setting of Width, 310px, and Height, 219px
5. Go to your Page Element
6. Paste the code into the HTML Gadget in your page element
Customizing Tag Cloud
1. Go to http://www.tagcloud-generator.com/
2. choose manually, then fill the blank form with your link categories
3. After finish, copy the script or code that given
4. go to your Page Element, then Paste the code into Tags Cloud HTML Gadget in right column
That's all. Any questions, leave a comments below...
Thanks for visiting my blog ............ :) :)
Download BT Zinmag Primus Versions 1.1
Customizing The Content Of the Slider in In Blogger Templates (BT) ZINMAG PRIMUS Versions 1.1
1. Go to your Page Element, you will see Slider, then press edit
2. You have to read the structure below before fill in the content of the slider
3. If you are in hurry, copy paste the example code below the structure into the box of the slider
The Structure Of per content Of Slider in Primus is shown below :
<div class="slide">
<h2><a href="your-targeted-link-here" title="title-of-your-targeted-link-here">Text-will-show-in-web-here</a></h2>
<span class="slmet">Posted By ...... On ...... </span>
<p> Teaser Text Here ......................... </p>
<img src="YOUR-IMAGE-LINK-ADDRESS-HERE" width="250" height="120"/> </a>
</div>
a. change your-targeted-link-here with your link
b. change title-of-your-targeted-link-here with your own title
c. Change text-will-show-in-web with your own title
d. fill in the blank dot (...) with your name or the author's
e. fill in the second blank dot (...) with Date
f. Change TEASER-TEXT-HERE with your own teaser text. It could be sentence and short paragraph.
g. change YOUR IMAGE-LINK-ADDRESS-HERE with your own
Example Code of The Slider : Copy this code below
<!-- begin copy -->
<div class="slide">
<h2><a href="http://cahayabiru-sphere.blogspot.com" title="Superbowl">Superbowl</a></h2>
<span class="slmet"> Posted by jinsona On December - 1 - 2008 </span>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. ...</p>
<img alt="" src="http://web2feel.com/monezine/wp-content/themes/primus/timthumb.php?src=http://web2feel.com/monezine/wp-content/uploads/2008/12/stad.jpg&h=120&w=250&zc=1"/>
</div>
<div class="slide">
<h2><a href="http://cahayabiru-sphere.blogspot.com" title="Bond with a vengeance">Bond with a vengeance</a></h2>
<span class="slmet"> Posted by jinsona On December - 1 - 2008 </span>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. ...</p>
<img alt="" src="http://web2feel.com/monezine/wp-content/themes/primus/timthumb.php?src=http://web2feel.com/monezine/wp-content/uploads/2008/12/bond.jpg&h=120&w=250&zc=1"/>
</div>
<!-- end of copy -->
Customizing Twitter
1. Go to your Layout tab --> Edit HTML
2. Find (Ctrl+F) this: twitter-name-here
3. change all that word with your TWITTER ID
4. Save the change
example:
<script src='http://twitter.com/statuses/user_timeline/cahayabiru.json?callback=twitterCallback2&count=5' type='text/javascript'/>
Ads 125 x 125 px
1. Go to Tab Edit HTML
2. find (CTRL+F) this your-targeted-link.
change the word your-targeted-link with your own link
3. in line with it, you will read your-image-link.
change YOUR-IMAGE-LINK with your own image link address
4. Save the change
Customizing VIDEO 310px X 219px
1. Go to youtube.com or any web alike
2. find any video that you like
3. Copy the code
4. change the setting of Width, 310px, and Height, 219px
5. Go to your Page Element
6. Paste the code into the HTML Gadget in your page element
Customizing Tag Cloud
1. Go to http://www.tagcloud-generator.com/
2. choose manually, then fill the blank form with your link categories
3. After finish, copy the script or code that given
4. go to your Page Element, then Paste the code into Tags Cloud HTML Gadget in right column
That's all. Any questions, leave a comments below...
Thanks for visiting my blog ............ :) :)
Subscribe to:
Posts (Atom)
