Gudang Tutorial Blog

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=7522456094097140723&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E%3A%20#form&quot;' onClick='javascript:window.open (this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,&quot;);return false;' style='padding:0px 5px; border:1px solid #ddd; float:right'>Reply Comment</a>

</b:if>

Contoh tombol reply:



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNUqL_iRZMjJT8qxTEeqRh72MgBw-XwBqS4ljqqgTZf_V_FJSe6SFao1fFTtW5-al5D5v_1ByHG39EZAYvTBFE5bKDmXa8IiQ7rumt0EcVhColq0hNwUCWuM8eSvxcVnn6ffPoy7z01X0/s400/Reply+Button+5.jpg



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj17ME6o4L54sEEmhF0RftFkHHrmvO6cIEewWgbVX1chD0UA1mgHOFywm5a5u6oEJPhb_z1SQxyv6IcfaCcQceNCpAFSGTHZ4zf4YmfXOZ9scyFVUGLZ2k2VY1dbqcYbJHCuT_wXqvg5hY/s400/Reply+Button+3.jpg



Demikian cara menambahkan reply pada komentar blog.

Semoga infonya bermanfaat.

<script src='http://madiuncoolblog.googlecode.com/files/smiley.js' type='text/javascript'></script>

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>

:))

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>

:)]

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>

;))

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>

;;)

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>

:D

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>

;)

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>

:p

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>

