Om Ivan Blogger Template

Heheh... mau share kecil-kecilan, saya mau share template yang sudah usang, tapi stylenya nggak usah diragukan lagi :)) Template ini di buat Kang Ivan :)) langsung saja bagi yang minat silahkan.

Seo
Stylis
Fast Loading
Converter

dan masih banyak yang lainnya :D

Lihat Demo Download

Untuk tambahan :

Yang udah pasang syntax, silahkan simpan kode ini di atas </head>

<b:if cond='data:blog.pageType == "item"'> <style type='text/css'> /* Add More Features to the Blogger Comments by Taufik Nurrohman @ http://www.dte.web.id */ img.emo { display:inline-block; vertical-align:middle; } #comment-holder .cm-youtube { display:block; border:none; background-color:#333; width:370px; height:218px; margin:0 auto 30px; } #comment-holder .cm-image { display:block; margin:0 auto 15px; outline:none; border:1px solid #ccc; background-color:white; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.2); -moz-box-shadow:0 1px 3px rgba(0,0,0,.2); box-shadow:0 1px 3px rgba(0,0,0,.2); padding:5px; max-width:96%; height:auto; width:auto\9; } #comment-holder code, #comment-holder i[rel="code"], #comment-holder pre, #comment-holder i[rel="pre"] { font:normal normal 12px/normal Monaco,"Courier New",Courier,Monospace; color:blue; } #comment-holder pre, #comment-holder i[rel="pre"] { display:block; background-color:#333; color:white; padding:.5em 1em; word-wrap:normal; white-space:pre; overflow:auto; } #comment-holder blockquote, #comment-holder b[rel="quote"] { margin:0 2%; background-color:#eee; padding:1em 1.2em; border-left:4px solid #7498AD; display:block; font-weight:bold; font-style:italic; } #comment-holder i[rel="image"], #comment-holder i[rel="youtube"] { display:block; overflow:hidden; border:2px solid black; position:relative; width:170px; height:100px; margin:0 auto 30px; } #comment-holder i[rel="image"]:before, #comment-holder i[rel="youtube"]:before { content:"Please enable your JavaScript to see this image!"; position:absolute; top:0; right:0; bottom:0; left:0; background-color:red; color:white; font-weight:bold; text-align:center; padding:15px 0; } #comment-holder i[rel="youtube"]:before {content:"Please enable your JavaScript to watch this video!"} </style> </b:if>

dan letakkan kode ini di atas </body>

