Création des Logiciels de gestion d'Entreprise, Création et référencement des sites web, Réseaux et Maintenance, Conception
Création des Logiciels de gestion d'Entreprise, Création et référencement des sites web, Réseaux et Maintenance, Conception
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://img119.imageshack.us/img119/8589/arrowupcx2.gif" /></a>
http://img119.imageshack.us/img119/8589/arrowupcx2.gifOk selamat mencoba, contohnya bisa anda lihat di bawah blog seo tutorial blogger ini.2013, By: Seo Master
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b> Untuk lihat <b>Script</b>: <input value="Lihat" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Lihat'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Isi kode script, HTML dan teks anda disini
<br>
</div>
</div>
</div>
#Box-Banner-ads {Sudah? selanjutnya buat element halaman baru..kemudian anda tinggal memasukan kode dibawah ini.
margin: 0px;
padding: 5px;
text-align: center;
}
#Box-Banner-ads img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Box-Banner-ads img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
<center><div id="Box-Banner-ads">Untuk jumlah iklan anda tinggal menambahkan atau mengurangi sesuai kode dibawah ini. jangan lupa mengganti hijau dengan alamat url anda sendiri.
<a target="_blank" href="http://lerry060183.wordpress.com"><img alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"
border="0"/></a>
<a target="_blank" href="http://lerry060183.wordpress.com"><img alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"
border="0"/></a>
<a target="_blank" href="http://lerry060183.wordpress.com"><img alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"
border="0"/></a>
<a target="_blank" href="http://lerry060183.wordpress.com"><img alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"
border="0"/></a>
</div></center>
<a target="_blank" href="http://lerry060183.wordpress.com"><imgSemoga tutorial sederhana ini bisa bermanfaat.
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
<select onChange="document.location.href=this.optionsKeterangan :
[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>
<select onChange="document.location.href=this.options2.Cara memasukkan kodenya yaitu :
[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://www.matrixar.com/"> Cara Membuat Menu Drop Down </option>
<option value="http://www.matrixar.com/"> Cara Membuat Blog </option>
</select>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>save template dan selesai. Untuk cara pakai-nya tinggal tambahin aja tanda emotions sesuai gambarnya.
:))
<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>
<b:if cond='data:blog.pageType == "item"'>Saya tunggu komentar Anda…2013, By: Seo Master
<div class='similiar'>
<!-- *****************http://www.matrixar.com*********************** -->
<div class='widget-content'>
<b>Postingan Terkait Lainnya Dengan Label :</b>
<div id='data2007'/><br/><br/>
<div id='Randezvous'>
Widget by <u><a href='http://www.matrixar.com/' target='_blank'>SEO Tutorial</a></u>
</div>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
<b:if cond="data:blog.url == data:blog.homepageUrl">Contoh penggunaannya :
</b:if>
<b:widget id="HTML44" locked="false" title="Tips SEO" type="HTML">* Widget tampil di halaman selanjutnya.
<b:includable id="main">
<b:if cond="data:blog.url == data:blog.homepageUrl">
<!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>
<div class="widget-content">
<data:content/>
</div>
<b:include name="quickedit">
</b:if>
</b:includable>
</b:widget>
<b:if cond='data:blog.pageType == "item"'>Contoh penggunaannya :
</b:if>
<b:widget id="HTML45" locked="false" title="Trik Blogger" type="HTML">Catatan :
<b:includable id="main">
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>
<div class="widget-content">
<data:content/>
</div>
<b:include name="quickedit">
</b:if>
</b:includable>
</b:widget>
<script style="text/javascript" src="http://www.geocities.com/oom_directory/recentcomments.txt"></script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://nama.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>Jangan lupa mengubah kode pada warna pink : Ganti dengan alamat blog mu!
<script language="JavaScript">Apa saja yang perlu diedit?
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://nama.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
<data:post.body/>5. Kemudian letakkan kode dibawah ini persis dibawah kode di atas
<script language='JavaScript'>6. save dan selesai.
var OutbrainPermaLink='<data:post.url/>';
var OB_demoMode = false;
var OB_Script = true;
</script>
<script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>
<script src="http://pub.mybloglog.com/comm2.php?mblID=ID_MBL&c_width=330&c_sn_opt=n&c_rows=2&c_img_size=h&c_heading_text=&c_color_heading_bg=eeeddf&c_color_heading=111&c_color_link_bg=eeeddf&c_color_link=c13a10&c_color_bottom_bg=ffffff" type="text/javascript"></script>Selanjutnya pada Element halaman Blogger pilih Edit-HTML, masukan kode CSS dibawah ini dibawah kode <b:skin><![CDATA[
td.mbl_fo_hidden{display:none;}td.mbl_join_img{}td.mbl_join{}tr#tr0{display: none}th.mbl_h{display:none;}
<p align="center"><a target="_blank" href="http://www.mybloglog.com/buzz/community/NamaUserMBL/">Untuk lebih maksimal, anda bisa mengatur sendiri kombinasi warna dalam Script, sebaiknya sesuaikan warna background MBL dengan background template anda.
Lihat pembaca yang tergabung komunitas</a></p>
<p align="center"><a target="_blank" href="http://www.mybloglog.com/buzz/yjoin/?ref_id=ID_MBL&ref=w">
Gabung dalam komunitas ini</a></p>
<center>- Ganti alamat blog yang berwarna merah dengan alamat blog anda,
<h2>Tukaran Link</h2>
<br/><br/>Cukup copy text dalam area dan paste dalam blog anda. <br/>Saya akan segera linkback kembali.<br/>
<a href="
http://www.matrixar.com
/" target="blank"><img alt="" src="
http://i734.photobucket.com/albums/ww347/lerry_apriantony/seoblog.gif
" border="0" /></a>
</span></div></center><center><form name="select_all"><textarea rows="3" cols="13" name="text_area"> <a href="
http://www.matrixar.com
" target="blank"><img border="0" alt="" src="
http://i734.photobucket.com/albums/ww347/lerry_apriantony/seoblog.gif
" /></a></textarea><br/>
<input value="Select All" onclick="javascript:this.form.text_area.focus();this.form.text_area.select();" type="button">
</form>
</center>
<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var
showpostdate =
false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://BLOGKAMU.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
<h2>Tukaran Link</h2>
<br/><br/>Cukup copy text dalam area dan paste dalam blog anda. <br/>Saya akan segera linkback kembali.<br/>
<img border="0" src="http://i734.photobucket.com/albums/ww347/lerry_apriantony/seoblog-1.gif"/>
<br/>
<textarea rows="6" cols="20" name="code">
<a href="http://www.matrixar.com/" target="_blank">
<img border="0" src="http://i734.photobucket.com/albums/ww347/lerry_apriantony/seoblog-1.gif"/></a>
</textarea>