Cara Membuat Menu Navigasi Breadcrumb Di Blogspot
Dimas
10.51
No comments
Menu Navigasi Breadcrumb ini merupakan salah satu penunjang SEO dalam sebuah blog. Dilihat dari pengertinya yaitu adalah sebaris link tautan internal pada bagian atas postingan atau dibawah halaman situs web yang memudahkan pengunjung untuk kembali ke bagian sebelumnya atau ke halaman dasar dengan cepat.
Cara Membuat Menu Navigasi Breadcrumb pada blogspot memang harus dilakukan secara manual. Tidak seperti pada wordpress yang memang kebanyakan templatenya sudah SEO Friendly alias sudah tersedia navigasi breadcrumbnya Nah untuk membuat blogspot SEO Friendly ada baiknya kita memasang navigasi breadcrumb di blog.
Saya yakin sudah banyak blogger yang sudah tidak asing dengan Navigasi Breadcrumb ini. Tapi siapa tahu masih ada yang belum tahu, dan juga bisa sebagai bookmark buat saya agar tidak repot2 mencari kesana kemari untuk membuatnya. jadi untuk para master blog lewati saja postingan ini. Hehehe
Untuk lebih jelasnya sobat bisa melihatnya dibagian atas setelah judul posting. atau perhatikan screenshot dibawah ini:
Demo
Berikut langkah-langkah membuatnya:
1. Masuk Rancangan/Layout
2. Pilih Edit HTML
3. Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
4. Beri tanda centang "Expand Template Widget"
5. Tekan Ctrl+F (untuk mempermudah pencarian) Cari kode berikut:
]]></b:skin>6. Copy lalu paste-kan kode dibawah ini tepat diatas kode diatas
.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}
7.Kemudian carilah kode:
<b:includable id='main' var='top'>8. Setelah ketemu,letakkan breadcrumb script berikut tepat diatasnya.
<b:includable id='breadcrumbs' var='post'>
<!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Browse:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> >
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>9. Kemudian,cari lagi kode berikut: <b:if cond='data:post.dateHeader'>10.Jika sudah ketemu,letakkan kode dibawah ini tepat diatasnya.<b:include data='post' name='breadcrumbs'/>11.Kemudian Simpan Templates dan Selesai.
Selamat mencoba dan semoga berhasil,,
Note: menu navigasi breadcrumbs ini hanya akan terlihat diatas artikel anda atau dibawah judul blog anda saat anda membuka halaman suatu posting bukan halaman utama blogspot anda.
source = http://pelajaran-blog.blogspot.com
Cara mengukur Berat / Size Blog
Dimas
07.29
No comments
Pada waktu awal-awal membuat blog, saya sangat tertarik untuk menambahkan beberapa widget ke dalam blog saya. Mulai dari jam, kalender, serta beberapa widget yang lainnya dari pihak ke-tiga. Tujuannya agar blog saya terlihat manis dan cantik dengan adanya pernak-pernik tersebut. Namun tanpa saya sadari ternyata blog menjadi berat ketika dibuka. Apalagi saya menggunakan sambungan internet yang terbilang tidak begitu cepat. Akibatnya saya membutuhkan waktu yang cukup lama untuk membuka blog saya.
Saat saya menemukan blog orang lain yang berat ketika dibuka maka saya akan meninggalkannya dan beralih ke blog yang lain. Mungkin hal ini terjadi pula pada saya saat orang lain berkunjung ke blog saya. Hal ini berarti saya mengalami kerugian karena orang tidak jadi berkunjung ke blog saya. Jalan keluarnya adalah saya harus menghapus widget-widget yang dirasa tidak penting bagi para pengunjung. Tujuannnya adalah agar blog menjadi lebih ringan saat dibuka.
Informasi yang beredar di dunia maya menyatakan bahwa blog yang baik adalah blog yang mempunyai berat atau size tidak lebih dari 100 KB. Bila berat blog lebih dari itu maka blog tersebut sudah termasuk blog yang "gendut". Solusinya yaitu tadi, hilangkan widget-widget yang sekiranya tidak berguna bagi pengunjung. Pertahankan widget yang penting-penting saja. Misalnya widget yang mengarahkan pembaca ke artikel-artikel yang ada di dalam blog kita.
Nah di bawah ini ada sebuah alat yang dapat digunakan untuk mengukur berat atau size blog. Kamu tinggal memasukkan alamat blog yang hendak diukur setelah itu klik Check!. Kamu dapat memasukkan alamat blog maksimal sebanyak 10 buah. Masukkan setiap alamat blog pada baris yang baru.
Cara menampilkan Recent Post (Postingan Terbaru)
Dimas
04.41
No comments
Kalo Sobat ingin Menampilkan postingan terbaru (Recent Post) kamu di side bar?
Kalo pingin, beginilah caranya :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy kode berikut ini dan taruh dalam kotak "content".
4. Ganti http://arifpoetrayunar.blogspot.com dengan nama blog kamu.
5. Angka "10" menunjukkan jumlah "Recent Post" yang ditampilkan, kamu bisa menggantinya
6. Terus Simpan deh.
Gampang kan,,,hehehehee,,
Selamat mencoba,,,,
Kalo pingin, beginilah caranya :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy kode berikut ini dan taruh dalam kotak "content".
<script>
function rp(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(lagi)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
if (showpostdate == true) document.write(' ' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + '>> ');
document.write(posttitle + ' ');
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write('-> ' + postcontent + '...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');
}
</script><script>var numposts = 10; var showpostdate = true; var showpostsummary = false; var numchars = 100; </script><script src="http://arifpoetrayunar.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script>
function rp(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(lagi)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
if (showpostdate == true) document.write(' ' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + '>> ');
document.write(posttitle + ' ');
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write('-> ' + postcontent + '...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');
}
</script><script>var numposts = 10; var showpostdate = true; var showpostsummary = false; var numchars = 100; </script><script src="http://arifpoetrayunar.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script>
4. Ganti http://arifpoetrayunar.blogspot.com dengan nama blog kamu.
5. Angka "10" menunjukkan jumlah "Recent Post" yang ditampilkan, kamu bisa menggantinya
6. Terus Simpan deh.
Gampang kan,,,hehehehee,,
Selamat mencoba,,,,
Cara Membuat Cursor selalu di ikuti text
Dimas
03.52
No comments
Jika sobat tertarik untuk menciptakan cursor dengan text sendiri, silahkan ikuti langkah-langkah berikut ini :
1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilhan HTML/JavaScript
6. Pastekan script di bawah ini ke kolom Konten
7. Silahkan ganti tulisan berwarna merah dengan tulisan pilihan anda
8. Klik Simpan
9. Selesai
Selamat mencoba, semoga bermanfaat
1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilhan HTML/JavaScript
6. Pastekan script di bawah ini ke kolom Konten
script
<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg=' Arif Poetra Yunar Blog'.split('').reverse().join('');
var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;
// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;
// Alter no variables past here!, unless you are good
//---------------------------------------------------
var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";
if (ie)
window.pageYOffset=0
// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}
if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}
var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}
}
cursor_text_circle();
</script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg=' Arif Poetra Yunar Blog'.split('').reverse().join('');
var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;
// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;
// Alter no variables past here!, unless you are good
//---------------------------------------------------
var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";
if (ie)
window.pageYOffset=0
// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}
if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}
var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}
}
cursor_text_circle();
</script>
7. Silahkan ganti tulisan berwarna merah dengan tulisan pilihan anda
8. Klik Simpan
9. Selesai
Selamat mencoba, semoga bermanfaat
Cara Membuat Read More di Blogspot
Dimas
14.45
No comments
Cara membuat read more di Blogspot atau blogger sangat mudah, hanya dengan manupulasi CSS display:none yaitu meng-hiden teks yang tidak ingin ditampilkan di home, archive dan halaman label. Sebenarnya teknik ini bisa digunakan untuk menerapkan salah satu teknik Black Hat SEO di blogspot, untuk teknik SEO haram ini tidak akan saya bahas disini, yang berminat silakan explore dan dicoba sendiri.
Berikut ini langkah-langkah untuk membuat read more blogger
- Silakan login ke blogger.com, klik link Layout (Tata Letak) kemudian klik link Edit HTML
- Aktifkan list Expand Template Widget, agar source script template bloggernya terlihat secara keseluruhan.
- Tepat di atas atau sebelum tag </head> masukkan kode berikut seperti ini:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.hidenpost {display:inline;}
div.hidenpost {display:inline;}
<b:else/>
span.hidenpost {display:none;}
div.hidenpost {display:none;}
</b:if>
</style>
<b:if cond='data:blog.pageType == "item"'>
span.hidenpost {display:inline;}
div.hidenpost {display:inline;}
<b:else/>
span.hidenpost {display:none;}
div.hidenpost {display:none;}
</b:if>
</style>
Selanjutnya cari kode <data:post.body/> dan tambahkan kode berikut tepat dibawahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Baca selengkapnya <data:blog.pageTitle/></a>
</b:if>
<a expr:href='data:post.url'> Baca selengkapnya <data:blog.pageTitle/></a>
</b:if>
Selesai deh. Sekarang setiap posting letakkan
<span class="hidenpost"> sisa postingan yang akan dihiden, akhiri dengan </span> (ketika memasukkan <span class="hidenpost"> dan </span> posting harus dalam mode Edit HTML bukan Compose) pastikan juga diantara <span class="hidenpost"> dan </span> tidak boleh ada <span> jika tidak bisa dihindarkan gunakan <div class="hidenpost"> dan </div>
demikian juga sebaliknya..
Popular Posts
-
Microsoft Office 2016 Pro Plus ISO And Activator Meet again in www.arifpoetrayunar.blogspot.com This time arifpoetrayunar will add labels an...
-
Aspire S3 Ultrabook Notebook Pertama Acer - Sesuai dengan judul diatas, ternyata Aspire S3 adalah Ultrabook Notebook Pertama Acer . Sekaran...
-
Lagi dapet jatah ronda malam neh daripada bengong mending saya bikin postingan, tapi bingung mau cari postingan apa yah ( sambil garuk-...
-
Next Launcher 3D Shell v3.21 Cracked Apk Meet again in www.arifpoetrayunar.blogspot.com This time arifpoetrayunar will add labels android ...
-
Peraturan Kontes Seo Zahir Accounting - Begitu banyak Kontes Seo yang di selenggarakan di awal tahun 2012 ini, di antaranya Software Akunt...
-
Download TeamViewer 8.0.17396 Enterprise Full Version - Menjelang aktifitas pagi, Arif Poetra Yunar Blog ingin share dulu neh sebuah softw...
-
Android Apps FREE Ampere Pro v1.43 Final Apk Meet again in www.arifpoetrayunar.blogspot.com This time arifpoetrayunar will add labels androi...
-
Mega Mod Real Racing 3 v3.4.1 Apk Requirements: Android OS 4.0 and up Download : Mega Mod Real Racing 3 v3.4.1 Apk (44,2 MB) Link1/Link2/Lin...
-
Free Google Earth Pro v7.1.x Universal Cracked Meet again in www.arifpoetrayunar.blogspot.com This time arifpoetrayunar will add labels andr...
-
Hotel Murah di Jakarta via KlikHotel.com Buat sobat Blogger ada info kontes SEO nih , Kontes SEO ini di selenggarakan oleh KlikHotel.com ,...
Mengenai Saya
Diberdayakan oleh Blogger.




