document.getElementById(domId).insertBefore(replybox, null);replybox adalah variabel. Jika Anda mengalihkan perhatian Anda sedikit ke sebelah atas maka Anda akan menemukan bahwa replybox adalah variabel yang menyatakan elemen #comment-editor:var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
#comment-editor sebenarnya adalah elemen <iframe> formulir komentar yang sama sekali tidak berhubungan dengan pesan formulir komentar. Pesan formulir komentar bukanlah bagian dari elemen formulir komentar. Dia hanya meletakkan diri di sebelah atas formulir seperti ini:<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' id='comment-editor' name='comment-editor' src='' width='100%'/><p><data:blogCommentMessage/></p> mewakili pesan formulir komentar, dan elemen <iframe> yang terletak di bawahnya mewakili formulir komentar (Selengkapnya mengenai struktur formulir komentar Blogger bisa Anda pelajari di artikel Struktur Label dan Status Komentar)..insertBefore() hanya akan membawa replybox (yang notabene adalah #comment-editor):
.insertBefore() untuk mengangkat elemen replybox tapi kita akan membuat dia mengangkat elemen pembungkusnya, sehingga formulir komentar dan pesan formulir komentar di dalamnya akan ikut terbawa ke mana saja elemen pembungkus berpindah.<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable><b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<div id='form-wrapper'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
</div>
<b:else/>
<div id='form-wrapper'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable><iframe> dan <p><data:blogCommentMessage/></p> dengan elemen <div id='form-wrapper'>..insertBefore() untuk memindah-mindah elemen formulir komentar dan pesan formulir komentar di dalamnya.#form-wrapper terdapat formulir komentar dan pesan formulir komentar, oleh karena itulah ke dua elemen tersebut (formulir dan pesan formulirnya) akan ikut terbawa seiring berpindahnya elemen #form-wrapper:
document.getElementById(domId).insertBefore(replybox, null);document.getElementById(domId).insertBefore(document.getElementById('form-wrapper'), null);#form-wrapper dan bukan elemen #comment-editor.#comment-editor dan pesan formulir komentar di dalamnya hanya akan berdiam diri di dalam #form-wrapper dan akan mengikuti ke mana saja dia berpindah.
]]></b:skin>]]></b:skin>
.post-body ul {
margin: 0 auto;
background: #def;
padding: 0 0 0 25px;
list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQkaHFGo9e4qMsOLeiaQuTSK4g63Kd52byIx6J8qiNBlaJ-FK8657y-g8OjMBrRass-nCT-vNnRfnsEegPbNdPIlwTen6_NMbYfqyggZ7X5Tpb13EQ5SlFr0Imxa9d3OJHvLabNeoK-uc/s1600/uncheck.gif);
}
.post-body li {
margin: 0 0 0 10px;
padding: 3px;
border-bottom: 1px solid #999;
}
.post-body li:hover {
list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoRV8nOSWRIh8CqThTma8sjKGcxEY3mNWa-aH0Y-jYe0t4oIM3tAwkkhR1E067GiOMGjHhlAMOwxE6dp9mwKgIq7X-R6Yo2U9hWCborKVCvM2_ydX_2tcViInLhe6mYx4JWoElkTGU22M/s1600/check.gif);
background-color: #CDE0E7;
cursor: pointer;
}
4 saja dan selesai.]]></b:skin>ul.keren li {
list-style:square;
}
ul.keren li:before {
content:"\2714 ";
display:none;
}
ul.keren li:hover {
list-style:none;
position:relative;
left:-1em;
}
ul.keren li:hover:before {
display:inline-block;
font-size:60%;
margin-right:8px;
}
class pada tag ul jadi seperti ini nanti kodenya<ulclass="keren">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
<li>List 5</li>
</ul>
<script src='https://sites.google.com/site/adityameilaz/emo/emot_keren_baru.js' type='text/javascript'/>
<div class='post-footer-line post-footer-line-3'/>
</div>
</div>
</div> yang ke-2 jika tampilannya tidak sesuai sobat bisa lihat gambar dan perhatikan peletakan kode berikut<b:if cond='data:blog.pageType == "item"'>
<div style='background-color:#000;border:1px dashed #0F0;border-radius:5px;padding-top:10px;padding-bottom:10px;'>
<center>
<p style='color:#fff'>
<b>
<img src='http://adityas.vacau.com/emotion/nangis.gif' width='20'/>:a:
<img src='http://adityas.vacau.com/emotion/80.gif' width='20'/>:b:
<img src='http://adityas.vacau.com/emotion/02.gif' width='20'/>:c:
<img src='http://adityas.vacau.com/emotion/77.gif' width='20'/>:d:
<img src='http://adityas.vacau.com/emotion/48_002.gif' width='20'/>:e:
<img src='http://adityas.vacau.com/emotion/67.gif' width='20'/>:f:
<img src='http://adityas.vacau.com/emotion/grrr.gif' width='20'/>:g:
<img src='http://adityas.vacau.com/emotion/39_002.gif' width='20'/>:h:
<img src='http://adityas.vacau.com/emotion/17_002.gif' width='27'/>:i:
<img src='http://adityas.vacau.com/emotion/51_002.gif' width='25'/>:j:
</b>
<br/>
<br/>
<a OnClick='window.open("http://donscit.blogspot.com/2012/06/cara-memasang-emoticons-di-komentar.html", "popupwindow", "scrollbars=yes, width=550, height=520");return true' href='#!' rel='nofollow'>See More Emoticons</a>
</p>
</center>
</div>
</b:if>
 |
