Revoluzine Template

Filed Under : ,

UPDATE: Customizable Header Title, 2 Font-family added

Today is such a great day for me because today i want to roll out my latest design for all of you, very creative bloggers out there. My newest template is called "Revoluzine" and it is designed beautifully in the black and blue interface with a gorgeous header on the top.


This template is equipped with many great things, such as:
  • Thumbnails and Auto Readmore on index page.
  • Photo slide show widget on the top.
  • 4 footer columns on the bottom.
  • Integrated social media buttons and Google + widget.
  • Auto-adjusted iframe element to control the appearance and size of 3rd party widgets and Youtube video on the sidebar and footer.
  • And many more..
If you currently run a technology blog or gadget stuff or something, Revoluzine can be the best option for you. But this template is also open for other bloggers who run some personal blogs or general topic blogs. Okay then, without much much longer introduction, check out this template. Anyway, if you want to use my design to your blog, i'm strictly asking you to not remove the credit links on the footer section. Well, if you can do that, you are allowed to use this template. Enjoy!!


To install this template, you can follow the instructions in the page below:

How to install 3rd party Blogger template to Blogger?

You might also like to read :


Share This Article to Other People Across the World !
Thanks!
Get the fresh update from Whatmakesblog.com!
To get updates from this blog, just enter your email address in the below subscription form and then click Subscribe.
Your email address will not be shared to any third party
Delivered by FeedBurner
edit post

17 comments:

Luiz said...

How can i disable auto read more function in Revoluzine Template?

Daniel Likin said...

Hi Luiz, thanks for asking that question.

Anyway, if you want to deactivate the read more function on this template, here are the steps you need to follow:

1. Go to Edit HTML.

2. Give a tick at the small box "Expand Widget Templates".

3. Save your current template to make a back up template with "Download Full Template" link.

4. Okay, the next step is kind of tricky. Now press Ctrl + F and find the code below:

<!-- Post on Homepage -->
<div expr:id='&quot;summary&quot; + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>

<div style='clear: both;'/>

5. Now remove the code on number 4 above. And then replace it with the code below:

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

6. Find the code that controls the readmore function below:

<div style='float:right;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='readmore'><a expr:href='data:post.url'>Read More</a></div>
</b:if></div>

7. Now replace the code number 6 with the code below:

<b:if cond='data:post.hasJumpLink'>
<div style='float:right;'><div class='readmore'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div></div>
</b:if>

8. Next, find again the script code below and REMOVE IT. (You should be really careful in this step, because if you're not, the flash slide show on your blog might not working anymore).

<script type='text/javascript'><!--//--><![CDATA[//><!--
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//--><!]]></script>
<script type='text/javascript'>
var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 560;
summary_img = 530;
img_thumb_height = 160;
img_thumb_width = 170;
</script>

9. Now save your template, and you're good to go.

Thanks for your question.

Luiz said...

Hi Daniel, thanks for your response. First of all i like to say: Your Revoluzine template is great, i like a lot. But unfortunately the problem was resolved a half. My problem is with the static pages. They are with summary and after i do your instructions above the read more and summary gone but, in the static pages, they are with the post repeated :(. How can i solve this problem?

Daniel Likin said...

Okay, let me check it first so i can fix it.

Daniel Likin said...

Hi Luiz,

While i am fixing the problem, you might want to revert back the Revoluzine to normal again. To do this, you just follow the steps above backwardly.

Thanks

TIGnov harli said...

hi daniel,,,
until now, I still use your black and blue template
but, I like readmore style in this Revoluzine Template
how can I change readmore style in black and blue template to be readmore in Revoluzine Template?

Luiz said...

Ok Daniel, i re-upload the template and restore the read more feature. Until you fix the problem with the static pages, i copy the content of them and paste in a normal posts and put a link for them in the pages bar.

Daniel Likin said...

Hi Luiz,

Just solved the problem a while ago. The problem of why the post on the static page is repeated twice is because the body content of article page/item page will also be displayed on the static page.

Okay, here are the final steps you need to implement on your blog. First of all, you also need to apple the 9 steps above properly before doing these final instructions.

And these are the final instructions.

10. Find the code below:

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
<b:if cond='data:blog.pageType != &quot;index&quot;'><div style='font-family:tahoma;font-size:13px;padding-bottom:0px;'>
<p><data:post.body/></p> <!-- Post Page -->
<div class='clear'/>
<div style='float:right;'><b:include data='post' name='postQuickEdit'/></div>
<div class='clear'/>
</div>
</b:if>
</b:if>

11. Now replace the code on number 10 above with the code below:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
<b:if cond='data:blog.pageType != &quot;index&quot;'><div style='font-family:tahoma;font-size:13px;padding-bottom:0px;'>
<p><data:post.body/></p> <!-- Post Page -->
<div class='clear'/>
<div style='float:right;'><b:include data='post' name='postQuickEdit'/></div>
<div class='clear'/>
</div>
</b:if>
</b:if></b:if>

12. Save the template.

Okay, hope it can solve the problem.

Thanks for your awesome question. :)

Daniel Likin said...

Hi TIGnov harli,

Actually, Black and Blue was designed back in 2 years ago, when i just learned about web designing at the first time. So no wonder, the template has so many weaknesses and errors, in term of design and HTML element as well.

I then created Revoluzine template because i want to revolutionize "Black and Blue" template with more sophisticated look and cleaner design.

Why don't you just upgrade your template to this Revoluzine template? This template has many awesome things than Black and Blue. Plus, it also has Photo slide show on the top.

Luiz said...

Ok Daniel, and if i only apply the steps 10 and 11 without the others steps i can maintain the auto read more feature without problems in the static pages?

Daniel Likin said...

Yup, absolutely.

Luiz said...

Sorry, but the Read More continues in the static pages. :(

Daniel Likin said...

Hi Luiz,

Oh yeah, i'm sorry, i forgot something here. If you want to fix the static page without removing the auto-readmore. You DON'T need to follow the steps number 1-12.

Instead, you just need to implement these instructions:

1. Find the code:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='post-body entry-content'>
<!-- Post on Homepage -->

2. Now, copy the code below and paste it BEFORE the code number 1 above (OVER the code on number 1)

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

3. So the code should now look like this:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='post-body entry-content'>
<!-- Post on Homepage -->

4. Now find the code again below:

</div>
</b:if></div>
</div><!-- Read More or Page Break/Jump Break -->
</b:if>

5. Now copy the below and paste it BELOW the code number 4 (REMEMBER, BELOW the code number 4)

</b:if>

6. So the code now should look like this:

</div>
</b:if></div>
</div><!-- Read More or Page Break/Jump Break -->
</b:if>
</b:if>

7. Save the template.

Hope it can help solve the problem. :)

Luiz said...

WORKS!!! Finally the static pages are fine and all the rest too. Thanks Daniel for this great template and now more cutomizable. :)

Daniel Likin said...

You're welcome Luiz :)

Anna @ Weight Watchers Recipes said...

Great template...damn. It`s actually quite my style. Thank you!!!:D

Karna Suwanda said...

Hi Daniel
You have Great Template for blogger.
Can you Help me to fix my problem in my blog after I installed your template.
Its Always Showing A Popup.
It Said "No content exists at page 1! Loading 1st page instead."
Please Reply
I Love this template

Thank you very much

Post a Comment

Browse Daniel's Designs

Google+ Followers

Subscribe Now To Get Update!

Want to Get The Update From Whatmakesblog.com to Your Email Inbox? Just Type Your Email Address Below and Press Subscribe...
Your email address will not be shared..
Delivered by FeedBurner

Last Posts

Site Info