News Update :
DALIDEU BLOGSPOT. Diberdayakan oleh Blogger.

Free Template

Free Template for Blogger Revita Blogger Template iPone Games Blogger Template
Seo Marketing Blogger Template
Denitto Blogger Template

TUTORIAL BLOG

TUTORIAL WIDGET

Popular Posts

Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan

Cara membuat Link Terbuka Otomatis Ketika Disentuh Cursor

Selasa, 12 Juni 2012

Untuk Mengetahui bagai mana Cara membuat Link terbuka Otomatis ketika Disentuh Cursor yaitu caranya Begini :

 Cara membuat Link Pada Blog Secara Umum (Link Biasa).

<a href="http://dalideu.blogspot.com/">Taruh Ancor Text untuk link Di sini</a>

Cara membuat Link Pada Blog Terbuka otomatis.
<a href="http://dalideu.blogspot.com/" onMouseover="window.location=this.href">Taruh Ancor Text untuk link Di sini</a>
Sobat hanya perlu mengganti http://dalideu.blogspot.com/ diatas dengan link yang sobat mau pasang. Dan ganti yang berwarna merah dengan text yang sesuai dengan link sobat.

Silahkan dicoba yah sob...



Supaya Blog Tidak Bisa Di Copy Paste

Jumat, 01 Juni 2012

Cara kerja daripada script ini yaitu membuat fungsi blok menjadi tidak berfungsi sehingga hal itu bisa mengurangi aksi pencurian konten atau postingan oleh blogger yang suka copas membabi buta.Tapi tidak menutup kemungkinan akan tetap di Copy Paste.
Berikut ini adalah Supaya Blog Tidak Bisa Di Copy Paste yang dapat saya berikan untuk teman - teman semuanya :
  • Login ke blogger, klik rancangan dan pilih Tab Edit HTML
  • Centang Expand Widget Template
  • Cari kode </head> (gunakan ctrl+f)
  • Copy script berikut lalu paste tepat di bawah kode </head>
<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>
  • Save.
  • Selesai.

Cara Menukar Background Blog Dengan gambar Sendiri

Kamis, 31 Mei 2012


Sebelum anda menukar background anda harus sudah mempuanya gambar yang sudah anda buat untuk mrnganti background gambar yang sudah ada. nah untuk membuatnya sbb:

  1. Masuk blog anda
  2. Edit HTML

1. cari kode berikut:

