Mengabarkan Tentang Sesuatu Untuk Kita

Laman

Memasang Slideshow Foto Dengan Link Artikel di blog

Bagi sobat blogger yang gemar ngutak - atik template, kali ini saya sarankan untuk tidak melewatkan yang satu ini.

Setelah sebelumnya saya memposting bagaimana cara membuat daftar isi sitemap di blog, kali ini ane akan ngasih tahu pada sobat blogger Bagaimana Cara memasang Slideshow foto di blog dimana setiap foto tersebut mengandung link.

Maksud mengandung link yaitu ketika kita mengklik salah satu slideshow foto, kita otomatis akan ter arahkan ke posting lain di blog sobat bahkan di blog lain.

KLIK DEMO

Tertarik untuk mencoba?? ikuti langkah - langkahnya :

1. Log in ke akun blog sobat.
2. Klik rancangan --> Edit HTML
3. Letakkan kode berikut di atas kode </head> ( Cari kode </head> menggunakan Ctrl + F ).

<script type='text/javascript'>
//<![CDATA[

//** Featured Content Slider script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com.
//** May 2nd, 08'- Script rewritten and updated to 2.0.
//** June 12th, 08'- Script updated to v 2.3, which adds the following features:
//1) Changed behavior of script to actually collapse the previous content when the active one is shown, instead of just tucking it underneath the later.
//2) Added setting to reveal a content either via "click" or "mouseover" of pagination links (default is former).
//3) Added public function for jumping to a particular slide within a Featured Content instance using an arbitrary link, for example.

//** July 11th, 08'- Script updated to v 2.4:
//1) Added ability to select a particular slide when the page first loads using a URL parameter (ie: mypage.htm?myslider=4 to select 4th slide in "myslider")
//2) Fixed bug where the first slide disappears when the mouse clicks or mouses over it when page first loads.

var featuredcontentslider={

//3 variables below you can customize if desired:
ajaxloadingmsg: '<div style="margin: 20px 0 0 20px"><img src="loading.gif" /> Fetching slider Contents. Please wait...</div>',
bustajaxcache: true, //bust caching of external ajax page after 1st request?
enablepersist: true, //persist to last content viewed when returning to page?

settingcaches: {}, //object to cache "setting" object of each script instance

jumpTo:function(fcsid, pagenumber){ //public function to go to a slide manually.
this.turnpage(this.settingcaches[fcsid], pagenumber)
},

ajaxconnect:function(setting){
var page_request = false
if (window.ActiveXObject){ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else
return false
var pageurl=setting.contentsource[1]
page_request.onreadystatechange=function(){
featuredcontentslider.ajaxpopulate(page_request, setting)
}
document.getElementById(setting.id).innerHTML=this.ajaxloadingmsg
var bustcache=(!this.bustajaxcache)? "" : (pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', pageurl+bustcache, true)
page_request.send(null)
},

ajaxpopulate:function(page_request, setting){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
document.getElementById(setting.id).innerHTML=page_request.responseText
this.buildpaginate(setting)
}
},

buildcontentdivs:function(setting){
var alldivs=document.getElementById(setting.id).getElementsByTagName("div")
for (var i=0; i<alldivs.length; i++){
if (this.css(alldivs[i], "contentdiv", "check")){ //check for DIVs with class "contentdiv"
setting.contentdivs.push(alldivs[i])
alldivs[i].style.display="none" //collapse all content DIVs to begin with
}
}
},

buildpaginate:function(setting){
this.buildcontentdivs(setting)
var sliderdiv=document.getElementById(setting.id)
var pdiv=document.getElementById("paginate-"+setting.id)
var phtml=""
var toc=setting.toc
var nextprev=setting.nextprev
if (typeof toc=="string" && toc!="markup" || typeof toc=="object"){
for (var i=1; i<=setting.contentdivs.length; i++){
phtml+='<a href="#'+i+'" class="toc">'+(typeof toc=="string"? toc.replace(/#increment/, i) : toc[i-1])+'</a> '
}
phtml=(nextprev[0]!=''? '<a href="#prev" class="prev">'+nextprev[0]+'</a> ' : '') + phtml + (nextprev[1]!=''? '<a href="#next" class="next">'+nextprev[1]+'</a>' : '')
pdiv.innerHTML=phtml
}
var pdivlinks=pdiv.getElementsByTagName("a")
var toclinkscount=0 //var to keep track of actual # of toc links
for (var i=0; i<pdivlinks.length; i++){
if (this.css(pdivlinks[i], "toc", "check")){
if (toclinkscount>setting.contentdivs.length-1){ //if this toc link is out of range (user defined more toc links then there are contents)
pdivlinks[i].style.display="none" //hide this toc link
continue
}
pdivlinks[i].setAttribute("rel", ++toclinkscount) //store page number inside toc link
pdivlinks[i][setting.revealtype]=function(){
featuredcontentslider.turnpage(setting, this.getAttribute("rel"))
return false
}
setting.toclinks.push(pdivlinks[i])
}
else if (this.css(pdivlinks[i], "prev", "check") || this.css(pdivlinks[i], "next", "check")){ //check for links with class "prev" or "next"
pdivlinks[i].onclick=function(){
featuredcontentslider.turnpage(setting, this.className)
return false
}
}
}
this.turnpage(setting, setting.currentpage, true)
if (setting.autorotate[0]){ //if auto rotate enabled
pdiv[setting.revealtype]=function(){
featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])
}
sliderdiv["onclick"]=function(){ //stop content slider when slides themselves are clicked on
featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])
}
setting.autorotate[1]=setting.autorotate[1]+(1/setting.enablefade[1]*50) //add time to run fade animation (roughly) to delay between rotation
this.autorotate(setting)
}
},

urlparamselect:function(fcsid){
var result=window.location.search.match(new RegExp(fcsid+"=(\\d+)", "i")) //check for "?featuredcontentsliderid=2" in URL
return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index
},

