Cara Membuat Sitemap Keren Pada Blog
07 November 2015
Add Comment
Pada kesempatan sore ini saya akan memberikan tips dan trik Cara Membuat Sitemap Keren Pada Blog, Apa Keuntunganna buat kita?, Sitemap blog jadi terlihat menarik, semakin betah dipandang, karena tampilannya tersusun rapi.
Baiklah kita langsung saja praktek :
1. Sobat login blogger
Masuk pada Halaman blog sobat (lihat Gambar di bawah) :
Baiklah kita langsung saja praktek :
1. Sobat login blogger
Masuk pada Halaman blog sobat (lihat Gambar di bawah) :
2. Edit Html
Setelah sobat masuk pada sebuah laman, maka sobat isi dulu judul lamannya dengan judul "Sitemap", atau sesuai dengan keinginan sobat, selanjutnya di dalam postingan laman tersebut sobat akan melihat tulisan compose dan html, maka sobat pilih metode html
3. Masukan Kode
Sesi terakhir yaitu memasukan code agar Sitemap blog sobat menjadi lebih menarik dan keren
kodenya ini :
"<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,center 60,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>
<br />
<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://ipank-aprilian.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div> "
Catatan : Pada tulisan yang berwarna merah ganti dengan alamat blog sobat.
4. Publikasikan
Dan lihat hasilnya setelah sobat mempublikasikan halamn sitemap yang keren.
Hasilnya akan seperti ini (lihat gambar) :
Semoga berhasil, dan jangan lupa meninggalkan komentar di kolom yang telah disediakan.
Posted By Ipank Aprilian
0 Response to "Cara Membuat Sitemap Keren Pada Blog"
Post a Comment
PERHATIAN !
Terimakasih anda tidak berkomentar yang berunsur :
1. Sara/p**no
2. Pelecehan atau peninstaan terhadap ras dan agama
3. Link rusak
4. Spam
Bila ingin copy artikel mohon cantumkan link yang menghubungkan ke blog saya.