body {

font: $(body.font);
color: $(body.text.color);
background: $(body.background);


2. Masukkan kode berikut di bawahnya:

background: #642D8B url('url gambar anda' ) fixed repeat top left;

Hasilnya seperti di bawah ini


body {

font: $(body.font);
color: $(body.text.color);
background: $(body.background);


background: #642D8B url('url gambar anda') fixed repeat top left;

3. Agar background di samping header berubah, maka anda harus mengubah kode berikut:

#header-wrapper {
margin:0;
padding: 0;
background-color: $headerCornersColor;
text-align: $startSide;

Ubah menjadi:

#header-wrapper {
margin:0;
padding: 0;
background: #642D8B url('url gambar anda') fixed repeat top left;
background-color: $headerCornersColor;
text-align: $startSide;



catatan;
url gambar anda diganti dengan url gambar yang telah anda upload, atau diganti dengan url gambar yang saya pakai lihat no 2


Tambahan :
Jika anda menggunakan template denim + sun of moto (masih template bawaan /standar blogger) dan ingin mencoba mengganti background  dengan foto anda sendiri,  bisa lakukan modifikasi script pada template anda seperti dibawah ini:

a. Script untuk mengganti gambar background body

body {
background: $bgColor;
background: #692 url('http://i48.tinypic.com/2ccrmgi.jpg') top center repeat-y;
margin: 0;
padding: 0px;

b. Script untuk mengganti gambar background header

#header-wrapper {
margin:0;
padding: 0;
background: #692 url('http://i48.tinypic.com/2ccrmgi.jpg')


c. Script untuk mengubah lebar content (menjadi 900 pixel)

#content-wrapper {
width: 900px;

d. Script untuk mengubah lebar main (postingan)

#main-wrapper {
margin-$startSide: 14px;
width: 500px;

e. Script untuk mengubah lebar sidebar

#sidebar-wrapper {
margin-$endSide: 10px;
width: 360px;

Simpan Dan selesai

Widget Label Tag Cloud Animasi

Jumat, 25 Mei 2012


tag Cloud Animasi
TAG CLOUD ANIMASI
Widget Label Tag Cloud Animasi, Nah memang bermacam-macan bentuk animasi namun untuk mebuat animasi label blog yang tampilannya menawan anda bisa coba yang ini :
Seperti bisa ini di letakan di penambahan Gedget :

<b:widget id='Label99' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://anvity.googlecode.com/files/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.anvity.blogspot.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a> Distributed by <a href='http://www.anvity.blogspot.com'>Tifan Dwi Avianto</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "250", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Keterangan :
Lebar 250
Tinggi 300
Latar Belakang #ffffff
Warna Huruf 0x333333
Ukuran Huruf 12
Silakan anda rubah sesuai keinginan anda. 

SIMPAN

Cara Membuat Iklan di Bawah Judul Postingan

Rabu, 23 Mei 2012

>Cara Membuat Iklan Di Bawah Judul Postingan
Cara Membuat Iklan Di Bawah Judul Postingan
Cara Membuat Iklan Di Bawah Judul Postingan, Maksud dari judul di atas yaitu agar iklan yang anda pasang akan tampil di bawah judul postingan anda. Sebelum melanjutkan, Tutorial ini dapat Anda gunakan untuk iklan  PPC :
  • Adsense,
  • AdsenseCamp
  • Klik Saya
  • Ads Speedy
  • Adbrite
  • Bidvertiser
  • Chitika
  • AdClickMedia
  • ContextWeb
  • Kumpul Blogger
  • PPC Indo
  • dan lainnya
 Silakan Anda Parsekan Dahulu Kode Iklan yang akan anda letakkan tersebut di Tempat Parse HTML
setelah itu anda lakukan
  1. Masuk ke akun blogger kita.
  2. Klik fitur rancangan.
  3. Klik edit HTML.
  4. Klik Expand Template Widget.
  5. Cari kode HTML di bawah ini.

<div class='post-body entry-content'> atau <div class='post-header-line-1'>. Mengingat kode HTML tiap template berbeda-beda, maka cari saja salah satu yang ada pada template blog kita.

Setelah ketemu, letakan kode iklan yang sudah kita phrase tepat di bawah kode tadi.
Klik simpan dan selesai.


Cara Memasang Widget Parse HTML






Cara Memasang Widget Parse HTML, Parse HTML yaitu suatu alat untuk mengconvert code-code HTML yang akan di tampilkan di kolom postingan atau dengan kata lain, Code-code yang di buat untuk di letakkan dipostingan atau juga untuk membuat code-code iklan yang akan kita sisipkan di Edit HTML template :

Di Bawah Ini adalah script untuk widget parse HTML

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=315&amp;h=200&amp;title=Post-Code%3A+code+converter&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js">
</script>



Coba dan Lihat Hasilnya

Cara Menghilangkan Gambar Obeng dan Tang di Blog

Kamis, 17 Mei 2012

Cara Menghilangkan Gambar Obeng Dan Tang di Blog
OBENG DAN TANG
Obeng dan tang yaitu gambar yang terlihat waktu kita mengedit tata letak(rancangan) di blog, untuk mengetahui Cara Menghilangkan Gambar Obeng dan Tang di Blog maka sahabat blogger dapat mengikuti cara-caranya sebagai berikut:

Cara menghilangkannya:

1. Login ke blogger
2. Tata Letak lalu EDIT HTML
3. Centang "Expand Widgets Templates"
4. Cari kode <b:include name='quickedit'/>
5. Hapus kode tersebut

Setiap kode tersebut mewakili satu tool tang dan obeng sehingga kode tersebut lebih dari satu. Hapus semuanya.

Tip: Gunakan Ctrl+F, isikan <b:include name='quickedit'/> dan tinggal klik Next dan next untuk mencari kode kode itu

Nah, jika anda kesusahan dengan semua itu ada cara sangat praktis yakni hanya dengan cara menyisipkan kode di bawah ini di atas ]]></b:skin>

.quickedit{
display:none;
}

Simpan, dan selesai.

Cara Menghilangkan Tulisan Di Berdayakan Oleh Blogger

Minggu, 13 Mei 2012

Untuk menghilangkan tulisan di berdayakan oleh blogger, kenapa di hilangkan...??? mungkin ada juga pertanyaan seperti itu. Memang sebagai sifat manusia selalu tidak puas apa yang telah ada dan selau menginginkan lebih dari apa yang di dapatinya. Untuk apa saya katakan demikian karena kita hanyalah seorang manusia masing-masing individu masing-masing pula keinginannya. ada yang senang ada juga yang tidak senang,

Untuk anda yang suka memodifikasi blog mungkin juga ingin menghilangkan kata-kata  di berdayakan oleh blogger caranya sebagai berikut :

  1. Log In Blogger.com
  2. klik Template di menu
  3. klik Edit HTML
  4. klik Lanjutkan
  5. Centang kotak diatas script template anda
  6. Cari ]]></b:skin> dan copy paste kode berikut dan letakkan tepat diatas kode ]]></b:skin>