| klik gambar untuk memperbesar |
<data:blogTeamBlogMessage/>
<a name='comments'/>
<b:if cond='data:blog.pageType == "item"'>kemudian Save Template lihat hasilnya :)
<div style='background-color:#000;border:1px dashed #0F0;border-radius:5px;padding-top:10px;padding-bottom:10px;'>
<center>
<p style='color:#fff'>
<b>
<img src='http://adityas.vacau.com/emotion/nangis.gif' width='20'/>:a:
<img src='http://adityas.vacau.com/emotion/80.gif' width='20'/>:b:
<img src='http://adityas.vacau.com/emotion/02.gif' width='20'/>:c:
<img src='http://adityas.vacau.com/emotion/77.gif' width='20'/>:d:
<img src='http://adityas.vacau.com/emotion/48_002.gif' width='20'/>:e:
<img src='http://adityas.vacau.com/emotion/67.gif' width='20'/>:f:
<img src='http://adityas.vacau.com/emotion/grrr.gif' width='20'/>:g:
<img src='http://adityas.vacau.com/emotion/39_002.gif' width='20'/>:h:
<img src='http://adityas.vacau.com/emotion/17_002.gif' width='27'/>:i:
<img src='http://adityas.vacau.com/emotion/51_002.gif' width='25'/>:j:
</b>
<br/>
<br/>
<a OnClick='window.open("http://donscit-emoticons.cc.cc", "popupwindow", "scrollbars=yes, width=550, height=520");return true' href='#!' rel='nofollow'>See More Emoticons</a>
</p>
</center>
</div>
</b:if>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>4. Hapus kode yang berwarna merah di atas, sehingga kodenya akan menjadi seperti ini:
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>5. Lalu cari kode berikut ini:
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>6. Kemudian hapus kode yang berwarna merah di atas, sehingga kodenya akan menjadi seperti ini:
<a expr:href='data:backlink.url'><data:backlink.title/></a>7. Simpan template. - Reviewer: Unknown - ItemReviewed: Cara Membuat Blog Nofollow Menjadi Dofollow
<b:if cond='ATRIBUD_DISINI'>Hal ini terdiri dari <b:if> tag, dengan cond menambahkan atribut. Dimasukkan sebagai nilai cond atribut. Setiap (pembukaan) <b:if> tag harus ditutup dengan penutup </b:if> tag.
</b:if>
<b:if cond='data:blog.pageType == "item"'> KODE </b:if>Fungsi dari kedua script diatas berbeda,
<b:if cond='data:blog.pageType != "item"'> KODE </b:if>
<b:if cond='data:blog.pageType == "item"'>sedangkan "!=" ini bisa berkerja di luar Halaman Post, Sebagai Contoh dimana blog saya pada Halaman Post terdapata
<style>
#HTML1 { display:none}
</style>
</b:if>
<b:if cond='data:blog.pageType != "item"'>Dari kedua script di atas karena saya menerapkan script CSS jadi saya taruh sebelum kode </head>
<style>
#HTML2 { display:none}
</style>
</b:if>
<b:if cond='data:blog.pageType == "archive"'> KODE </b:if>fungsi dan perbedaan cara kerjanya sama dengan yang saya contohkan di pengertian pertama, cuma ini berkerja di Halaman Arsip (Label)
<b:if cond='data:blog.pageType != "archive"'> KODE </b:if>
<b:if cond='data:blog.pageType == "static_page"'> KODE </b:if>fungsi dan perbedaan cara kerjanya sama dengan yang saya contohkan di pengertian pertama, oh ya bukan KODE CSS saja yang bisa di terapkan, anda bisa melihat contoh di blog saya ini di Laman seperti Chat Box, Hubungi Saya, dan Tambah Link seperti yang anda lihat, saya menghilangka semua widget dan meruba tampilan postnya,
<b:if cond='data:blog.pageType != "static_page"'> KODE </b:if>
<b:if cond='data:blog.pageType == "index"'> KODE </b:if>fungsi dan perbedaan cara kerjanya sama dengan yang saya contohkan di pengertian pertama
<b:if cond='data:blog.pageType != "index"'> KODE </b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'> KODE </b:if>fungsi dan perbedaan cara kerjanya sama dengan yang saya contohkan di pengertian pertama
<b:if cond='data:blog.url != data:blog.homepageUrl'> KODE </b:if>
<b:if cond='data:blog.url == "URL_DISINI"'> KODE </b:if>fungsi dan perbedaan cara kerjanya sama dengan yang saya contohkan di pengertian pertama
<b:if cond='data:blog.url != "URL_DISINI"'> KODE </b:if>
<b:if cond='data:blog.pageType == "item"'>Anda dapat menempatkan di mana saja dalam HTML template Anda, kecuali dalam bagian atau di dalam kotak widget konten. Konten dapat div, section, style tag,, dan tag kondisional lain
KODE 1
<b:else/>
KODE 2
</b:if>
.comments-page { background-color: #ffffff;}7. Kemudian Anda cari kode </head>
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px;
cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID FB Anda disini' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div><div class='comments comments-page' id='blogger-comments-page'>
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div><div class='comments comments-page' id='blogger-comments-page'><div class='comments comments-page' id='blogger-comments-page'> ( hapus salah satu)
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'> <b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
<!-- Label Description Start -->
<b:if cond='data:label.name == "firstlabelname"'>
<span class="labeldesc"> - This is a label1 desc</span>
</b:if>
<b:if cond='data:label.name == "secondlabelname"'>
<span class="labeldesc"> - This is label2 desc</span>
</b:if>
<b:if cond='data:label.name == "thirdlabelname"'>
<span class="labeldesc"> - This is label3 desc</span> </b:if>
<!-- Label Description End-->
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
href='data:label.url + "?max-results=10"'Cari semua kode href='data:label.url' Jika belum terisi dengan kode yang bewarna Hijau silahkan di tambahkan menjadi seperi yang di atas. Jika sudah semua teris dengan code itu sobat tinggal simpan template
http://aamrol.blogspot.com/search/label/Tutorial Blog?max-results=6Angka 6 yang paling akhir itu adalah jumlah tampilan Postingan jika label di klik
#Aamrol_News {
position:fixed;_position:relative;bottom:1px; left:0px;
clip:inherit;
_bottom:expression(document.documentElement.scrollBottom+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
<div id='Aamrol_News'>kemudian Save dan lihat hasilnya
<font COLOR="#000000">
<B><MARQUEE onmouseover="this.stop()" onmouseout="this.start()" direction="left" BGCOLOR="#80ff00" width= 100%px scrollamount="3">
Ganti dengan kata kata Sobat
</MARQUEE></b></font>
</div>
<center><div style="-moz-border-radius: 15px; background: transparent url(http://i1090.photobucket.com/albums/i366/ijhoonk/ijhoonk-1.jpg) no-repeat scroll top left; border-radius: 15px; clear: both; display: inline-block; padding: 37px 22px 83px 20px; text-align: left;">
<div style="color: darkred; font-style: strong; font-weight: bold; height: 18px; margin-bottom: 45px; padding: 2px 0px 0px 5px;">
Textarea Versi Gadget</div>
<textarea onclick="this.select()" readonly="readonly" style="border: 0px; color: black; height: 250px; margin: 0px; overflow-x: hidden; white-space: nowrap; width: 438px;">Artikel atau kode letakan disini</textarea></div>
</center>
<div id="google_translate_element"></div>4. Simpan gadget anda
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script>
<link href='https://plus.google.com/105951706822295930928' rel='author'/>Kemudian Cari kode <body> letakan kode Berikut di Bawahnya
<link href='https://plus.google.com/105951706822295930928' rel='publisher'/>
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>Jika sudah letakan ke2 kode ini </div></div> di atas kode </body>
<span itemprop='itemreviewed'><span itemprop='description'><h1 class='post-title entry-title'><b:if cond='data:post.link'><a expr:href='data:post.link'><data:post.title/></a><b:else/><b:if cond='data:post.url'><b:if cond='data:blog.url != data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if><b:else/><data:post.title/></b:if></b:if></h1></span></span>Perlu di perhatikan: Kode <h1> sebagai heading untuk judul posting bisa berbeda-beda pada setiap template. Khususnya template yang sudah di optimasi atau oprekan sendiri. Seperti template Saya justru menggunakan tag <h1> untuk judul postingan. Jadi silahkan sesuaikan dengan tag heading judul post sobat.
<span class='fn'><data:post.author/></span>
<span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>
<span class='fn'><span itemprop='reviewer'><data:post.author/></span></span></b:if></span>
<script language='javascript' src='http://vicahya.googlecode.com/files/like.js'/>
<script language='javascript'>var fan_page_url = 'http://www.facebook.com/pages/Tutorial-Vicahya/360478127311795'
var opacity = 0.3;
var time = 30000;</script>
- DOT 1
- DOT 2
- DOT 3
| Text |
| Text |
| Text |
| Text |
| Text |
| Text |
| Text |
| Text |
| Text |
| Text |
|
Chenkgelate - All right reserved
Chenkgelate dot com | Personal Blogging Free Sharing Inform
© Blogmaker | Chenkgelate 2011 - 2012
|
 |