2013 ~ Tips dan Trik

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

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

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

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

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

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.

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

untuk membuat code buku tamunya silahkan mendaftar dulu disini

"selamat mencoba"

Widget Animasi

WIDGET ANIMASI LUCU BUAT BLOG DAN CARA MEMASANG NYA :OKE GUYS TAK BANYAK BASA BASI.." 1.Copy script yang ingin anda munculkan animasinya 2.Login ke Blog 3.Pilih Rancangan 4.Tambah gedget 5.Pilih edit html JAVAscript, 6.Pastekan script 7.Lalu save.. LIHAT HASILNYA"“

Hellikopter

Ekspresi muka

Kodok mata Belo

Spiderman

Babi Lucu

Muka Senyum

Monyet

Doraemon

Spongebob

Panda

Monyet Lompat

Kartun Cewe

Saringgan

Naruto Berubah

Gajah Loncat

Lumba Lumba

Kucing Tidur

Ayam Bertelur

==========================================================================

Color Code

==== TOOL WARNA HTML 1 ====

==== TOOL WARNA HTML 2 ====

==== TOOL WARNA HTML 3 ====

Cara Memasang Menu Accordion Tanpa HTML

MENU ACCORDION BERGUNA UNTUK MEMPERSIMPLE TAMPILAN BLOG" SELAIN ITU TAMPILAN MENU ACCORDION DINAMIS DAN MEMBUAT TAMPILAN BLOG TERLIHAT LEBIH ELEGAN: JIKA INGIN MEMBUAT /MEMASANG NYA IKUTI LANGKAH BERIKUT:

1.LOGGIN KEBLOG

2.EDIT GADGET

3.PILIH HTML javascript

4.COPY code dibawah ini lalu paste ke dalam kolom yang disediakan

</script>

<h2>Arycode 1</h2>

Isi Arycode 1 </div>

<h2>Arycode 2</h2>

Isi Arycode 2 </div>

<h2>Arycode 3</h2>

Isi Arycode 3 </div>

<h2>Arycode 4</h2>

Isi Arycode 4 </div>

<h2>Arycode 5</h2>

Isi Arycode 5 </div>

<h2>Arycode 6</h2>

Isi Arycode 6 </div>

</div></div></div></div></div></div>

KET :

Arycode : Judul heading menu accordion

Isi Arycode : Silahkan Anda isi dengan widget yang akan dipasang (bisa tulisan, script iklan maupun script widget =================================================================================================================================

Cara Menambah Satu Kolom Gadget Di Bawah Header

CARA MENAMBAH GADGET SATU KOLOM DIBAWAH HEADER TIDAKLAH RUMIT

Langkah - langkah yang perlu diperhatikan adalah :

1. Login bloger teman.

2. Klik tata letak atau layout.

3. Pilih Edit HTML.

4. Sebelum memulai pengeditan alangkah baiknya temen sekalian membackup datanya terlebih dahulu, caranya pilih Download Template Lengkap.

5. Cari kode ]]></b:skin>

bisa menekan Ctrl + F, kemudian paste kode tersebut di sebelah tulisan Find.

6. Paste copy berikutdan paste diatas kode ]]></b:skin>

#satu_kolom{ margin:10px 0; padding:1%; width:98%; }

7. Copy kode berikut ini :

8.Paste di bawah kode ini :

9.Simpan template

10.Lalu Lihat perubahannya pada tata letak.

=========================================================================

Cara Menghilangkan Atribut Blogger

OKE TEMEN" LANGSUNG SAJA YAH" TRIK KALAI INI TENTANG CARA MENGHILANKAN ATRIBUT BLOGGER"atau tulisan DIberdayakan oleh blogger di blog" 1. JELAS log in dulu 2. Trus ke Template -> Klik Edit HTML 3. Setelah itu centang "back up template" takut terjadi kesalahan" 4. Cari kode ]]></b:skin> tekan Ctrl+f untuk memudahkan pencarian 5. Copy kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin> #Attribution1 {
height:0px;
visibility:hidden;
display:none
}
6.SIMPAN COBA lihat sekarang tulisan DI BERDAYAKAN BLOGGER SUDAH HILANG

Cara Membuat Background MATRIX Diblog