turnpage:function(setting, thepage, autocall){
var currentpage=setting.currentpage //current page # before change
var totalpages=setting.contentdivs.length
var turntopage=(/prev/i.test(thepage))? currentpage-1 : (/next/i.test(thepage))? currentpage+1 : parseInt(thepage)
turntopage=(turntopage<1)? totalpages : (turntopage>totalpages)? 1 : turntopage //test for out of bound and adjust
if (turntopage==setting.currentpage && typeof autocall=="undefined") //if a pagination link is clicked on repeatedly
return
setting.currentpage=turntopage
setting.contentdivs[turntopage-1].style.zIndex=++setting.topzindex
this.cleartimer(setting, window["fcsfade"+setting.id])
setting.cacheprevpage=setting.prevpage
if (setting.enablefade[0]==true){
setting.curopacity=0
this.fadeup(setting)
}
if (setting.enablefade[0]==false){ //if fade is disabled, fire onChange event immediately (verus after fade is complete)
setting.contentdivs[setting.prevpage-1].style.display="none" //collapse last content div shown (it was set to "block")
setting.onChange(setting.prevpage, setting.currentpage)
}
setting.contentdivs[turntopage-1].style.visibility="visible"
setting.contentdivs[turntopage-1].style.display="block"
if (setting.prevpage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)
this.css(setting.toclinks[setting.prevpage-1], "selected", "remove")
if (turntopage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)
this.css(setting.toclinks[turntopage-1], "selected", "add")
setting.prevpage=turntopage
if (this.enablepersist)
this.setCookie("fcspersist"+setting.id, turntopage)
},

setopacity:function(setting, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)
var targetobject=setting.contentdivs[setting.currentpage-1]
if (targetobject.filters && targetobject.filters[0]){ //IE syntax
if (typeof targetobject.filters[0].opacity=="number") //IE6
targetobject.filters[0].opacity=value*100
else //IE 5.5
targetobject.style.filter="alpha(opacity="+value*100+")"
}
else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax
targetobject.style.MozOpacity=value
else if (typeof targetobject.style.opacity!="undefined") //Standard opacity syntax
targetobject.style.opacity=value
setting.curopacity=value
},

fadeup:function(setting){
if (setting.curopacity<1){
this.setopacity(setting, setting.curopacity+setting.enablefade[1])
window["fcsfade"+setting.id]=setTimeout(function(){featuredcontentslider.fadeup(setting)}, 50)
}
else{ //when fade is complete
if (setting.cacheprevpage!=setting.currentpage) //if previous content isn't the same as the current shown div (happens the first time the page loads/ script is run)
setting.contentdivs[setting.cacheprevpage-1].style.display="none" //collapse last content div shown (it was set to "block")
setting.onChange(setting.cacheprevpage, setting.currentpage)
}
},

cleartimer:function(setting, timervar){
if (typeof timervar!="undefined"){
clearTimeout(timervar)
clearInterval(timervar)
if (setting.cacheprevpage!=setting.currentpage){ //if previous content isn't the same as the current shown div
setting.contentdivs[setting.cacheprevpage-1].style.display="none"
}
}
},

css:function(el, targetclass, action){
var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "ig")
if (action=="check")
return needle.test(el.className)
else if (action=="remove")
el.className=el.className.replace(needle, "")
else if (action=="add")
el.className+=" "+targetclass
},

autorotate:function(setting){
window["fcsautorun"+setting.id]=setInterval(function(){featuredcontentslider.turnpage(setting, "next")}, setting.autorotate[1])
},

getCookie:function(Name){
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return null
},

setCookie:function(name, value){
document.cookie = name+"="+value

},



init:function(setting){
var persistedpage=this.getCookie("fcspersist"+setting.id) || 1
var urlselectedpage=this.urlparamselect(setting.id) //returns null or index from: mypage.htm?featuredcontentsliderid=index
this.settingcaches[setting.id]=setting //cache "setting" object
setting.contentdivs=[]
setting.toclinks=[]
setting.topzindex=0
setting.currentpage=urlselectedpage || ((this.enablepersist)? persistedpage : 1)
setting.prevpage=setting.currentpage
setting.revealtype="on"+(setting.revealtype || "click")
setting.curopacity=0
setting.onChange=setting.onChange || function(){}
if (setting.contentsource[0]=="inline")
this.buildpaginate(setting)
if (setting.contentsource[0]=="ajax")
this.ajaxconnect(setting)
}

}

//]]>
</script>

<style>
#slider4{
border: 2px solid #181818;
background: #ffffff;
margin-left: 9px;
}
#paginate-slider4{
border-color: #181818;
margin-left: 9px;
margin-top: 4px;
}
#paginate-slider4 a img{
width: 80px;
height: 60px;
border: 2px solid #181818;
margin-top: 5px;
}
#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{
border: 2px solid #ffc04e;
}
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid navy;
width: 515px; /*width of featured content slider*/
height: 335px;
}
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0; /*leave as is*/
top: 0; /*leave as is*/
padding: 5px;
background: white;
width: 515px; /*width of content DIVs within slider. Total width should equal slider&#39;s inner width */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.pagination{
width: 515px; /*Width of pagination DIV. Total width should equal slider&#39;s outer width */
text-align: right;
background-color: #ffffff;
padding: 0px 5px;
}
.pagination a{
padding: 0 5px;
text-decoration: none;
color: #181818;
background: #ffffff;
}
.pagination a:hover, .pagination a.selected{
color: #181818;
background-color: #ffffff;
}
</style>

Nb:
Kode berwarna biru adalah kode yang bisa di edit. Jadi, editlah sesuai kebutuhan template.

4. Klik simpan template.

5. Klik Elemen Laman --> Tambah Gadget --> HTML/Javascript
6. Masukkan kode berikut di dalam kotak.

