Sebelumnya saya beritahukan bahwa pembuatan tampilan ini mengganggu kode HTML blog sobat karena editornya mengacu pada perubahan template asli, sehingga sebaiknya anda pasang code script-nya di subdomain blog anda. (seperti punya saya di pasang di http://bongkar-bangkir.blogspot.com/p/semua-tulisan-tawangakal.html) agar tidak mengganggu code script asli blog anda
Sekarang, jika anda berminat menggunakan ini, dapat mengikuti prosedur sebagai berikut :
Pertama, buat sub-domain blog anda (maksudnya membuat blog baru didalam blog utama teman!. bagi yang belum ta'u caranya, silahkan cari di internet karena saya lagi malas menulis disini)
Selanjutnya masuk kehalaman Postingan dan pilih edit elemen kemudian buat elemen baru.
Buat judul halaman baru anda tersebut sesuai selera kemudian tampilkan untuk mendapatkan url link-nya contoh punya saya http://bongkar-bangkir.blogspot.com/p/semua-tulisan-tawangakal.html
copy url tersebut kemudian simpan di text editor komputer anda.
Selanjutnya kita akan mengedit HTML sub-blog yang telah dibuat tersebut
cari kode </body> kemudian tambahkan kode </b:if > dibawah kode </body> tersebut. sementara itu kode yang telah dibuat tadi jangan disimpan dulu.
Selanjutnya cari kode </head> lalu copy-paste script dibawah ini tepat dibawah kode </head> tersebut
<b:if cond='data:blog.url == "URL-ELEMEN-HALAMAN-SUB-DOMAIN-ANDA TADI"'>
<style>
body{
margin:0;
padding:0;
background:#f1f1f1;
font:70% Arial, Helvetica, sans-serif;
color:#555;
line-height:150%;
text-align:left;
}
#container{
margin:20px auto;
width:680px;
background:#fff;
padding-bottom:20px;
border-left:1px solid #bebebe;
border-right:1px solid #bebebe;
}
#content{
margin:0 20px;
}
h1 {
background:none repeat scroll 0 0 #DDDDDD;
font-family:sans-serif;
font-size:27px;
font-style:italic;
font-weight:lighter;
text-align:center;
text-shadow:1px 0 0 #FFFFFF;
margin:0px;
}
p{
margin-bottom:18px;
font-style:italic;
font-family:Georgia, Times, serif;
font-size:24px;
color:#bfe1f1;
padding:0;
}
a {
text-decoration:none;
}
ul {
margin:0px;
padding:0px;
}
ul li {
border-left:1px solid #000000;
color:#BEBEBE;
font-family:Arial;
font-size:13px;
font-style:italic;
list-style:decimal inside url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSbnPq-Md0LoGrWRMt7BLXQC27lwARQKareS4TIJ2t8B7UZnG9Lzrrc2x_-LF1Qld32ISs1EgP2BO6T8kRljelkbJV2et0PuK0Goc8WUaGemZn17CyS00mMeMJEa4bfZUizvDvKD0V5Di7/");
margin:0 0 0 15px;
padding:8px 8px 8px 0;
}
li a{
text-decoration:none;
color:#057fac;
display:block;
margin-top:-12px;
padding:0 0 0 30px;
}
li a:hover{
text-decoration:none;
color:#999;
}
</style>
<!--[if IE 6]>
<style>
li a{
display:inline-block;
padding:0 0 0 5px;
margin-top:-10px;
}
</style>
<![endif]-->
</b:if>
<b:if cond='data:blog.url == "URL-ELEMEN-HALAMAN-SUB-DOMAIN-ANDA TADI"'>
<body>
<div id='container'>
<h1>JUDUL HALAMAN SEMAU-MU</h1>
<div id='content'>
<table border='0'><tr><td><a href='http://www.halaman-4.blogspot.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXso5dtBFGNwhfMy4OXiWptn_HoLJc3r00irKUMwkp06KHwPdTc-gAjE-fvaC0E1h72Qn-Th06RNdM-GXDR2n8a4XMd3pS2qch3TZ6GK2tP-7bIi39LWarLNBmvl7VMST_1EWBuHCuaui3/s1600/ico-home.png'/></a></td><td><a href='URL-UTAMA-BLOG-ANDA'>Home Page</a></td></tr></table>
<script src='http://www.yourjavascript.com/51121005353/sitemap.js' style='text/javascript'/>
<script src='URL-UTAMA-BLOG-ANDA/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc'/></div>
</div>
</body>
<b:else/>
ganti yang warna merah dengan url elemen halaman yang telah dibuat tadi
ganti yang warna hijau dengan url blog utama teman
sekedar catatan :
jika elemen halaman anda tidak ditampilkan di kolom Laman (seperti punya saya ini) maka buatlah url yang mengarah kepada halaman tersebut diatas.
contoh :
<a href="http://bongkar-bangkir.blogspot.com/p/semua-tulisan-tawangakal.html">ALLPOST</a>
Nah...bagaimana ? pengen coba?? SILAHHHHKAANNN
sumber utama = syb.com
[HAL-4]
0 komentar:
Senyum Tawang AlwaysPosting Komentar