#Attribution1 {
heigh:0px;
visibility:hideden;
display:none:
}



Kemudian anda simpan
Selesai

Penyempurnaan HTML Webmaster Tool

Kamis, 10 Mei 2012

Banyak mamfaat Webmater tool seandainya kita ingin suatu keberhasilan dalam membuat blog atau website, karena di dalam Tool Webmaster banyak terdapat menu-menu yang bisa kita pakai untuk dapat Mengoptimalkan kinerja HTML yang ada di blog atau Website kita.

Untuk Mengoptimalkan Penyempurnaan HTML Webmaster tool anda bisa mencobanya dengan cara:
1. Anda masuk dulu ke Webmaster Tool

2.Anda klikTambah Situs (Bahasa Indonesia) Kalau anda yang sudah  mendaftarkan blog atau web site-nya bisa langsung mengklik layout template tersebut.

3. Setelah itu anda akan di bawa ke Menu yang terdapat di sebelah kanan Webmaster Tool diantaranya. 
  • Konfigurasi 
  • kesehatan 
  • lalu lintas
  • Pengoptimalan   
  • Lab
4. Anda Klik Pengoptimalan lalu akan keluar sub menu di bawahnya antara lain.
  • Peta Situs
  • Hapus url
  • Penyempurnaan HTML
  • Kata Kunci Konten
  • Sumber Daya Lain
5. Anda Klik Penyempurnaan HTML, Disana akan terdapat Tulisan yang menerangkan "Kinerja dan Pengalaman Pengguna situs anda dapat terbantu jika hal berikut teratasi".
6. Dibawah Tulisana "Deskripsi Meta" akan terlihat apakah ada HTML yang tidak dapat di     index oleh mesin pencari. Ini di tandai adanya link.
7. Anda klik link yang berwarna Biru tersebut. Yang bertuliskan "Duplikasi diskripsi meta".
8. Maka akan mucul di bawahnya HTML yang terdapat Kesalahan-kesalahan tersebut.
9. Anda klik terus link-link yang tertera.
10. Sempurnakan  link yang di tunjuk terdapat kesalahan maka  HTML sudah Di Optimalkan.

Selesai.

Artikel Lainnya

Cara Cepat Menaikan PageRank Blog

Selasa, 08 Mei 2012

Jika ada teman-teman yang mau mengetahiu cara bagaimana agar Cara Cepat Menaikan PageRank Blog dari Google dengan cara mudah mudah dan tentunya cepat selesai semoga setelah membaca beberapa cara dan penjelasan mudah dibawah ini dapat berhasil mendapatkan pagerank google dengan mudah, Untuk tips kali ini saya mau mencoba mengajak anda semua untuk memanfaatkan kedahsyatan faktor kali dan kecepatan penyebaran ini dalam bentuk backlink.
Cara cepat update PageRank gampang kok, Yang perlu kalian lakukan adalah meletakkan link-link berikut ini di blog atau artikel kalian.
 1. Google
7. Yahoo
 Tapi ingat, sebelum kalian meletakkan link diatas, kalian harus menghapus peserta nomor 1 dari daftar. Sehingga semua peserta naik 1 level. Yang tadi nomor 2 jadi nomor 1, nomor 3 jadi 2, dst. Kemudian masukkan link kalian sendiri di bagian paling bawah (nomor 10).
Jika tiap peserta mampu mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah
Ketika posisi kalian 10, jumlah backlink = 1
Posisi 9, jml backlink = 5
Posisi 8, jml backlink = 25
Posisi 7, jml backlink = 125
Posisi 6, jml backlink = 625
Posisi 5, jml backlink = 3,125
Posisi 4, jml backlink = 15,625
Posisi 3, jml backlink = 78,125
Posisi 2, jml backlink = 390,625
Posisi 1, jml backlink = 1,953,125
Dan semuanya menggunakan kata kunci yang kalian inginkan. Dari sisi SEO kalian sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung web para downline kalian mengklik link itu, juga membuat blog kalian mendapatkan traffik tambahan.
Nah, silahkan copy paste artikel ini, dan hilangkan peserta nomor 1 lalu tambahkan link blog/website kalian di posisi 10. Ingat, kalian harus mulai dari posisi 10 agar hasilnya maksimal. Karena jika kalian tiba2 di posisi 1, maka link kalian akan hilang begitu ada yang masuk ke posisi 10. Semoga berhasil mempraktekan tips Cara cepat Menaikan PageRank Blog


