Written by
Daniel
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..
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




17 comments:
How can i disable auto read more function in Revoluzine Template?
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='"summary" + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</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='"post-body-" + 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 != "item"'>
<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 + "#more"' 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 = "no-float" ;
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.
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?
Okay, let me check it first so i can fix it.
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
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?
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.
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 != "archive"'>
<b:if cond='data:blog.pageType != "index"'><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 != "static_page"'>
<b:if cond='data:blog.pageType != "archive"'>
<b:if cond='data:blog.pageType != "index"'><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. :)
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.
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?
Yup, absolutely.
Sorry, but the Read More continues in the static pages. :(
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 != "item"'>
<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 != "static_page"'>
3. So the code should now look like this:
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<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. :)
WORKS!!! Finally the static pages are fine and all the rest too. Thanks Daniel for this great template and now more cutomizable. :)
You're welcome Luiz :)
Great template...damn. It`s actually quite my style. Thank you!!!:D
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