<div style="float:left;">
<div id="slider4" class="sliderwrapper">
<div style="background: url('http://i1108.photobucket.com/albums/h405/christian410/269111_225685127450056_100000257112719_900053_7432574_n.jpg') center left no-repeat" class="contentdiv">
</div>
<div style="background: url('http://i1108.photobucket.com/albums/h405/christian410/cross.jpg') center left no-repeat" class="contentdiv">
</div>
<div style="background: url('http://i1108.photobucket.com/albums/h405/christian410/05_08_5---Cross-on-a-Hill_web.jpg') center left no-repeat" class="contentdiv">
</div>
<div style="background: url('http://i1108.photobucket.com/albums/h405/christian410/05_08_7---Cross-at-Sunset_web.jpg') center left no-repeat" class="contentdiv">
</div>
<div style="background: url(' URL GAMBAR SOBAT ') center left no-repeat" class="contentdiv">
</div>

<div style="background: url(' URL GAMBAR SOBAT ') center left no-repeat" class="contentdiv">
</div>



</div>


<div id="paginate-slider4">


<a href="http://christiantatelu.blogspot.com/2011/11/cara-memasang-iklan-di-samping-artikel.html" class="toc"><img alt="IMAGE-1" src="http://i1108.photobucket.com/albums/h405/christian410/269111_225685127450056_100000257112719_900053_7432574_n.jpg"/></a>


<a href="http://christiantatelu.blogspot.com/2011/11/cara-memasang-icon-di-samping-judul.html" class="toc"><img alt="IMAGE-2" src="http://i1108.photobucket.com/albums/h405/christian410/269111_225685127450056_100000257112719_900053_7432574_n.jpg"/></a>


<a href="http://christiantatelu.blogspot.com/2011/11/cara-membuat-daftar-isi-sitemap-di-blog.html" class="toc"><img alt="IMAGE-3" src="http://i1108.photobucket.com/albums/h405/christian410/05_08_5---Cross-on-a-Hill_web.jpg"/></a>


<a href="http://christiantatelu.blogspot.com/2011/11/cara-memberi-background-pada-arsip-blog.html" class="toc"><img alt="IMAGE-4" src="http://i1108.photobucket.com/albums/h405/christian410/05_08_7---Cross-at-Sunset_web.jpg"/></a>


<a href="URL POSTINGAN" class="toc"><img alt="IMAGE-5" src="URL GAMBAR THUMBNAIL"/></a>


<a href="URL POSTINGAN" class="toc"><img alt="IMAGE-5" src="URL GAMBAR THUMBNAIL"/></a>


</div>


<script type="text/javascript">
featuredcontentslider.init({
id: "slider4", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.1], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>


</div>

Nb :
Ganti kode berwarna biru dengan URL postingan sobat.
Ganti kode berwarna ungu  ( URL GAMBAR THUMBNAIL ) dengan URL gambar sobat atau SAMAKAN saja dengan menggunakan url gambar yang di tandai dengan kode berwarna merah.)

7. Klik Save / Simpan.
8. SELESAI...!!!

SEMOGA MEMBANTU
Share:

Simplebox Shadow Blogger Template

Template seo friendly dan mudah di edit.

template blog

template blog

DEMO | DOWNLOAD
Share:

Cara Membuat Daftar Isi Sitemap di Blog

daftar isi sitemap
Apa kabar sobat blogger?? Pasti sehat kan? nah karena kali ini ane juga lagi fit, maka ane akan berbagi sesuatu pada sobat blogger. Kali ini saya akan memposting bagaimana cara membuat daftar isi sitemap di blogspot.

Saya rasa sobat blogger semua sudah tahu apa itu daftar isi sitemap. Daftar isi sitemap menurut pemahaman saya bisa diartikan sebagai suatu halaman website yang di dalamnya mengandung isi dari blog atau website  dalam bentuk judul yang di susun berderet ke bawah dengan tujuan memberikan informasi pada pengunjung tentang keseluruhan isi dari blog/website tersebut.

Pertanyaannya yang mungkin muncul adalah bagaimana cara membuatnya??

Bagi yang tertarik memasangnya, silakan ikuti langkah - langkah berikut:

1. Log in dulu ke akun blog sobat.
2. Buat postingan baru dengan nama yang sobat inginkan.
3. Pilih Tab Edit HTML dan jangan Compose.
4. Masukkan kode berikut di dalamnya.
<script src="http://tateluproject.googlecode.com/files/tatelu.js
"></script>
<script src="http://namablogmu.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
5. Ganti tulisan yang di cetak tebal dengan nama blog sobat...
6. Pratinjau terlebih dahulu, Jika sukses baru klik TERBITKAN ENTRI.
7. SELESAI
Share:

Cara memasang icon di samping judul artikel


Bagi sobat blogger yang sering blogwalking tentunya sering melihat postingan yang judulnya di sisipkan icon di terutama disamping kirinya. Bagaimana..?? mau memasangnya di blog sobat?? jika mau memasang ikon di samping judul artikel, ikuti langkah - langkah berikut.

1. Log in ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> centang kotak expand widget template.
3. Cari kode berikut menggunakan Ctrl + F atau F3 untuk memudahkan pencarian.

<a expr:href='data:post.url'><data:post.title/></a>

4. bagi ke 2 kode tersebut sehingga menjadi seperti berikut.
<a expr:href='data:post.url'>

<data:post.title/></a>


5. Masukkan URL gambar sobat di antara ke 2 kode tersebut. Hasilnay akan seperti berikut.
<a expr:href='data:post.url'>
<img src="http://i1108.photobucket.com/albums/h405/christian410/Soccer-icon.png" width="20" hight="20" border="0"></img> 
<data:post.title/></a>


6. KLik Save... Selesai!!