Artikel Lainnya

Cara Membuat News Tiker

Cara Membuat News Tiker, News Tiker yaitu Suatu Teks yang berjalan yang menunjukan artiker-artiker terbaru anda sehingga para pengunjung blog dapat mengetahui tentang artikel-artikel terbaru yang anda buat, News Tiker ini letaknya di Header di bawah komlom menu atau kolom navigasi seperti di blog ini yang tulisannya HEADLINES.

Untuk membuatnya tampilan News Tiker di Blog anda, anda dapat mengikuti tutorialnya Sebagai berikut :


  1. Login: Login to Blogger (Login ke Blogger) dengan cara menuliskan "User Name/alamat email" dan memasukkan "Pasword (Sandi)".
  2. Dasboard (Dasbor): KLIK link "Template". Tunggu beberapa saat hingga halaman baru terbuka.
  3. Edit HTML: lalu  KLIK "Lanjutkan".
  4. Backup Template Anda dengan cara memberi Centang di kotak Di atas 
  5. Cari kode ]]></b:skin> dan copy paste kode berikut dan letakkan tepat diatas kode ]]></b:skin> 

/* News Ticker Wrapper */
.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheLZ1Fl0P3_dpUDjJp28mQSGZf3POvmep9ZVdObiay8hCBXTA3Gz0dhLje10cLnvbRCFti9YebFDn785mFd1S8skTLFqSO3GM3vIMhBMRKG1tqGgSEoVTC_p2AcNAth3qmbdlOLucv-sw/s1600/headline.png) no-repeat top left;width:940px;margin:0 auto;padding:0 auto;height:28px;color:#ff0000;}
.news {width: 940px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link{color:#ff0000;font-weight: bold;text-decoration:none}
.news a:visited{color:#ddd;font-weight: bold;text-decoration:none}
.news a:hover{color:#fff;font-weight: bold;text-decoration:underline}

 6. Lalu Cari kode </head> dan letakkan kode dalam spoiler ini tepat diatas kode </head>



<script src='http://www.google.com/jsapi?key=ABQIAAAA4qkT5i26SQ6NmgJd5KQemhRQ_a6zv5_Bim3H_GL4gaueIFZ15xRdt8jcAUk8ZHokIVo-TBZgYVbkzw' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> ARTIKEL TERBARU KU';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};
var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]></script>


 7. Dan langkah terakhir Peletakkan kode HTML untuk newstickernya, kamu bisa meletakkan ditempat yang kamu inginkan. dan disini sebagai contoh saya akan meletakkanya dibawah menu navigasi horisontal. silahkan cari kode <div id='navigation'> dan setelah kode <div id='navigation'> ditutup dengan kode </div> letakkan kode berikut tepat dibawah kode </div> 
<div class='newspic'>
<div class='news'>
<div style='float:left;padding:5px 60px 5px 7px;font:bold 14px Arial;color:#333;text-transform:none;'>
Berita Terbaru :
</div><div style='float:left;width:680px;padding:4px 0; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)
cssfeed.addFeed(&quot;wo os&quot;, &quot;http://dalideu.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
</div><div style='clear:both;'/>
</div>
 Ganti URL berwarna merah dengan URL blog kamu

Nah, Sekarang simpan template kamu.  

Keterangan:
Kode menu navigasi berbeda-beda, jika tidak menemukan kode pada langkah terakhir coba kamu cari kode <div id='content-wrapper'> dan letakkan kode HTML newsticker (yang ada pada nomor 7 ) letakkan tepat diatas kode <div id='content-wrapper'>


Artikel Lainnya

Google AdSense Support Untuk Bahasa Indonesia

Senin, 07 Mei 2012

Google AdSense Support Untuk Bahasa IndonesiaSelamat Datang di Program adSense! Akhirnya Google adSense Support Untuk Bahasa indonesia, ini merupakan kabar yang baik dan menyenakan bagi blog atau website yang berbahasa indonesia.  Selama ini memang Google Adsense terasa sulit untuk menempatkan iklannya di blog bahasa indonesia kalaupun ada mungkin bagi mereka yang tau triks atau cara agar blog atau webnya bisa di pasang iklan dari google adsense.

Emanuele Brandi staf dari Google resmi mengumunkan di situs reminya bahwa adsense telah mensupport bahasa indonesia, disini saya memang sengaja mengabarkan  buat teman-teman blogger yang belum tahu.
Jika teman-teman sudah memiliki account AdSense, tidak perlu mendaftar lagi , akun lama juga diperbolehkan untuk menampilkan iklan adsense untuk bahasa indonesia .

AdSense juga sudah support untuk konten Mobile pada situs mobile dalam Bahasa Indonesia. jika teman-teman belum paham tentang menerapkan iklan adsense untuk situs mobile silakan menuju pusat bantuan untuk mempelajari bagaimana menerapkan AdSense di situs mobile.

Kabarkan ke teman-teman blogger sekalian biar kita bisa dapat penghasilan dan juga sebagai cambuk untuk membuat konten yang bagus.

Artikel Lainnya

Cara Mengirim Artikel Blog ke Facebook

Minggu, 06 Mei 2012

Cara Mengirim Artikel Blog ke Facebook
Cara Mengirim Artikel Blog ke Facebook
Setelah sekian lama mengotak atik facebook dengan di pandu tutorial dari browsing di internet akhirnya lega juga. artikel-artikel yang aku buat akhirnya bisa nongkrong di facebook, kenapa saya terlalu ngotok untuk membuat agar supaya artikel-artikel saya bisa nagkring di facebook tiada lain dan tiada bukan agar blogspot saya ini banyak di kunjungi itu harapannya saya...

mau tau bagaimana Cara Mengirim Artikel Blog Ke Facebook ..??
Begini caranya : Oh ya dalam hal ini saya mengunakan fitur fitur yang ada di RSS GRAFFITI di karenakan :
  1. Memperbolehkan anda untuk mengatur tampilan artikel dalam bentuk feed biasa atau pesan singkat seperti Twitter
  2. Menyaring artikel dari tanggal tertentu
  3. Memberi pesan tambahan pada setiap artikel yang dipublikasi
  4. Mengatur jadwal posting
  5. Mempublikasi twitter tweak ke facebook
oke langsung saja simak langkah langkah berikut:
  1. anda log in ke Facebook anda 
  2. Kemudian anda buka Aplikasi RSS GRAFFITI  (Izinkan)
  3. Lalu anda klik Tulisan BETA.RSSGRAFFITI.COM.
  4. kemudian anda Klik lagi Tulisan ADD NEW PUBLISING PLAN
  5. Kemuadia akan muncul format-format berikut :
  6. a. Feed URL: isi alamat feed blog anda. Contoh:http://nama blog anda/feed/post/defult
    b. Source Name: Isi nama blog anda
    c. Source URL: Isi alamat blog anda
    d. Post style: Biarkan saja ‘Standard’. Jika anda ingin postingan muncul dalam bentuk pesan singkat seperti Twitter pilih ‘Compact’ atau ‘Status updates’
  7. klo semuanya sudah diisi silahkan disimpan.
SELESAI...


Artikel Lainnya


Tips Mengedit HTML DI Blogspot

Tips Mengedit HTML Di Blogspot
Tips Mengedit HTML Di Blogspot
Tips Mengedit HTML Di Blogspot, Kaliini kita akan membahas cara-cara mengedit HTML di blogspot karena tujuannya yaitu untuk mempermudahkan kita agar nantinya kita memahami cara-cara atau petunjuk tentang pengeditan tersebut, mana tau nantinya para sahabat blogger yang baru belum begitu tahu caranya, buat yang lebih tau ya silakan di kasih masukan atau petunjuk agar para blogger yang baru bisa belajar dari yang lebih tau.

Dalideu blogspot ini memang juga baru belajar dalam soal blog memblog ini, maka mungkin banyak yang tidak sesuai dengan apa yang di paparkan atau memang ada yang sesuai dan berkenan bagi anda di tutorialnya. Kembali lagi cara mengedit HTML di blog tiada lain apa bila di dalam anda mau mengedit kode-kode HTML atau pingin nambah atau juga mengurang kode-kode yang ada di tempelate saudara, tujuannya agar blog tampil seindah dan semenarik mungkin menurut anda.

1.Backup Template
Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"
Ini yang kadang2 dilupakan para "editor". Kalau kotak  "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian
Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".

4Tips Menghadapi Error Yang Muncul
Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener-benar sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.
Nah sedemikian lah dahulu tipsnya, terima kasih sudah mampir dan berkenan untuk membaca artikel yang lain.


Artikel Lainnya


Cara Membuat Text Animasi Berubah Warna Di Blog Dalideu

Jumat, 04 Mei 2012

Cara Membuat Text Animasi Berubah Warna Di Blog Dalideu text animasi ganda yaitu suatu text yang warnanya dapat berubah-rubah dengan sendirinanya maka text ini menyerupai animasi, Biasanya tek\xt ini di gunakan ucapan selamat datang atau suatu sapan yang punya blog kepada si pengunjung blog sehingga text ini menpunyai daya tarik tersendiri bagi pengunjung blog kita. Untuk membuatnya anda bisa mengikuti langkah-langkah berikut ini :

  1. Login: Login to BloGGeR (Login ke BloGGeR) dengan cara menuliskan "User Name/alamat email" dan memasukkan "Pasword (Sandi)".
  2. Dasboard (Dasbor): KLIK link "Layout (Tata Letak)". Tunggu beberapa saat hingga halaman baru terbuka.
  3. Tata Letak (Layout): Saat ini sampeyan ada di halaman "Page Element/Elemen Laman". KLIK "Tambah Gadget (Add Gadget)".
  4. Widget: KLIK "HTML/Javascript". Tunggu beberapa saat.
  5. HTML/Javascript: Copy paste Javascript ke dalam box penambahan widget (HTML/Javascript).
  6. SAVE/Simpan: KLIK "SAVE/Simpan".
  7. Buka Blog (Open Blog): Lihat hasilnya dengan membuka blog sampeyan.
  8. Efek Animasi Teks ini sudah di coba di BlogSPOT (blog tempat percobaan) dan tampil sangat menarik, tanpa masalah sedikitpun.

Kode HTML/Javascript Animasi Berubah Warna

<div style="padding:5px 20px; border:2px solid blue; font-size:21px; font-family:Cataneo BT;font-weight:bolder;"><marquee behavior="scroll" direction="left" onmouseover="stop" onmouseout="run" scrollamount="3">
<script type="text/javascript">
var message="Selamat datang Di Tutorial Dalideu blogspot com  Dengan Judul Cara Membuat Text Animasi Berubah rubah Warana di Blog Dalideu...Blognya Mdah Kincai"
var bgsGR1color="green" /* Warna utama teks */
var bgsGR2color="red" /* Warna teks flash pertama */
var bgsGR3color="blue" /* Warna teks flash ke dua */
var flashspeed=40 // kec. ganti warna (1/1000 dt)
var flashingletters=50 // jumlah teks pertama
var flashingletters2=50 // jumlah berwarna teks ke dua
var flashpause=30 // waktu jeda pergantian warna (1/1000 dtk)
var n=0
if (document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')}else
document.write(message)
function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj}function neon(){if (n==0){for (m=0;m<message.length;m++)
crossref(m).style.color=bgsGR1color}
crossref(n).style.color=bgsGR2colorif (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=bgsGR1colorif (n<message.length-1)
n++
else{n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return}}
function beginneon(){if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)}
beginneon()
</script></marquee></div>


Silakan Anda Otak atik sesuai dengan Keinginan Anda. Sebelum yakin Silakan lihat DEMO

Artikel Lainnya

Membuat Cursor Jam Dengan Identitas Blogger

Kamis, 03 Mei 2012

Membuat Cursor Jam Dengan Identitas Blogger, Tutorial kali ini kita akan mengetahui bagaimana membuat cursor jam dengan identitas blogger. tujuan dari kita membuat ini ialah untuk mempercantik blog kita sehingga blog cantik tutorialnya bagus akhir-akhirnya pengunjung dengan sendiri datang tampa kita undang.. hahaha.. maling kali ya tampa di undang.. maka untuk membuatnya gampang-gampang susah, dibilang gampang ya susah di bilang susah ya gampang... Yuk...!!!  kita mulai saja. Oh ya Untuk tampilan cursosnya seperti cursor di blog ini.

1.Copy kode CSS berikut ini Lalu Pastekan dia atas ]]></b:skin>

dalideujam1{
        background:transparent;
        position:absolute;
        z-index: 999999;
        top:0px;
        left:0px;
        width:16px;
        height:16px;
        font-family:cursive;
        font-size:16px;
        text-align:center;
        font-weight:bolder;
}
.dalideujam2{
        position:absolute;
        z-index: 999999;
        top:0px;
        left:0px;width:12px;
        height:12px;
        font-family:cursive;
        font-weight:bolder;
        font-size:10px;
        text-align:center;
}

2.Lalu Copy javascript berikut ini, kemudian anda letakkan di atas </body>

<script src="http://dalideujam.googlecode.com/files/dalideujam.js" type="text/javascript"></script>

3. Cara Yang Lain :
Sahabat blogger mau meletakkannya di Penambahan Gedget bisa di Copy Pastekan di Dalam Kolom Gedget HTML/Javascript  kode HTML/Javascript berikut :

<style type="text/css">
.dalideujam1{
        background:transparent;
        position:absolute;
        z-index: 999999;
        top:0px;
        left:0px;
        width:16px;
        height:16px;
        font-family:cursive;
        font-size:16px;
        text-align:center;
        font-weight:bolder;
}
.dalideujam2{
        position:absolute;
        z-index: 999999;
        top:0px;
        left:0px;width:12px;
        height:12px;
        font-family:cursive;
        font-weight:bolder;
        font-size:10px;
        text-align:center;
}
</style>

<script src="http://dalideujam.googlecode.com/files/dalideujam.js" type="text/javascript"></script>

Selesai.

 Sumber : GubugReyot

Artikel Lainnya

Membuat Text Berputar

Minggu, 29 April 2012

Membuat Text Berputar
Membuat Text Berputar
Setelah kemaren kita membuat Photo berputar sekarang giliran kita membuat text berputar Mengelilingi mause ini kita buat sebagai penghias blog dan sebagai daya tarik pengunjung agar betah berlalama lama di blog kita. Mari ikuti saya ..eeee kok saya yang di ikuti..maksudnya ikuta cara-caranya sebagi berikut : Lihat DEMO

Cara Membuat Teks yang Berputar Mengelilingi Cursor
1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:



<style type="text/css">
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#39;, verdana, arial;
color: #0000FF;

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
//<![CDATA[

;(function(){

// BUAT TULISANNYA DISINI "SEMOGA BETAH DI BLOG DALIDEU...(QUOTED STRING)
var msg = "SEMOGA BETAH DI BLOG DALIDEU...";


// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 25;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

//DALIDEU//

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>

5. Sebelum disimpan, ganti tulisan Membuat Teks yang Berputar Mengelilingi Cursor dengan teks/tulisan yang kita inginkan.

Artikel Lainnya

Cara Membuat Fhoto Berputar

Sabtu, 28 April 2012

Membuat Foto Berputar
Cara Membuat Fhoto Berputar
Cara membuat Fhoto berputar, untuk apa, bagaimana....mungkin pertanyaan itu akan timbul di benak saudara namun kalau sudah melihat hasilnya mungkin saudara sahabat blogger ingin juga meletakkanya di blog saudara, sebagai penghias blog.coba lihat gambar di atas dan dekati cursor mouse anda.

Nah begini caranya :
login ke blogger anda,
kemudian pilih dasboard,lanjut pilih rangcangan klik edit HTML...
lalu cari kode ]]></b:skin> jika dah ketemu

copi-paste kode dibawah ini taruh di atas kode ]]></b:skin>

