Tampilkan postingan dengan label Trik Posting. Tampilkan semua postingan

gravatar

Membuat Sitemap Atau Daftar Isi Blogspot

Langsung aja bikin Postingan baru dan masukkan code berikut dalam "HTML" Mode

<script src="https://pangerantrik.googlecode.com/files/sitemap.js" type="text/javascript"></script> <script src="http://pangerantrik.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script>

Ubah http://pangerantrik.blogspot.com Dengan Nama Blog kamu
Lalu simpan / Save
dan Lihat Hasilnya........

gravatar

Membuat Gambar Zoom Di Posting

Nah kalau ingin gambar di postingan kalian Zoom saat terkena mouse, begini caranya.... Gausah panjang Lebar , soalnya saya sendiri nulis ini juga lagi sibuk. langsung aja ni langkahnya.
1. Pilih "Template"
2. Pilih "Sesuaikan"
3. Pilih "Tingkat Lnjut"
4. kemudian pilih "Tambahkan CSS"

Copas Code di bawah ini di kolom yang tersedia.

/* CSS Gambar Zoom  By: pangerantrik.blogspot.com*/
.pangerantrik img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 2px 2px 0;
}
.pangerantrik img:hover{
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-o-transform:scale(1.3);
opacity: 1;
}

Kemudian bikin Postingan baru dan Upload gambar seperti biasa
*Penting
Pilih mode HTML dan Tambahkan class="pangerantrik" di setiap gambar kalian
Contoh :
<a class="pangerantrik" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBujdbBHsvH9TwUcRnmrYL6LPdN9UmE9IvtD562wrZW35ll4HY34tBYOpNYX6YUxkqhd6AabG76DldFilNgjR8SMYrpoWTxEsMN1aMyU8Jvk5d5YalByZN3Jslyx1LTzCsDdifNEpr1TCV/s1600/Sunset.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBujdbBHsvH9TwUcRnmrYL6LPdN9UmE9IvtD562wrZW35ll4HY34tBYOpNYX6YUxkqhd6AabG76DldFilNgjR8SMYrpoWTxEsMN1aMyU8Jvk5d5YalByZN3Jslyx1LTzCsDdifNEpr1TCV/s200/Sunset.jpg" width="200" /></a>
Demo :

gravatar

Membuat background di posting

Mau....merubah tampilan atau warna di dalam posting kamu...??
biar kelihatan gak bosenin..??
atau dengan gambar yang berbeda di setiap posting..??

ikuti aja langkah ini...!!

Pertama sebelum menulis, di posting taruh dulu code ini pada waktu awal mau menulis

untuk yang warna

<div style="background:red">
tulis kata-kata yang ingin kamu publikasikan
trus akiri dengan

</div>
Ganti kode warna dengan warna yang kamu suka.misal: red, blue, green
atau pake yang di sini

Untuk yang gambar

<div style="background:url(http://alamat_gambar_kamu) no-repeat;">
tulis kata-kata yang ingin kamu publikasikan trus akiri dengan
</div>

met mencoba...

gravatar

Animasi di judul posting

Ingin supaya blog kamu ada animasi pada setiap judul posting...?
Pertama cari Tata letak, lalu Edit HTML, lalu centang , trus cari code
<b:if cond="data:post.url"> , kalau gak ada cari code ini <b:if cond='data:post.url'> terus letakkan code di bawah ini, di bawah code tadi.
=========================================================
<img src='https://sites.google.com/site/pangerantrik/favicon.jpg' style='border-width: 0px;'/>
=========================================================
ganti tulisan yang berwarna merah dengan url gambar anda.
setelah itu save.

gravatar

Me nonaktifkan klik kanan

Ini supaya blog kamu tidak mudah di tiru orang lain. I ni berfungsi
untuk me nonaktifkan klik kanan mouse pada blog anda.
Ni caranya..........:
Tak perlu panjang lebar, langsung aja ikuti cara nya :
1. login blog kamu
2. klik Tata Letak
3. klik Elemen halaman
4. klik Tambah Gadget
5. Pilih HTML/Java Script
6. Masukkan code di bawah ini



Kopas kode diatas dan masukkan di kolom yang muncul pada HTML/JavaScript
dan ganti tulisan "Maaf ini demi keamanan" dengan keinginan sobat
setelah itu save. Moga berhasil.