OKE GUYS LANGSUNG SAJA: Login » blogger. Rancangan » Edit HTML
>>> cari kode body {
setelah ketemu tambahkan kode berikut:
background: black url(http://i1223.photobucket.com/albums/dd501/prialembut/matrix_zps0bf67015.gif) repeat center; background-attachment: fixed;
}

sehingga menjadi seperti ini:

body { background: black url(http://i1223.photobucket.com/albums/dd501/prialembut/matrix_zps0bf67015.gif) repeat center; background-attachment: fixed;
}

KET : GANTI TULISAN BERWARNA MERAH DENGAN URL gambar yang ingin di jadikan background /latar belakang blog kalian lalu simpan" SELESAI" LIHAT HASILNYA....

PILIHAN MATRIX:

http://i1223.photobucket.com/albums/dd501/prialembut/port_listener_zps1574112a.gif

photo sangppencintamatrixgif_zpsc86264a9.gif

http://i1223.photobucket.com/albums/dd501/prialembut/sangppencintamatrixgif_zpsc86264a9.gif

http://i1223.photobucket.com/albums/dd501/prialembut/matrix_zps07ebf6bb.gif

http://i1223.photobucket.com/albums/dd501/prialembut/mat_zps781b0f04.gif

http://i1223.photobucket.com/albums/dd501/prialembut/bluematrix2_zpsc9b8d9e9.gif

http://i1223.photobucket.com/albums/dd501/prialembut/bluematrix_zps2172d56d.gif

http://i1223.photobucket.com/albums/dd501/prialembut/black_red_matrix_zps403baad7.gif

Cara Membuat Menu Blog Keren

Pertama log in ke blog kamu Kemudian pilih "Tata Letak" Lalu tambah gadget dan copy kan KODE DIBAWAH INI pada konten HTML javascript

<style type="text/css"> #black{background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); width:930px; height:32px; color:#5A6C8C; margin:0 auto; padding:0 5px; font:bold 8px Arial, Tahoma, Verdana; border-top:1px solid #666; border-bottom:1px solid #666;-moz-box-shadow: 1px 1px 10px #888; -webkit-box-shadow:1px 1px 10px #888; -webkit-border-radius: 6px; -moz-border-radius: 6px;border-left:1px solid #333} #NavbarMenuleft{width:700px; float:left; margin:0; padding:0;} #search{width:240px; font-size:11px; float:right; margin:0; padding:0;} #nav{margin:0; padding:0;} #nav ul{float:left; list-style:none; margin:0; padding:0;} #nav li{border-left:1px solid #ff0000;list-style:none; margin:0; padding:0; text-shadow:1px 1px 1px #000;} #nav li a, #nav li a:link, #nav li a:visited{color:#fff; display:block; text-transform:uppercase; margin:0; padding:9px 15px 9px; font:bold 11px Arial, Times New Roman;} #nav li a:hover, #nav li a:active{background:#4a4d4c; color:#fff; padding:9px 15px 9px; text-decoration:none;} #nav li li a, #nav li li a:link, #nav li li a:visited{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOu7SmvMuxmZnv89rxjhK_kItjLmiQQ0cKl3iKkuYF8h2oyOrLaJgGsl5997neMb9P0UI6NBnHS090WYZxI0S3hBgYMiPrAFDkcqfX7qG6xw-XYxVdXMGHt1TXPgvgso7k-4P8Wz9-sz9w/); width:150px; color:#e5e3e3; text-transform:capitalize; float:none; margin:0; padding:3px 10px; border-bottom:1px solid #151f23; border-left:px solid #151f23; border-right:2px solid #151f23; font:normal 14px Georgia, Times New Roman;-moz-box-shadow: 1px 1px 10px #888; -webkit-box-shadow:1px 1px 10px #888; -webkit-border-radius: 6px;} #nav li li a:hover, #nav li li a:active{background:#4a4d4c; color:#fff; padding:3px 10px;} #nav li{float:left; padding:0;} #nav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; margin:0; padding:0;} #nav li ul a{width:140px;} #nav li ul ul{margin:-24px 0 0 170px;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{left:auto;} #nav li:hover, #nav li.sfhover{position:static;} #searchbox{padding:0; margin:0;} #search input{background:#fff; color:#000; float:left ;margin:5px 0 0 10px; width:168px; padding:3px 7px; border:1px solid #cdcdcd; font:normal 11px arial, verdana, Times New Roman;} #search .btn{background:#333; color:#fff; font-size:11px; margin:5px 0 0 3px; padding:2px; width:30px; cursor:pointer; border-left:1px solid #666; border-top:1px solid #666; border-right:2px solid #111; border-bottom:2px solid #111;} #top{background:#f6f6f6; margin:10px auto 0; padding:10px; width:918px; border:1px solid #ccc; word-wrap: break-word; overflow: hidden; font-size:13px;} #top a, #top a:visited{font-weight: normal; color: #00338F; text-decoration: none;} #top a:hover{color:#cc0000; text-decoration: underline;} #top p {font-size: 14px; font-weight: bold; padding: 0; margin: 0;} .topleft {width: 304px; float: left; margin: 0; padding:0;} .topleft img a, .topleft img {border:1px solid #ccc; margin: 0; padding: 1px;} .topright {width: 600px; float: right; margin:0; padding:0; text-transform: normal;}
</style>
<div id='outer'>

<div id='black'>
<div id='navbarmenuleft'>
<ul id='nav'>

<li><a href='http://arycode.blogspot.com'>Home</a></li>
<li><a href='http://arycode.blogspot.com'>Tutorial</a> <ul>
<li><a href='http://arycode.blogspot.com'>Tutorial Blogspot</a></li>
<li><a href='http://arycode.blogspot.com'>Tutorial</a></li>
</ul></li>

<li><a href='#'>Tips</a> <ul>

<li><a href='http://arycode.blogspot.com'>Tips Blogspot</a></li>
<li><a href='http://arycode.blogspot.com'>Tips Sosial</a></li>
<li><a href='http://arycode.blogspot.com'>Tips Kesehatan</a></li>
</ul></li>

<li><a href='#'>Download</a> <ul>

<li><a href='http://arycode.blogspot.com'>Software</a></li>
</ul></li>

<li><a href='#'>Masteran</a> <ul>

<li><a href='http://arycode.blogspot.com'>Laporan</a></li>

</ul></li>

<li><a href='http://arycode.blogspot.com'>Puisi</a></li>

</ul> </div>
<div id='search'>
<form action='/search/' id='searchform' method='get' style='display:inline;'> <input id='searchbox' maxlength='200' name='q' onblur='if (this.value == "") {this.value = "search...";}' onfocus='if (this.value == "search...") {this.value = ""}' type='text' value='search...'/> <input class='btn' type='submit' value='go'/> </form>
</div></div>
</div>

KET: GANTI TULISAN " http://arycode.blogspot.com " dengan link blog dan menu yang diinginkan

Cara Pasang Musik DIblog Memakai URL YouTube

oke guys.... memasang musik di BLOG dengan menggunakan URL Video dari Youtube .. Kelebihan : Tanpa di iringi dengan Credit / Sumber web + Media Player Classic untuk Play / Stop / Pause. Kekurangan : - tidak ada "PASANG KODE script berikut:

<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0' height='22' width='500'><param name='src' value='http://www.longtailvideo.com/support/player.swf'/><param name='allowfullscreen' value='false'/><param name='flashvars' value='&file= ALAMAT-YOUTUBE;height=22&width=500&showeq=true&autostart=false&repeat=false&shuffle=false&volume=100&menu=false&searchbar=false&backcolor=0x1E0B02&frontcolor=0x49A3FF&lightcolor=0x87B6CD'/><embed allowfullscreen='false' flashvars='&file= ALAMAT-YOUTUBE;height=22&width=500&showeq=true&autostart=false&repeat=false&shuffle=false&volume=100&menu=false&searchbar=false&backcolor=0x1E0B02&frontcolor=0x49A3FF&lightcolor=0x87B6CD' height='22' src='http://www.longtailvideo.com/support/player.swf' type='application/x-shockwave-flash' width='500'/></embed></object>

KETERANGAN : ALAMAT-YOUTUBE = Diganti dengan Alamat Video Youtube ! 500 = Diganti dengan Ukuran Lebar yang di inginkan.! false = Menunjukan bahwa Lagu ► Automatis Play, jika ingin ► Tidak Automatis Play tinggal ganti kode false menjadi true ,
Jika sudah di Edit lalu copy ,Klik Dashboard » Tata Letak » Tambah Gadget (pilih HTML/JavaScript), paste Tinggal Simpan! .beres...

Potoshop Download

Potoshop Cs4

Potoshop Cs5

Potoshop Cs6

Archive

Followers

Entri Populer