N/b
Tulisan berwarna merah bisa sobat ganti dengan URl gambar sobat.
Tulisan yang berwarna biru bisa sobat gantisesuai kebutuhan.

 SEMOGA MEMBANTU!
Share:

Cara Memberi Background pada Arsip Blog

Hai sobat blogger..  Bosan dengan tampilan default arsip blog blogspot?? mau tampilan arsip blog yang lebih keren?? Kali ini saya akan memposting bagaimana cara membuat atau memasang background pada arsip blog. Bisa juga sobat gunakan pada daftar link teman, Label/kategori atau apapun di blog sobat. Contohnya sobat bisa lihat pada arsip blog di blog ini.


Berbeda dengan cara yang lain yang mengharuskan sobat men centang kotak expand template widget, kali ini sobat hanya harus meletakkan beberapa kode di atas kode ]]></b:skin>. Penasaran?? ikuti langkah - langkah berikut:

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Edit HTML.
3. Letakkan kode berikut di atas kode ]]></b:skin>.


#BlogArchive1 .widget-content{height:200px;background:url(http://i1108.photobucket.com/albums/h405/christian410/renderNarutoAkatsukiKyubi-1.png)no-repeat; width:100%; font-weight:bold; overflow:auto}
4. Simpan template.

Tambahan:
Kode 200 bisa di seduaikan dengan keingin sobat.
Kode yang berwarna biru bisa di ganti dengan URL gambar sobat.
Kode width 100% bisa di ganti dalam bentuk px ( pixel ) sesuai dengan ukuren sidebar atau footer sobat.

Semoga Membantu
Share:

Cara Memasang Iklan di Samping Artikel

Apa kabar sobat blogger!! Suatu kebanggan bagi saya saat kembali berbagi pada sobat blogger. Kali ini saya akan memposting Bagaimana cara memasang iklan di samping artikel baik kanan maupun di kiri postingan sobat.  Jika di bandingkan dengan memasang iklan di sidebar, trik kali ini masih lebih baik dalam pengoptimalan PPC. Mengapa demikian?? Kita semua tahu bahwa pengunjung yang berasal dari search engine umumnya menemukan blog kita lewat artikel yang kita posting, dengan kata lain pengunjung langsung tertuju pada area postingan kita. Sedangkan di sidebar dan bagian - bagian lain bisa di katakan hanya bagian kedua nya.

Tertarik untuk memasangnya?? ikuti langkah - langkah berikut ;

1. Log in ke akun blog sobat.
2. Download template lengkap ( Untuk Mencegah Eror )
3. Klik Rancangan --> Edit HTML --> centang kotak expand widget template.
4. Cari kode <data:post.body/> ( Jika sobat telah memasang Readmore, kode tersebut akan berjumlah 2, pilih yang kedua )

5. Ganti kode tersebut dengan kode berikut.

<b:if cond='data:blog.pageType == "item"'>
<div style="float:left;"> Letakan Script Iklan PPC Disini Jika Ingin di Samping Postingan</div>
<p><data:post.body/></p>
Letakan Script Iklan Disini Jika Ingin Iklan Berada di Bawah Postingan
<b:else/>
<p><data:post.body/></p>
</b:if>

Kode di atas akan membuat iklan sobat berada di samping kiri postingan sobat. Untuk membuat iklan berada di samping kanan artikel, sobat tinggal mengganti tulisan Left dengan Right


6. Klik simpan template.

SEMOGA MEMBANTU
Share:

Cara Memasang Widget Kristiani di Blog

Wah.. nggak terasa ternyata tinggal sebulan lagi umat Christiani akan merayakan Hari Natal. Bagi para blogger, terutama yang ber agama Kristen, inilah saatnya untuk berbagi salam kepada sahabat-sahabat pengunjung blognya.

Pertanyaannya!
Apakah yang hendak sobat bagi??
 
Ketika saya sedang blogwalking, saya bergabung dengan suatu komunitas Kristen online yang ber alamat di http://forumkristen.com. Dari sanalah saya dapat scriptnya.. Dengan memasang widget ini, sobat akan mendapatkan ayat alkitab yang otomatis ter update setiap hari. Untuk tertarik  memasang widget kristen di blog, Ikuti langkah - langkahnya.

DEMO

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukan kode berikut kedalam konten.

<style type="text/css">
#topbar {
position:absolute;
z-index: 100;
padding: 8px;
background: #eee;
background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(211, 211, 211, .9));
background: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, .9)),to(rgba(211, 211, 211, .9)));
border: 1px solid #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: #600 0 2px 15px;
-moz-box-shadow: #600 0 2px 10px;
margin:0 auto 10px;
float:left;
color:rgba(0, 0, 0, 0.75);
font-size: 12px;
font-family: Verdana, serif;
text-shadow:0 1px 0 #FFFFFF;
}
#topbar img {
border:none;
}
#topbar .tombol {
margin:0;
padding-bottom:5px;
text-align:right;
}
#topbar .tombol button {
color:#FFFFFF;
border: solid 1px #494949;
margin:0;
padding:2px 15px;
cursor: pointer;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
background: #5f5f5f;
background: -webkit-gradient(linear, left top, left bottom, from(red), to(#454545));
background: -moz-linear-gradient(top, red, #454545);
}
#topbar .isi_iklan {
background-color:#FFFFFF;
margin:0;
padding:4px;
width: 468px;
border: 1px solid #999;
}
</style>
<script src="https://sites.google.com/site/jasonanugrah/emo/js_pop_up.js.txt" type="text/javascript"></script>
<script type="text/javascript">
var persistclose=1
var startX = 20
var startY = 20
var verticalpos="fromtop"
</script>
<div id="topbar">
<div class="tombol"><a href="" onclick="closebar(); return false" style="text-decoration: none;"><button>Tutup</button></a></div>
<div class="isi_iklan">

<script language="JavaScript" src="http://forumkristen.com/aplikasi/alkitabhariini/jsfile.php" type="text/javascript"></script>

</div>
<a style="text-decoration: none; color: #00f; text-align:right; display: block; font-size: 10px;" href="http://christiantatelu.blogspot.com" target="_blank" title="Ads Popup">Widget by <span style="color: #333;">Blogger</span> <span style="color: #f00;">Executive</span></a>
</div>

4. Klik Simpan.

SEMOGA MEMBANTU
Share:

Cara Memasang Emoticon Kaskus di Kotak Komentar Blog

Setelah sebelumnya saya pernah memposting Bagaimana cara memasang emoticon skype di kotak komentar blog, kali ini lagi - lagi Ide bagus akan memposting cara yang mirip yaitu memasang emoticon kaskus di kotak komentar blog. Scriptnya saya ambil dari http://tejahtc.blogspot.com Tertarik untuk memasangnya?? ikuti langkah - langkah berikut.

1. Log in ke akun bog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak expand widget template widget.
3. Letakkan kode berikut di atas kode ]]></b:skin>
#kaskusemoticon {
width:auto;
margin:10px;
padding:10px;
}

