Panduan Cara Membuat Efek Lipatan Pada Halaman di Blog. Panduan blogger untuk blogger pemula.Panduan blogger yang akan menjelaskan, membahas serta membantu sobat blogger semua tentang "Panduan Cara Membuat Efek Lipatan Pada Halaman di Blog". Efek lipatan pada halaman di blog disebut juga "Page Peel Effect". Sebenarnya fungsi dari pembuatan efek lipatan ini hanya untuk membuat tampilan blog tersebut lebih unik dibanding blog lainnya. Dalam perkembangannya, efek lipatan ini dirasa sangat menarik. Sehingga efek lipatan ini banyak dipakai oleh blogger. Perlu diketahui, uniknya dari efek lipatan ini kalau sobat mengarahkan kursor mouse sobat di bagian pojok kanan atas halaman web tersebut, maka halaman tersebut akan kelipat atau kebuka, namun hanya sebagian kecil saja dan di dalamnya terdapat gambar (disesuaikan) yang biasanya kalau diklik akan diarahkan ke suatu halaman lain seperti halaman RSS blog ataupun bisa berupa halaman lainnya..
Dan untuk membuatnya,silahkan ikuti langkah-langkah seperti berikut ini :
1. Login ke Blogger
2. Klik Template
3. Klik Edit HTML
4. Klik Lanjutkan dan beri tanda centang pada tulisan "Expand Widget Template"
5. Cari kode <b:skin><![CDATA[
6. Copy dan Paste kode di bawah ini di atas kode <b:skin><![CDATA[
<script src='http://sites.google.com/site/software2iqbalinc/javascript/script_ditunjuk_ngelipet_t4belajarblogger.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({width: '307px',height: '319px'}, 500);
} , function() {
$("#pageflip img").stop()
.animate({width: '50px',height: '52px'}, 220);
$(".msg_block").stop()
.animate({width: '50px',height: '50px'}, 200);
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({width: '307px',height: '319px'}, 500);
} , function() {
$("#pageflip img").stop()
.animate({width: '50px',height: '52px'}, 220);
$(".msg_block").stop()
.animate({width: '50px',height: '50px'}, 200);
});
});
</script>
7. Lalu cari kode ]]></b:skin> dan letakkan kode berikut ini di atasnya
#pageflip {
position: relative;
}
#pageflip img {
border: none;
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpwdL4LejnLGyPIJogWVkbFRm9_pbdJNFhvZZwqcZu_PZ4H74hbb3XyzlWnJfESj6x3nFPY2iA5ooVQNSHzzIb8r-VY14EADsGH_TsV4WcpB7UeVI8eIIOn6ps5ELPbONHPb2-96wZsvA/) no-repeat right top;
text-indent: -9999px;
}
position: relative;
}
#pageflip img {
border: none;
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpwdL4LejnLGyPIJogWVkbFRm9_pbdJNFhvZZwqcZu_PZ4H74hbb3XyzlWnJfESj6x3nFPY2iA5ooVQNSHzzIb8r-VY14EADsGH_TsV4WcpB7UeVI8eIIOn6ps5ELPbONHPb2-96wZsvA/) no-repeat right top;
text-indent: -9999px;
}
8. Cari kode <body> dan letakkan kode berikut ini di bawahnya.
<div id='pageflip'>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=tutorialbloggingdiblogger' target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhShqJfnmTvZaLx6aNABydilb0f4mXXL6-RvYK0MhqGStfIKS596N8ZyKJwuHW8Y-hIZlz1Xyg4UJprEBsIjVPeg1Jhib6kWoCS5VI7LbNuHfyGkya0Qe3yZXBF5DTPmaUT_1AiriHDGVc/'/>
<span class='msg_block'/>
</a>
</div>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=tutorialbloggingdiblogger' target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhShqJfnmTvZaLx6aNABydilb0f4mXXL6-RvYK0MhqGStfIKS596N8ZyKJwuHW8Y-hIZlz1Xyg4UJprEBsIjVPeg1Jhib6kWoCS5VI7LbNuHfyGkya0Qe3yZXBF5DTPmaUT_1AiriHDGVc/'/>
<span class='msg_block'/>
</a>
</div>
*Keterangan : Silahkan ganti tulisan yang berwarna hijau dengan link yang sobat inginkan,misal link rss
Panduan blogger untuk blogger pemula. Panduan blogger yang akan menjelaskan,membahas serta membantu sobat blogger semua yang khususnya masih awam dan masih pemula dalam dunia Blog tentang "Cara Menghapus Tulisan Beranda,Posting Lama dan Posting Baru di Blog.Perlu diketahui sebelumnya,bahwa tulisan Beranda,Posting Lama dan Posting Baru pasti akan selalu muncul di setiap halaman blog. Biasanya tulisan ini berada di bagian bawah halaman blog.Sebenarnya tulisan beranda, posting lama maupun posting baru mempunyai fungsi yang penting. Namun dalam perkembangannya, banyak sekali rekan blogger yang tidak menginginkan tulisan ini ada lagi di blog mereka.
Mungkin salah satu alasannya adalah mereka telah mempunyai "menu" di blog sehingga mereka tidak lagi memerlukan tulisan semacam beranda,posting lama dan posting baru. Terkadang dan mungkin sebagian dari mereka menganggap bahwa tulisan beranda, posting lama maupun posting baru dirasa mengganggu tampilan blog secara keseluruhan.
Mungkin salah satu alasannya adalah mereka telah mempunyai "menu" di blog sehingga mereka tidak lagi memerlukan tulisan semacam beranda,posting lama dan posting baru. Terkadang dan mungkin sebagian dari mereka menganggap bahwa tulisan beranda, posting lama maupun posting baru dirasa mengganggu tampilan blog secara keseluruhan.
Dan tujuan dari artikel ini adalah sebagai sarana pembelajaran tentang bagaimana caranya menghapus tulisan beranda,posting lama dan posting baru di blog. Jadi akoe sekedar berbagi dan bukan merekomendasikan.
Oke,langsung saja ke tahap-tahapnya :
1. Login ke Blogger
2. Klik Template
3. Klik Edit HTML
4. Klik Lanjutkan>beri tanda centang pada tulisan "Expand Template Widget"
5. Cari kode
<!-- navigation -->
<b:include name='nextprev'/> untuk memudahkan pencarian tekan Ctrl+F atau tekan F3
6. Kalau sudah ketemu hapus kode tersebut
7. Klik Pratinjau
8. Kalau sudah berhasil (tidak ada lagi tulisan beranda,posting lama,...) silahkan klik Simpan Template
Cara Kedua :
1. Login ke Blogger
2. Klik Template
3. Klik Edit HTML
4. Klik Lanjutkan>beri tanda centang pada tulisan "Expand Template Widget"
5. Cari kode yang mirip seperti ini
#blog-pager-newer-link {float:left}
#blog-pager-older-link {float:right}
#blog-pager {text-align:center}
6. Hapus kode HTML tersebut,dan ganti dengan kode HTML di bawah ini
#blog-pager-newer-link {display:none;}
#blog-pager-older-link {display:none;}
#blog-pager {display:none;}
7. Klik Pratinjau
8. Kalau sudah berhasil,silahkan klik Simpan Template
9. Selamat Mencoba
berwarna hijau dengan link yang sobat inginkan,misal link rss