.simplerotate{
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;
}

.simplerotate:hover{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}

lalu simpan
kemudian ke rangcangan-elemen laman-klik add elemen laman -pilih HTML/javascript

copy code dibawah ini, kemudian paste di gadget hatml/Javascript


<img border="0" class="simplerotate" original="URL PHOTO ANDA" src=" URL PHOTO ANDA " style="display: inline;" />

lihat hasilnya

Artikel Lainnya

Membuat Breadcrumb Yang Terindex Mbah Google

Jumat, 27 April 2012

Membuat Breadcrumb Terindex Mbah Google
Membuat Breadcrumb Yang Cepat Terindex Mbah Google. Kenapa saya mebuat mbah Google yaitu Karena kalau di indonesia Mbah artinya sama Dengan Orang yang sudah tua dan di hormati, maka saya memakai mbah google juga karena kita yang di dunia maya ini sangat menghormati google tiada lain dan tiada bukan sehingga kita bisa menjadi cucu kesanyangan mbah google dan blog kita juga di sukai oleh google hehehe  mbah. jadi biar mbah google cepat melampirkan blog kita di pencariannya....Dengar ya mbah.

Nah kembali ketema kita tadi yaitu membuat Breadcrumb maka para sahabat yang mungkin selalu betah berada di blog ku ini...hehehe LEBAY. harus betahya....ah ngaco lagi..Yok kita langsung saja ke Tutornya.