4. Letakkan script berikut di atas kode </body>
<script src='http://muhammadsuteja.googlecode.com/files/emoticon1.js' type='text/javascript'/>
<script src='http://muhammadsuteja.googlecode.com/files/emoticon.js' type='text/javascript'/>
5. Cari kode berikut menggunakan Ctrl+f  ( memudahkan pencarian )
<b:include data='post' name='comment-form'/>
6. Letakkan kode berikut di bawahnya..
    <b>
<div style='overflow:auto; width:100%px; height:100px; padding:10px; border:3px inset #FF0000;'>
<img height='50' src='http://img202.imageshack.us/img202/4846/kompinterjuara1.gif' width='50'/>
:k1
<img height='50' src='http://img72.imageshack.us/img72/398/kompinterbatamerah.gif' width='50'/>
:k2
<img height='50' src='http://img687.imageshack.us/img687/1351/kompintercendol.gif' width='50'/>
:k3
<img height='50' src='http://img94.imageshack.us/img94/4219/kompinterlovindo.gif' width='50'/>
:k4
<img height='50' src='http://img8.imageshack.us/img8/3483/kompintermarah.gif' width='50'/>
:k5
<img height='50' src='http://img532.imageshack.us/img532/931/kompintermalu2.gif' width='50'/>
:k6
<img height='50' src='http://img693.imageshack.us/img693/7193/kompinterkecewa.gif' width='50'/>
:k7
<img height='50' src='http://img171.imageshack.us/img171/4809/kompinterngacir2.gif' width='50'/>
:k8
<img height='50' src='http://img412.imageshack.us/img412/3662/kompintersempurna.gif' width='50'/>
:k9
<img height='50' src='http://img291.imageshack.us/img291/6651/kompinterbingung.gif' width='50'/>
:a1
<img height='50' src='http://img709.imageshack.us/img709/2609/kompinterngakak.gif' width='50'/>
:a2
<img height='50' src='http://img641.imageshack.us/img641/3540/kompintertakut.gif' width='50'/>
:a3
<img height='50' src='http://img514.imageshack.us/img514/7169/kompinterterimahkasi.gif' width='50'/>
:a4
<img height='50' src='http://img169.imageshack.us/img169/5500/kompinteralay.gif' width='50'/>
:a5
<img height='50' src='http://img28.imageshack.us/img28/4954/kompintertkp.gif' width='50'/>
:a6
<img height='50' src='http://img138.imageshack.us/img138/3621/kompinternosara.gif' width='50'/>
:a7
<img height='50' src='http://img202.imageshack.us/img202/8307/kompinterliat.gif' width='50'/>
:a8
<img height='50' src='http://img693.imageshack.us/img693/8240/kompintersundul.gif' width='50'/>
:a9
</div>
</b><BR/>

7. Klik simpan template. SELESAI...!!

Ada pertanyaan?? tanyakan di kotak komentar...
Share:

Cara Mudah dan Cepat Dapat Backlink

Backlink adalah suatu hal yang tak bisa di pisahkan dari dunia blog. Tanpa backlink, suatu blog/website akan kalah dalam persaingan di search engine. Suatu hal yang sangat mustahil jika blog tanpa Backlink.

Backlink sifatnya seperti selebaran, pengumuman atau spanduk yang di pasang agar di baca orang dengan tujuan memperkenalkan sebuah produk atau apapun yang ingin di tawarkan, sama halnya ketika Link kita ketika di pasang di blog orang lain ( Terutama yang Dofollow ).

Pertanyaannya..
Bagaimana cara mendapatkannya??
Sebenarnya caranya susah - susah gampang, yang perlu di perhatkan adalah kualitas dari backlink tersebut dan dari situs mana dia berasal, apakah sealiran dengan blog anda atau tidak..

Pada postingan kali ini saya akan kasih tahu sedikit tips bagi sobat blogger bagaimana cara mendapat backlink. Postingan kali ini mungkin lebih mendekati pada pencarian blog Dofollow bukan backlink instan. bagi yang mau mencoba ikuti cara berikut.

1. Masuk ke Situs http://backlinkwatch.com. ( Situs cek backlink )
2. Masukkan Url blog dari blog yang tenar atau berpagerang tinggi yang sobat ketahui.
3. Akan muncul tampilan seperti berikut.
4. Kunjungi satu per satu.
5. Berkomentarlah di blog tersebut atau ajak Tukeran link.


  Mohon maaf bagi para master blogger jika artikel ini kurang berkenan..

SEMOGA MEMBANTU
Share:

Cara mengganti tulisan poskan komentar dengan gambar/icon