<b:if cond='data:blog.pageType == "item"'> <script type="text/javascript"> //<![CDATA[ // Add More Features to the Blogger Comments // Fix some bugs that I got from some similar code out here :) // Date: 21 May 2012 // Time: 22:50 WIB // Author: Taufik Nurrohman // URL: https://plus.google.com/108949996304093815163/about function repText(id) { var a = (document.getElementById(id)) ? document.getElementById(id) : "", b = (a !== "") ? a.innerHTML : a, c = "http://dte-project.googlecode.com/svn/trunk/emoticon/"; // Images b = b.replace(/<i rel="image">(.*?)<\/i>/ig, "<img class='cm-image' src='$1' alt='loading...' \/>"); b = b.replace(/\[img\](.*?)\[\/img\]/ig, "<img class='cm-image' src='$1' alt='loading...' \/>"); // YouTube video b = b.replace(/<i rel="youtube">http:\/\/www\.youtube\.com\/embed\/(.*?)<\/i>/ig, "<iframe class='cm-youtube' src='http://www.youtube.com/embed/$1'><\/iframe>"); b = b.replace(/<i rel="youtube">(http:\/\/youtu\.be\/|http:\/\/www\.youtube\.com\/watch\?v\=)(.*?)<\/i>/ig, "<iframe class='cm-youtube' src='http://www.youtube.com/embed/$2'><\/iframe>"); b = b.replace(/\[youtube\]http:\/\/www\.youtube\.com\/embed\/(.*?)\[\/youtube\]/ig, "<iframe class='cm-youtube' src='http://www.youtube.com/embed/$1'><\/iframe>"); b = b.replace(/\[youtube\](http:\/\/youtu\.be\/|http:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/youtube\]/ig, "<iframe class='cm-youtube' src='http://www.youtube.com/embed/$2'><\/iframe>"); // Code & text block b = b.replace(/<i rel="code">(.*?)<\/i>/ig, "<code>$1<\/code>"); b = b.replace(/<i rel="pre">(.*?)<\/i>/ig, "<pre>$1<\/pre>"); b = b.replace(/<b rel="quote">(.*?)<\/b>/ig, "<blockquote>$1<\/blockquote>"); b = b.replace(/\[code\](.*?)\[\/code\]/ig, "<code>$1<\/code>"); b = b.replace(/\[pre\](.*?)\[\/pre\]/ig, "<pre>$1<\/pre>"); b = b.replace(/\[blockquote\](.*?)\[\/blockquote\]/ig, "<blockquote>$1<\/blockquote>"); // Finishing YouTube and Reduce filesize from images that uploaded by Blogger b = b.replace(/&feature=[0-9a-zA-Z-_]*/ig, ""); b = b.replace(/\/s(640|1600)/g, "/s400"); // Emoticons b = b.replace(/\s:\)+/g, " <img class='emo' alt='emo' src='" + c + "01.gif'\/>"); b = b.replace(/\s;\)+/g, " <img class='emo' alt='emo' src='" + c + "02.gif'\/>"); b = b.replace(/\s:$/g, " <img class='emo' alt='emo' src='" + c + "03.gif'\/>"); b = b.replace(/\s=\(/g, " <img class='emo' alt='emo' src='" + c + "04.gif'\/>"); b = b.replace(/\s@@,/g, " <img class='emo' alt='emo' src='" + c + "05.gif'\/>"); b = b.replace(/\s:s/ig, " <img class='emo' alt='emo' src='" + c + "07.gif'\/>"); b = b.replace(/\s:(\\|\/)/g, " <img class='emo' alt='emo' src='" + c + "08.gif'\/>"); b = b.replace(/\s:D/g, " <img class='emo' alt='emo' src='" + c + "09.gif'\/>"); b = b.replace(/\s=D/g, " <img class='emo' alt='emo' src='" + c + "10.gif'\/>"); b = b.replace(/\s\^:D/g, " <img class='emo' alt='emo' src='" + c + "11.gif'\/>"); b = b.replace(/\s\^(\_|)\^/g, " <img class='emo' alt='emo' src='" + c + "12.gif'\/>"); b = b.replace(/\s:'\(/g, " <img class='emo' alt='emo' src='" + c + "13.gif'\/>"); b = b.replace(/\sT_T/ig, " <img class='emo' alt='emo' src='" + c + "15.gif'\/>"); b = b.replace(/\sB$/g, " <img class='emo' alt='emo' src='" + c + "16.gif'\/>"); b = b.replace(/\s:Q/ig, " <img class='emo' alt='emo' src='" + c + "17.gif'\/>"); b = b.replace(/\s7:$/g, " <img class='emo' alt='emo' src='" + c + "19.gif'\/>"); b = b.replace(/\s:p/ig, " <img class='emo' alt='emo' src='" + c + "20.gif'\/>"); b = b.replace(/\s:Oz+/ig, " <img class='emo' alt='emo' src='" + c + "21.gif'\/>"); b = b.replace(/\s7:O/ig, " <img class='emo' alt='emo' src='" + c + "22.gif'\/>"); b = b.replace(/\s\\o\//ig, " <img class='emo' alt='emo' src='" + c + "23.gif'\/>"); b = b.replace(/\s\\m\//ig, " <img class='emo' alt='emo' src='" + c + "24.gif'\/>"); b = b.replace(/\s(<3|:\*)/ig, " <img class='emo' alt='emo' src='" + c + "25.gif'\/>"); b = b.replace(/\s0:$+/ig, " <img class='emo' alt='emo' src='" + c + "26.gif'\/>"); b = b.replace(/\s\^o\^/ig, " <img class='emo' alt='emo' src='" + c + "27.gif'\/>"); b = b.replace(/\s:-a/ig, " <img class='emo' alt='emo' src='" + c + "28.gif'\/>"); b = b.replace(/\s\*fck\*/ig, " <img class='emo' alt='emo' src='" + c + "29.gif'\/>"); b = b.replace(/\sxV/ig, " <img class='emo' alt='emo' src='" + c + "30.gif'\/>"); b = b.replace(/\sx\@/g, " <img class='emo' alt='emo' src='" + c + "31.gif'\/>"); b = b.replace(/\s\X\@/g, " <img class='emo' alt='emo' src='" + c + "32.gif'\/>"); b = b.replace(/\s:-d/ig, " <img class='emo' alt='emo' src='" + c + "33.gif'\/>"); b = b.replace(/\s:-bd/ig, " <img class='emo' alt='emo' src='" + c + "34.gif'\/>"); b = b.replace(/\s\~x\(+/ig, " <img class='emo' alt='emo' src='" + c + "35.gif'\/>"); b = b.replace(/\s:W/g, " <img class='emo' alt='emo' src='" + c + "37.gif'\/>"); b = b.replace(/\s\'\'J/ig, " <img class='emo' alt='emo' src='" + c + "47.gif'\/>"); if (document.getElementById(id)) { document.getElementById(id).innerHTML = b; } } repText('comment-holder'); //]]> </script> </b:if>
Sekian dan terimakasih :D