1. cari kode ]]></b:skin> lalu letakkan kode berikut ini di bawah kode ]]></b:skin> (Jika sobat sudah mempunyai Breadcrumb silhkan di hapus dulu)

.breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}

2. Cari kode <b:include data='top' name='status-message'/> terkadang kode <b:include data='top' name='status-message'/> ada dua, jika ada dua cari kode <b:include data='top' name='status-message'/> yang dekat dengan kode <data:defaultAdStart/> lalu letakan kode <b:include data='posts' name='breadcrumb'/> ini tepat dibawah <b:include data='top' name='status-message'/> Maka hasilnya seperti ini
<b:include data='top' name='status-message'/>

<b:include data='posts' name='breadcrumb'/>

<data:defaultAdStart/>

Jika di template anda kode <b:include data='top' name='status-message'/> ada satu maka cari kode <b:includable id='post' var='post'> lalu letakkan kode <b:include data='posts' name='breadcrumb'/> tepat di bawah kode <b:includable id='post' var='post'> Maka Hasilnya Seperti ini
<b:includable id='post' var='post'>

<b:include data='posts' name='breadcrumb'/>

3. Yang terakhir silhkan anda cari kode <b:includable id='main' var='top'> lalu letakkan kode dibawah ini tepat di atas kode <b:includable id='main' var='top'>
<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl == data:blog.url'> <!-- No breadcrumb on home page --> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- breadcrumb for the post page --> <p class='breadcrumbs'> <span class='post-labels'> <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'> <a expr:href='data:blog.homepageUrl' href='' itemprop='url' rel='tag'><span itemprop='title'>Home</span></a></span> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == &quot;true&quot;'> &#187; <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'> <a expr:href='data:label.url' href='' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a></span> </b:if> </b:loop> <b:else/> &#187;Unlabelled </b:if> &#187; <span><data:post.title/></span> </b:loop> </span> </p> <b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <!-- breadcrumb for the label archive page and search pages.. --> <p class='breadcrumbs'> <span class='post-labels'> <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'> <a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; Archives for <data:blog.pageName/> </span> </p> <b:else/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <p class='breadcrumbs'> <span class='post-labels'> <b:if cond='data:blog.pageName == &quot;&quot;'> <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'> <a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; All posts <b:else/> <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'> <a expr:href='data:blog.homepageUrl'><span itemprop='title'>Home</span></a></span> &#187; Posts filed under <data:blog.pageName/> </b:if> </span> </p> </b:if> </b:if> </b:if> </b:if> </b:includable>