Pada artikel saya sebelumnya kita telah membahas bagaimana cara membuat gambar atau animasi berada di pojok blog, kali ini kita akan coba mengganti tulisan poskan komentar yang terletak di atas kotak komentar dengan gambar  atau tulisan lain. Baiklah, tanpa panjang - panjang lagi mari kita langsung ke TKP.

1. Log ini dulu ke akun blog sobat.
2. Klik Rancangan --> edit HTML --> centang kotak Expand template widget.
3. Cari kode berikut:

<data:postCommentMsg/>

Biasanya kode tersebut ada 2. ganti ke dua kode tersebut dengan kode berikut.

<img src='http://i1108.photobucket.com/albums/h405/christian410/sderd.jpg' alt='Gambar Komentar'/> 

untuk menggantinya dengan tulisan lain, cukup mengganti kode berwarna biru dengan kata atau kalimat yang sobat inginkan.

Kode berwarna merah adalah Url gambarnya. bisa di ganti dengan Url gambar milik sobat.
Semoga membantu.
Share:

Memasang Widget "Berapa Harga Blog Anda" di Blog

Tahukah berapa harga blog anda?? Jika belum, apakah sobat ingin tahu?? kalo begitu mari kita langsung saja.
1. Kunjungi situs http://bizinformation.org/id.
setelah sobat masuk, sobat akan melihat tampilan seperti berikut.

2. Masukan URl blog sobat kedalam kotak yang di sediakan.
kemudian sobat akan melihat tampilan berikut.



3. Copas kode yang di dapat dan tampilkan di blog dengan cara.

4. Login ke akun blog sobat.
5. Klik rancangan --> Elemen Laman --> add gadget ( Tambah Gadget )
6. Pilih HTML/Javascript.
7. Pastekan kode tadi di dalamnya.
8. Beri nama widget sesuai keinginan anda. Misalnya, "Harga blogku" dll
9. Selesai..


SEMOGA MEMBANTU
Share:

Cara Mengganti Tulisan Older Post, Newer Post dan Home dengan Icon

Pernahkan sobat memperhatikan pada bagian paling bawah halaman posting sobat?? di situ sobat akan melihat tulisan "Posting lebih baru, beranda, posting lama ( Blog berbahasa indonesia ) atau Previous, Home dan next ( blog berbahas inggris )"  atau lebih tepatnya sobat bisa lihat gambar berikut.


Kali ini kita akan coba mengganti 3  tulisan tersebut dengan atau icon. Oke! kita langsung saja:
Untuk menganti tulisan posting lebih baru, beranda dan posting lama dengan icon, ikuti langkah - langkah berikut.
1. Login dulu ke akun blog sobat.
2. Klik rancangan --> Edit HTML
3. Cari dan ganti kode yang berwarna biru dengan kode yang telah disediakan.

<data:newerpagetitle> ganti dengan <img src="http://i1108.photobucket.com/albums/h405/christian410/dfer.png" alt="Next" />

<data:olderpagetitle> ganti dengan <img src="http://i1108.photobucket.com/albums/h405/christian410/Actions-media-seek-backward-icon.png" alt="Previous" />

 <data:homemsg> ganti dengan <img src="http://i1108.photobucket.com/albums/h405/christian410/home-icon.png" alt="Home" />


Kode yang berwarna merah bisa di ganti dengan Url gambar sobat..

4. Klik simpan template dan selesai.

Catatan!
Jika Template anda tidak men-support cara di atas atau kode yang di cari tidak di temukan di template blog sobat, maka ada baiknya sobat mencoba cara yang satu ini.

1. Login ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> centang kotak Expand Template Widget.
3 Temukan 3 kode berikut ( Gunakan Ctrl F atau F3 )
   Cari ke 3 kode ini secara terpisah.


1



expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>





2



expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>



3



<b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>

 4. Ganti kode yang berwarna biru seperti cara yang pertama.

SEMOGA BERMANFAAT
Share:

Tujuan blogging

Apa yang pertama kali terlintas ketika sobat membuat sebuah blog? Apakah sobat menghendaki kunjungan atau hanya sekedar ikut ramainya saja?? Saya rasa kita semua sepakat bahwa tujuan utama blogging itu adalah untuk menulis kemudian tulisan itu di baca oleh orang lain ( pengunjung ). Ada pertanyaan lagi untuk sobat blogger..

1. Jika sobat sudah punya blog, sudahkah sobat menulis di blog milik sobat ( tidak kopas )??
2. Adakah pengunjung di blog sobat? ( dari search engine )
3. Pernahkah sobat berpikir untuk mencari uang dari aktivitas blogging??

Tiga pertanyaan di atas, mewakili Tujuan utama di ciptakannya blog.

Kesimpulan dari 3 pertanyaan di atas adalah, ketika sobat membuat sebuah blog, isilah blog tersebut dengan konten orisinil yang asli dari ketikan jari sobat. kemudian optimalkan SEO onpage dan off page untuk mendapatkan pengunjung dari search engine. Dengan konten yang orisinil dan berkualitas, blog sobat pasti akan di sukai pengunjung dan om google. Dengan kata lain, pengunjung blog sobat akan semakin banyak dan sobat akan memiliki pengunjung tetap. Nah .. saat itulah sobat bisa mencari uang dari aktivitas blogging, entah itu dari jasa adsense ataupun jasa - jasa lainnya yang sobat bisa tawarkan di internet.

Semoga bermanfaat.


SEKIAN..!!
Share:

Membuat logo header secara online versi 2

Banyak hal yang bisa sobat lakukan di blog. Blog di ibaratkan sebuah kertas kosong yang harus sobat isi dengan sesuatu. Sesuatu itu seperti apa?? nah... kali ini ane akan kasih sesuatu untuk sobat blogger. Sebagai kelanjutan dari postingan sebelumnya yaitu membuat logo secara online versi 1, dengan kata lain, kali ini postingan ane tentu masih seputar header.
Langsung saja ya!!!