:((

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>

:)

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>

:(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>

:X

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>

=((

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>

:-o

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>

:-/

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>

:-*

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>

:|

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>

8-}

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>

~x(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>

:-t

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>

b-(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>

:-L

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>

x(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>

=))

</b>

• TuneUp Economy Mode:Longer-lasting battery. Lower energy consumptio


• TuneUp Program Deactivator™: Your PC as good as new. Now with automatic assistance!


• TuneUp Utilities™ 2012: Approved features. Optimised design.

Download Here!!

Serial Number!!

Panduan Instalasi :

• Buka TuneUp Utilities 2012


• Klik Setting (di bagian atas)


• Pilih Update kemudian hilangkan centang pada Enable automatic updates

Sobat ingin tahu cara  membuat daftar isi pada halaman artikel dengan efek slide?

<style>#contentwrapper{width: 170px;height: 190px;border: 0px solid black;background-color: #000;padding: 0px;}

.billcontent{width: 100%;display:block;}</style>

<script type="text/javascript">

var billboardeffects=["GradientWipe(GradientSize=1.0 Duration=0.7)", "Inset", "Iris", "Pixelate(MaxSquare=5 enabled=false)", "RadialWipe", "RandomBars", "Slide(slideStyle='push')", "Spiral", "Stretch", "Strips", "Wheel", "ZigZag"]

//var billboardeffects=["Iris"] //Uncomment this line and input one of the effects above (ie: "Iris") for single effect.

var tickspeed=5000 //ticker speed in miliseconds (2000=2 seconds)

var effectduration=500 //Transitional effect duration in miliseconds

var hidecontent_from_legacy=1 //Should content be hidden in legacy browsers- IE4/NS4 (0=no, 1=yes).

var filterid=Math.floor(Math.random()*billboardeffects.length)

document.write('<style type="text/css">\n')

if (document.getElementById)

document.write('.billcontent{display:none;\n'+'filter:progid:DXImageTransform.Microsoft.'+billboardeffects[filterid]+'}\n')

else if (hidecontent_from_legacy)

document.write('#contentwrapper{display:none;}')

document.write('</style>\n')

var selectedDiv=0

var totalDivs=0

function contractboard(){

var inc=0

while (document.getElementById("billboard"+inc)){

document.getElementById("billboard"+inc).style.display="none"

inc++

}

}

function expandboard(){

var selectedDivObj=document.getElementById("billboard"+selectedDiv)

contractboard()

if (selectedDivObj.filters){

if (billboardeffects.length>=2){

filterid=Math.floor(Math.random()*billboardeffects.length)

selectedDivObj.style.filter="progid:DXImageTransform.Microsoft."+billboardeffects[filterid]

}

selectedDivObj.filters[0].duration=effectduration/1000

selectedDivObj.filters[0].Apply()

}

selectedDivObj.style.display="block"

if (selectedDivObj.filters)

selectedDivObj.filters[0].Play()

selectedDiv=(selectedDiv<=totalDivs-2)? selectedDiv+1 : 0

setTimeout("expandboard()",tickspeed)

}

function startbill(){

while (document.getElementById("billboard"+totalDivs)!=null)

totalDivs++

if (document.getElementById("billboard0").filters)

tickspeed+=effectduration

expandboard()

}

if (window.addEventListener)

window.addEventListener("load", startbill, false)

else if (window.attachEvent)

window.attachEvent("onload", startbill)

else if (document.getElementById)

window.onload=startbill

</script>

<script>

function rp(json) {

document.write('<div id="contentwrapper">

');

for (var i = 0; i <= json.feed.openSearch$totalResults.$t - 1; i++) {

document.write('<div id="billboard' + i + '" class="billcontent">

');

var entry = json.feed.entry[i];

var posttitle = entry.title.$t;

var posturl;

if (i == json.feed.entry.length) break;

for (var k = 0; k <= entry.link.length - 1; k++) {

if (entry.link[k].rel == 'alternate') {

posturl = entry.link[k].href;

break;

}

}

posttitle = posttitle.link(posturl);

var readmorelink = "(more)";

readmorelink = readmorelink.link(posturl);

var postdate = entry.published.$t;

var cdyear = postdate.substring(0,4);

var cdmonth = postdate.substring(5,7);

var cdday = postdate.substring(8,10);

var monthnames = new Array();

monthnames[1] = "Jan";

monthnames[2] = "Feb";

monthnames[3] = "Mar";

monthnames[4] = "Apr";

monthnames[5] = "May";

monthnames[6] = "Jun";

monthnames[7] = "Jul";

monthnames[8] = "Aug";

monthnames[9] = "Sep";

monthnames[10] = "Oct";

monthnames[11] = "Nov";

monthnames[12] = "Dec";

if ("content" in entry) {

var postcontent = entry.content.$t;

} else if ("summary" in entry) {

var postcontent = entry.summary.$t;

} else

var postcontent = "";

var re = /<\S[^>]*>/g;

postcontent = postcontent.replace(re, "");

document.write(posttitle);

if (showpostdate == true)

document.write('

');

document.write(cdyear + ' ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);

if (showpostsummary == true) {

document.write('

');

if (postcontent.length <= numchars -1) {

document.write(postcontent);

} else {

postcontent = postcontent.substring(0, numchars);

var quoteEnd = postcontent.lastIndexOf(" ");

postcontent = postcontent.substring(0,quoteEnd);

document.write(postcontent + '...' + readmorelink);

}

}

document.write('</div>

');

}

document.write('</div>

');

}

</script>

<script>

var showpostdate = true;

var showpostsummary = true;

var numchars = 150;

</script>

<script src="http://codecyber.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>

<style type="text/css">

#msuteja ul li a {

position: relative;

float: bottom;

display: block;

width: AUTO;height: 15px;

padding: 5px 0 0 0;

margin-right: 5px;

text-align: center;

font-size: 15px;

text-decoration: none;

color:transparant;

font-weight: bold;

outline: none;

}

#msuteja li .current{

color: transparant;

}

#msuteja li a:hover,

#msuteja li a:active {

background: #4B0082;

background: -webkit-gradient(linear, left top, left bottom, from(#4B0082), to(#FF0000));

background: -moz-linear-gradient(top,#4B0082, #FF0000);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#FF0000'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#FF0000'); display: inline-block;zoom: 1; *display: inline;border: dotted 1px #555555;padding: 3px 5px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 1px 0px rgba(1,0,0,.1); -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1); box-shadow: 0 1px 0px rgba(0,0,0,.1); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);}color: #ffffff;margin: 0;font-size:18px;padding: 9px 15px 8px;text-decoration: none;}#msuteja {width: auto;float: left;margin: 0;padding: 0;}#msuteja {margin: 0;padding: 0;}#msuteja ul {float: left;list-style: none;margin: 0;padding: 0;}#msuteja li {list-style: none;margin: 0;padding: 0;}#msuteja li a, #msuteja li a:link, #msuteja li a:visited {color: #ffffff;display: block;text-transform: capitalize;margin: 0;padding: 9px 15px 8px;font: Bold 15px Georgia, Arial;}#msuteja li a:hover, #msuteja li a:active {background:transparant;color: #ffffff;margin: 0;font-size:20px;padding: 9px 15px 8px;text-decoration: none;}#msuteja li li a, #msuteja li li a:link, #msuteja li li a:visited {background: #00FFFF;background: -webkit-gradient(linear, left top, left bottom, from(#00FFFF), to(#000000)); background: -moz-linear-gradient(top,#00FFFF, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#000000'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#000000'); width: 250px;color: #E6E6FA;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border-style: outset;-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);float: none;margin: 0;padding: 7px 10px;border-bottom: transparant;border-left: transparant;border-right: transparant;font: bold 14px kristen itc, Arial;}#msuteja li li a:hover, #msuteja li li a:active {background: #FF0000;background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#00FF00)); background: -moz-linear-gradient(top,#FF0000, #00FF00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#00FF00'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#00FF00'); color: #ffffff;font-size:20px;font-family:kristen itc;text-align: center;padding: 7px 10px;}#msuteja li {float: left;padding: 0;}#msuteja li ul {z-index: 9999;position: absolute;left: -999em;height: 20px;width: 170px;margin: 0;padding: 0;}#msuteja li ul a {width: 140px;}#msuteja li ul ul {margin: -32px 0 0 171px;}#msuteja li:hover ul ul, #msuteja li:hover ul ul ul, #msuteja li.sfhover ul ul, #msuteja  li.sfhover ul ul ul {left: -999em;}#msuteja  li:hover ul, #msuteja  li li:hover ul, #msuteja  li li li:hover ul, #msuteja  li.sfhover ul, #msuteja  li li.sfhover ul, #msuteja  li li li.sfhover ul {left: auto;}#msuteja  li:hover, #msuteja  li.sfhover {position: static;}#footer-column-divide {clear:both;}#msuteja{font-family:Comic Sans Ms;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTvwn1Har9N4GW5Augbc2b4o7Rb1-ndXzfuycKrOquHI_s00foPdBNV5hlg_wCCsaVz-Ix-XSMsOyHhA9wfv1Ej8g_sCUL2cJZfBjsf7Eh-Gqd18rxq6sOGXeYh1Vyw9lOA8SUgpHwpCut/)repeat-x;(0,0,0, 0.80);border:1px solid #C0C0C0;padding:2px 0;z-index:999;top:0px;left:1px;right:1px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;}

</style>

<div id='msuteja'>

<ul id='msuteja'>

<li><a href='Disini letak link sobat'>Home</a></li>

<li><a href='Disini letak link sobat' target='_blank'>Daftar Isi</a></li>

<li><a href='http://tejahtc.blogspot.com/' target='_blank'>Download</a>

<ul class='children'>

<li><a href='Disini letak link sobat' target='_blank'>Download Aplikasi</a></li>

<li><a href='Disini letak link sobat' target='_blank'>Download Game</a></li>

</ul>

</li>

<li><a href='http://tejahtc.blogspot.com/' target='_blank'>About Me</a>

<ul class='children'>

<li><a href='Disini letak link sobat' target='_blank'>Facebook</a></li>

<li><a href='Disini letak link sobat' target='_blank'>Twitter</a></li>

</ul>

</li>

</div>

 .feed-links{

display:none;

}

#slick_area{background-color:#fff;padding:8px;margin:10px 0;line-height:18px}

#slick_area a{color:#000;text-decoration:none}

.slick_area a:hover{color:#fff}

ul.slick{margin:2px 5px 5px 5px;padding:0px}

ul.slick li{list-style:none;display:inline;background-color:transparent;padding:7px 18px;text-decoration:none;font-size:10px;text-color:#dedede;font-weight:bold;text-transform:uppercase;cursor:pointer;border:1px solid #585858}

ul.slick li:hover{border:1px dotted #f00}

ul.slick li.active{background-color:transparent;border:1px solid #585858;color:#dedede}

.content-slick{background-color:transparent;border:1px solid #585858;color:#dedede;min-height:0;padding:5px 5px 5px;text-align:left}

.content-slick ul{margin:10px;padding:0}

.content-slick ul li{list-style:none;border-bottom:0px solid #585858;padding:5px}

.content-slick ul li:last-child{border-bottom:none}

.content-slick ul li:hover,.content-slick ul li a:hover{display:block;background-color:transparent}

.content-slick ul li a{text-decoration:none;color:black;display:block}

<script type='text/javascript'>

$(document).ready(function(){

$(&#39;#tabdua, #tabtiga&#39;).hide();

$(&quot;ul.slick li&quot;).click(function () {

$(&quot;.active&quot;).removeClass(&quot;active&quot;);

$(this).addClass(&quot;active&quot;);

$(&quot;.content-slick&quot;).slideUp();

var content_show = $(this).attr(&quot;title&quot;);

$(&quot;#&quot;+content_show).slideDown();

});

});

</script>

<ul class="slick">

<li title="tabsatu" class="slick active">Tab Satu </li>

<li title="tabdua" class="slick active">Tab Dua </li>

<li title="tabtiga" class="slick">Tab Tiga </li>

</ul>

<div id="tabsatu" class="content-slick">

Letakkan kode HTML/Javascript di Tab Satu

</div>

<div id="tabdua" class="content-slick">

 kode HTML/Javascript di Tab Dua

</div>

<div id="tabtiga" class="content-slick">

 kode HTML/Javascript  di Tab Tiga

</div>