Lalu klik save, selesai, nah berikut tadi adalah Cara Membuat Breadcrumb Terindex Mbah Google jika Cara Membuat Breadcrumb Terindex mbah Google ini jika anda masih bingung silahkan bertanya pada saya. untuk mengetahui Breadcrumb Terindex Di Google silahkan sobat publish posting terbaru, lalu cek di google dan lihat hasilnya.

Artikel Lainnya

Cara Membuat Permalink di Blogspot

Cara Membuat Permalink di Blogspot
Cara Membuat Permalink di Blogspot, banyak blog atu website yang tutorialnya untuk mengetahui cara membuat permalink di blog namun saya rasa tidak ada juga salahnya saya memapar ulang bagai mana cara membuat permalaink di blog mana tahu sahabat blogger sekalian hampir di blog ini dan mencari tahu bagai mana cara membuat permalink tersebut.

Langsung saja kita tahu bagai mana cara kerja untuk membuat permalink di blogspot :

  • Masuk ke akun blogger anda.
  • Masuk ke rancangan > edit html
  • Jangan lupa untuk centang expand template widget.
  • Sekarang cari kode berikut ini ]]></b:skin> 
  • Letakan kode css bawah ini di atas kode tadi


.buatpermalinkblogger
{border: 1px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}

.buatpermalinkblogger a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}


  • Setelah itu cari kode <data:post.body/>
  • Setelah anda menemukannya lalu hapus kode tadi dan ganti dengan kode ini


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p><data:post.body/></p>
<div class='buatpermalinkblogger'>
<center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya.</small></center></div>
<b:else/>
<p><data:post.body/></p>
</b:if>


  •  Lalu tekan simpan dan lihat hasilnya

Cara buat permalink pada blog readmore Untuk memasang permalink di blog yang sudah menggunakan readmore sedikit berbeda
  • Silahkan anda ikuti cara saya yang diatas , masuk ke blogger anda
  • Pada cara buat permalink blog diatas anda disuruh mencari kode berikut ini <data:post.body/> 
  • Untuk yang sudah memasang readmore kode diatas akan ada dua.
  • Sehingga akan terlihat kodenya seperti ini :


<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>


  • Anda tinggal sisipkan kode permalink seo anda di bawah kode berikut ini 


<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>


  • Maka permalink anda tidak akan terlihat pada homepage , hanya akan terlihat saat anda membuka posting blog.

Artikel Lainnya

TIPS SEO

AGAMA

RECENT POST

TOOL ONLINE

 

© Copyright DALIDEU BLOGSPOT 2010 -2011 | Design by Herdiansyah Hamzah | Published by Borneo Templates | Powered by Blogger.com.