1. Pertama kunjungi situs Supalogo.
    Sobat akan melihat tampilan seperti berikut.
2. Masukkan judul blog sobat atau kata apapun yang sobat inginkan di kotak yang di sediakan.
3. Klik tombol Options. kemudian akan muncul tampilan berikut.
4. Atur sesuai keinginan sobat.
5. Klik generate.
6. Kemudian Klik DOWNLOAD
7. Selesai......


Untuk mengaplkasikannya di template sobat, sobat hanya perlu beberapa langka kecil saja. mau tahu??
1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen Laman.
3. Lihat Gambar berikut.

4. Klik Edit. Kemudian muncul tampilan berikut.
5. Klik Browse kemudian pilih gambar yang di download tadi.
6. Tunggu beberapa detik hingga proses upload selesai.
7. Ketika proses upload selesai, beri tanda pada tulisan " SELAIN JUDUL DAN KETERANGAN.
8. Yang terakhir, sobat tinggal simpan templatenya.

Nah...!! Saatnya berkata.. SEMPURNA
Share:

Membuat Gambar atau Animasi Berada di Pojok Blog

Sebelumnya saya sudah pernah memposting cara membuat gambar berada di pojok tanpa edit HTML, namun kali ini sobat di haruskan mengedit HTML blog sobat. Caranya cukup mudah.. Hanya beberapa langkah kecil saja dan dapat dipastikan pasti berhasil.
Sebenarnya Trik ini sudah banyak di posting oleh sobat - sobat blogger lainnya, tapi guna melengkapi postingan saya sebelumnya yang memiliki kekurangan, maka di tulislah artikel ini.
Oke sob, tanpa berlama - lama lagi mari kita langsung ke tutorialnya.

1. Pertama, Log in ke akun blog sobat.
2. Klik Rancangan --> edit  HTML
3. Kopas kode berikut di atas kode ]]></b:skin> ( Gunakan CTRL + F untuk memudahkan pencarian)
#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
4. Kode di atas akan membuat gambar berada di pojok kiri bawah (Bottomleft). Letakkan sesuai keinginan sobat.
Bottom = Bawah
Top      = Atas
Left      = Kiri
Right    = Kanan

5. Letakkan kode berikut sebelum kode </body>
<div id="trik_pojok">
<a href="http://christiantatelu.blogspot.com/2011/11/membuat-gambar-atau-animasi-berada-di.html">
<img src="http://i1108.photobucket.com/albums/h405/christian410/Indonesia-icon.png" border="0" /></a>
</div>
6. Ganti tulisan berwarna merah dengan Url gambar sobat. Bisa juga sobat ganti dengan jam, kalender dan lain - lain.

atau bisa juga gunakan animasi ini 
http://i.mnpls.com/59/5990.gif
http://i.mnpls.com/1/162.gif
http://i.mnpls.com/167/16778.gif
7. Simpan template sobat dan lihat hasilnya.


GOOD LUCK
Share:

Membuat gambar berada di pojok tanpa edit HTML

0
Hai sobat!! Setelah sebelumnya IDE BAGUS memposting tentang  cara membuat link bergoyang, kali ini akan kasih tips bagaimana membuat sebuah gambar atau animasi berada di pojok blog tanpa edit html.


Trik ini sering juga disebut trik pojok atau trik sudut. Pada dasarnya sama saja dengan trik pojok lainnya, tapi bedahnya kali ini sobat tidak perlu meng utak - atik template blog sobat, dengan kata lain nggak ribet bro!!
Sebeleumnya mohon maaf ya.. karena script ini saya ambil dari blogger lain yaitu dari adiwidget, maka otomatis gambar tersebut kan mengandung link dari adiwidget. Tapi bagi yang tertarik memasangnya yuk kita meluncur ke TKP.

Klik  DEMO

1. Pertama, sobat log in dulu ke akun blog sobat.
2. Klik Rancanagn --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode berikut kedalam kotak yang di sediakan.
<script language="JavaScript" src="http://entry44.googlecode.com/files/entry44bottomright.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRMUaksrt9jiCREOeKtCs2r_iZUXwZtj_lyzpeQbJaEV4ktfZAOnnWWnrlLuVOOxRegRVMJuvktTQzIxdOm0tL573mJF9I4OX5E-aVavfirRKu7w8VnoXuG_HYV-yooI1SpoAGgt3B3m8/")</script>
4. Jangan beri nama widget.
5. Klik simpan.

Mudahkan???
Nb:
Ganti tulisan yang berwarna merah dengan letak widget yang sobat inginkan. misalnya topright, widget tersebut akan tampil di kanan atas blog sobat.
Ganti tulisan yang berwarna biru dengan Url gambar sobat atau bisa juga memakai url gambar di atas.

GOODLUCK
Share:

Membuat link bergoyang ketika di lewati pointer

Untuk sobat blogger yang hoby utak - atik blog, kali ini CHRIS akan kasih satu tips mantap untuk sobat. Masih seputar tips menghias blog, kali ini ane akan kasi tau cara membuat link bergoyang atau tak jarang juga di sebut Link senggol. Cara kerjanya seperti biasa yaitu ketika pointer mouse menyentuh link, link tersebut akan bergoyang. Kita langsung saja sob...!

Klik DEMO.

1. Pertama login dulu ke akun blog sobat .
2. Klik Rancangan >edit HTML


