Mengganti tulisan Posting Lamaama/Posting Baru

Mengganti tulisan Posting Lamaama/Posting Baru

Biasanya dibagian paling bawah artikel  terdapat tulisan seperti ini "Older Post / Newer Post" atau "Posting Lama / Posting Baru". Nah mungkin awal-awalnya kamu nggak tahu maksudnya apa tulisan tersebut dan setelah tahu oooo ternyata itu link menuju ke artikel-artikel sebelumnya dan juga artikel-artikel yang baru. Nah mungkin kamu ingin mengganti tulisan tersebut dengan tulisan yang lain, misalnya dengan tulisan "Artikelku Sebelumnya" atau "Coretanku Yang dulu2" atau bahkan dengan sebuah gambar. Nha pingin tahu caranya? mari kita mulai Pelajaranya...

1. Seperti biasanya kita login dulu ke blogger trus pilih "Template --> Edit HTML".
2. Beri tanda centang pada kotak "Expand Widget Template"
3. Cari kode berikut ini, cara nyarinya biar mudah copy kode berikut ini lalu tekan "Ctr + F " dan paste kedalam kotak yg disediakan

<data:newerPageTitle/>

 4 . Ganti kode tersebut dengan tulisan yg kamu inginkan. Tapi jika kamu pingin ganti dengan gambar panah misalnya, ganti dengan kode seperti ini URL GAMBAR

"/>. text yg dicetak tebal adalah lokasi dari gambar, kamu bisa menggantinya dengan gambar yang kamu inginka atau bisa diganti dengan gambar yang aku sediain dibawah.

5. Yang diatas untuk mengganti tulisan "Newest Post" atau "Posting Baru".

6. Terus untuk tulisan "Older Post" atau "Posting Lama" coba cari kode berikut ini, lokasinya tidak jauh dari kode diatas atau dibawahnya sedikit.
KEMUDIAN CARI KODE

<data:olderPageTitle/>

7. Kalo sudah ketemu ganti lagi dengan tulisan yang kamu inginkan. Jika pingin diganti menjadi gambar coba ganti dengan kode seperti ini

 <img src="URL GAMBAR"/>

8. KET URL GAMBAR ISI dengan link gambar yg ingin di jadikan iconnya

Cara Pasang Highlight Untuk Script Code

Cara Pasang Highlight Untuk Script Code

memasang Highlight untuk script atau kode pada postingan akan lebih memperjelas pembaca. Contohnya bisa kamu lihat pada script dibawah ini. ada highlight (kotak) yg akan membedakan dengan tulisan yg lain. Nha kamu mau tahu cara pembuatannya? ikuti langkah berikur : 

1. Login ke blogger lalu pilih Layout-->Edit HTML 

2. Kemudian copy kode dibawah ini lalu pasang di Script CSS kamu atau pasang sebelum kode

]]></b:skin>

.alert { background: #0000CD; text-align: left; padding: 5px 5px 5px 5px; border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}

Kode yang berwarna merah (#0000CD) adalah warna background kotak highlight, kamu bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog kamu. Untuk kode-kode warna bisa dilihati disini 

3. Kalau sudah kemudian Simpan. 

Cara Posting Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri. Yaitu dengan menambahkan kode ini  
 <p class="alert">  sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode  </p> diakhir script/Kode. 

4.simpan selesai...muadah bukan

Membuat gambar dengan efek Berputar

Membuat gambar dengan efek Berputar

cara membuat gambar dengan efek berputar di blog. Trik ini singkat dan simple, menambahkannya pun cukup mudah. Tinggal anda mengikuti langkah-langkahnya berikut di bawah ini    

DEMO

 LANGKAHNYA SEBAGAI BERIKUT: Masuk ke akun blogger anda kemudian -> Klik Drop Down Menu Kemudian piliht Template ; Edit HTML Kemudian cari kode ]]></b:skin>

Setelah ketemu letakan kode berikut tepat diatas kode ]]></b:skin>

.spinningeffect img { 

 /* membuat efek gambar berputar by arycode.blogspot.com*/ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; 

} 

.spinningeffect img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);

} 

 Masuk ke akun blogger anda Kemudian pilih Post  klik Entri Baru Anda akan melihat kotak kosong, kemudian klik HTML pada postingan baru anda (bukan compose) pada sisi kiri atas. kopi dan pastekan kode berikut di dalamnya (kotak kosong) dimana anda ingin menampilkan gambar dengan efek berputar

<a class="spinningeffect" href="URL/Link Gambar" target="_blank"> <img src="URL/Link gambar"/></a>

KET: Silahkan anda ganti URL/Link Gambar dengan URL/Link gambar anda.

Membuat Buku Tamu Animasi Otomatis Berada Di Samping Blog

Membuat Buku Tamu Animasi Otomatis Berada Di Samping Blog

BUKU TAMU MEMANG HAL YANG MESTII ADA DISEBUAH WEB ATAU BLOG UNTUK MEMPERCANTIK tampilan web,

jika ingin membuatnya cukup ikuti langkah di bawah ini:

 1. Log in ke blog 

 2. Pada Dasbord Pilih Menu Rancangan (Tata Letak)

 3. Pilih Tambah Gadget 

 4. Pilih HTML/Java Script.

 5. Kemudian Copy kode di bawah ini, pastekan di Kotak Tambah Gadget HTML/Java Script tersebut.

<style type="text/css">#gb{ position:fixed; top:25px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('http://farm3.static.flickr.com/2771/4442306534_c1431ea4ce_o.png') no-repeat; } .gbcontent{ float:left; border:2px solid #1300F2; background:#FFFFFF; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent">
 MASUKKAN SCRIPT BUKU TAMU DISINI 
  <a href="javascript:showHideGB()"> </a></div> <div style="text-align:right; font-size:xx-small;"> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

tulisan MASUKKAN SCRIPT BUKU TAMU DISINI ganti dengan kode buku tamu sobat

untuk membuat code buku tamunya silahkan mendaftar dulu disini

"selamat mencoba"