3. Letakkan kode berikut di atas kode </head>. ( Gunakan Ctrl + F untuk memudahkan pencarian. )


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[

$(document).ready(function()
{
 slide("#sliding-navigation", 25, 15, 150, .8);
});

function slide(navigation_id, pad_out, pad_in, time, multiplier)
{
 // creates the target paths
 var list_elements = navigation_id + " li.sliding-element";
 var link_elements = list_elements + " a";

 // initiates the timer used for the sliding animation
 var timer = 0;

 // creates the slide animation for all list elements
 $(list_elements).each(function(i)
 {
  // margin left = - ([width of element] + [total vertical padding of element])
  $(this).css("margin-left","-180px");
  // updates timer
  timer = (timer*multiplier + time);
  $(this).animate({ marginLeft: "0" }, timer);
  $(this).animate({ marginLeft: "15px" }, timer);
  $(this).animate({ marginLeft: "0" }, timer);
 });

 // creates the hover-slide effect for all link elements 
 $(link_elements).each(function(i)
 {
  $(this).hover(
  function()
  {
   $(this).animate({ paddingLeft: pad_out }, 150);
  },
  function()
  {
   $(this).animate({ paddingLeft: pad_in }, 150);
  });
 });
}

//]]>
</script>

<style type='text/css'>
ul.listpanah {list-style-image:url(&#39;http://i1108.photobucket.com/albums/h405/christian410/ty3-1.jpg&#39;);}

a:link {color:#000;text-decoration:none;}
a:visited {color:#000;text-decoration:none;}
a:hover {color:#669CFF;text-decoration:none;}
</style>

4. Klik Simpan.
5. Klik Rancangan > Klik ELEMEN LAMAN


6. Klik Tambah Gadget >

7. HTML/Javascript


8. Masukkan kode berikut kedalamnya.

<div class  id="sliding-navigation">  
<ul class="linksenggol">
  
<li class="sliding-element"><a href="GANTI URL"target="_blank">JUDUL   1</a></li> 
<li class="sliding-element"><a href="GANTI URL"target="_blank">JUDUL  2</a></li>
<li class="sliding-element"><a href="GANTI URL"target="_blank">JUDUL   3</a></li> 
<li class="sliding-element"><a href="GANTI URL"target="_blank">JUDUL   4</a></li> 
<li class="sliding-element"><a href="GANTI URL"target="_blank">JUDUL   5</a></li>
<li class="sliding-element"><a href="GANTI URL"target="_blank">JUDUL   6</a></li>
<li class="sliding-element"><a href="GANTI URL"target="_blank">JUDUL   7</a></li>
<li class="sliding-element"><a href="GANTI URL"target="_blank">JUDUL   8</a></li>
<li class="sliding-element"><a href="GANTI URL"target="_blank">JUDUL   9</a></li>
<li class="sliding-element"><a href="GANTI URL"target="_blank">JUDUL 10</a></li>
 
</ul></div>

9. Klik simpan

N/b
Ganti Huruf yang berwarna biru dengan warna yang di inginkan. Untuk kode warna klik di sini!
Ganti huruf yang berwarna merah dengan URL yang sobat inginkan. ( URL artikel , Link Teman dll)
Ganti huruf yang bercetak tebal dengan judul yang sobat inginkan.

Sekian dulu ya gan!!!

TETAP SEMANGAT
Share:

Cara memasang 4 kolom iklan ads tanpa edit HTML

Trik blogging -  Apakah sobat blogger sudah tahu maksud artikel ini?  Bagi yang belum mengerti ni ane jelasin sedikit.


Kolom iklan ads adalah 1 atau lebih kolom yang umumnya di pasang di sidebar atau di bawah header suatu blog atau website, yang fungsinya untuk memberikan space bagi para blogger  yang ingin menaruh iklan bannernya di blog sang pemilik. Tahukah anda apa keuntungannya? Dengan teknik ini, kita bisa memasang tarif untuk 1 iklan yang di pasang di blog kita. Lumayan buat nambah isi kantong... hehehe
Dalam beberapa kasus ada juga para blogger yang memanfaatkannya sebagai wadah untuk tukar banner.

Untuk lebih memahaminya, mendingan kita pasang saja.. oke!!
1. Pertama sobat log in dul ke akun blog sobat.
2. Klik rancangan --> elemen laman ---> add gadget --> HTML/javascript
3. Masukan kode berikut didalamnya.

<div align="center">
<table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
<tbody><tr>

<td><center><a href="mailto:christatelu@gmail.com" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="http://i1108.photobucket.com/albums/h405/christian410/chris-3.png" height="125"/></a></center></td>

<td><center><a href="mailto:christatelu@gmail.com" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="http://i1108.photobucket.com/albums/h405/christian410/chris-3.png" height="125"/></a></center></td>
</tr>
<tr>

<td><center><a href="mailto:christatelu@gmail.com" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="http://i1108.photobucket.com/albums/h405/christian410/chris-3.png" height="125"/></a></center></td>

<td><center><a href="mailto:christatelu@gmail.com" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="http://i1108.photobucket.com/albums/h405/christian410/chris-3.png" height="125"/></a></center></td>
</tr>

</tbody></table>

<table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
<tbody>
      <tr>
       <td><center><a href="mailto:christatelu@gmail.com" rel="nofollow"><img width="265" height="37" border="0" alt="Pesan Disini!" src="http://i1108.photobucket.com/albums/h405/christian410/wer.png" /></a></center></td>
      </tr>

    </tbody></table>
</div>

4. Ganti  christatelu@gmail.com dengan email anda. Bisa juga di isi dengan alamat blog,  halaman blog atau apapun yang memungkinkan untuk dapat menghubungi anda.

Ganti http://i1108.photobucket.com/albums/h405/christian410/chris-3.png dengan url gambar sobat.

Ganti AD DESCRIPTION dengan beberapa informasi banner yang di pasang.

5. Yang terakhir tinggal simpan templatenya.

Gimana.....?   mudahkan?
Share:

POSTING TERBARU

Arsip Blog

Total Tayangan Laman

z

Tiket Pesawat Murah Ada: Disini

Sponsor

Sistema Enlaces Reciprocos
Code tukar link

Tampilan seperti ini: kabar berita