Anime Around The World

Tampilkan postingan dengan label Cara-cara. Tampilkan semua postingan
Tampilkan postingan dengan label Cara-cara. Tampilkan semua postingan

Cara membuat judul posting saja pada label

Huft.. bingung ne mau buat judul apa, mudah-mudahan di mengerti ya,dengan judul diatas.
kali ini saya mau ngebahas tentang label,memang banyak sech blog yang mengangkat tentang pembahasan label pada blog,kali aja ada yang nyangkut di blog saya,..hhee


Gini gan, pernah liat kan, kalau agan klik link pada label yang muncul sederetan artikel yang ada di label itu dan tidak enak nya semua lebel muncul dengan judul dan diikuti artikelnya ,nah masalah nya sekarang,saya mau ngebahas tu link label agar supaya setiap isi dari link tersebut kita buat hanya tampilan judulnya saja..
Ok gan kita langsung ke TKP :

1. Login ke blog
2. Klik Rancangan lalu klik edit Html
3. Setelah itu cari kode berikut  
<b:include data='post' name='post'/> gunakan (ctrl+f) biar lebih gampang.
4. Jika sudah ketemu dengan kode di atas ganti dengan kode dibawah ini :

<!--Judul Artikel saja di label-->
<b:if cond='data:blog.searchLabel'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
</b:if>
<!--lamurdey.blogspot.com-->

5.Pratinjau dahulu,jika sudah tidak ada lagi kesalahan baru di save. Semoga berhasil :)

Cara membuat Border Gambar dengan HTML

Kali ini kita akan membahas bagaimana membuat border dengan kode HTML.
Hal ini akan terasa mudah jika kita sudah mengetahui bagaimana cara mengguna kan kode HTML,

Untuk mengubah tampilan perbatasan gambar, Anda perlu menggunakan CSS (Cascading Style Sheets). Anda dapat menyertakan CSS dalam gambar Anda dengan menggunakan gaya atribut HTML tag. Anda dapat menggunakan kode HTML pada halaman ini untuk menentukan batas-batas gambar dalam dokumen HTML Anda.

Berikut adalah beberapa contoh dari apa yang dapat Anda lakukan dengan HTML batas gambar dengan menggunakan CSS :

<!-- HTML codes by Lamurdey.blogspot.com -->
<img style="border:1px solid #0404B4;" src="http://i943.photobucket.com/albums/ad277/pakkuk/edaaa.jpg" width="225" height="101" alt="lamurdey logo" />
<p style="font-family:sans-serif;font-size:10px;">
 
Hasil dari kode diatas :
lamurdey logo


<!-- HTML codes by Lamurdey.blogspot.com -->
<img style="border:2px dotted #0404B4;" src="http://i943.photobucket.com/albums/ad277/pakkuk/edaaa.jpg" width="225" height="101" alt="Lamurdey logo" />
<p style="font-family:sans-serif;font-size:10px;">
Hasil dari kode diatas :
Lamurdey logo


<!-- HTML codes by Lamurdey.blogspot.com -->
<img style="border:20px solid #0404B4;" src="http://i943.photobucket.com/albums/ad277/pakkuk/edaaa.jpg" width="225" height="101" alt="Lamurdey logo" />
<p style="font-family:sans-serif;font-size:10px;">
Hasil dari kode diatas :
Lamurdey logo


<!-- HTML codes by Lamurdey.blogspot.com -->
<img style="border:8px ridge #0404B4;" src="http://i943.photobucket.com/albums/ad277/pakkuk/edaaa.jpg" width="225" height="151" alt="Lamurdey logo" />
<p style="font-family:sans-serif;font-size:10px;">
Hasil dari kode diatas :
Lamurdey logo

Ket :
Warna merah Adalah Warna dari border gambar
Warna Biru merupakan Kode gambar
Warna hijau ukuran lebar dan tinggi border
sedangkan Untuk warna Pink adalah ketebalan dari Border

yakk..begitulah cara membuat border dengan menggunakan HTML kode ..Mudah-mudahan dimengerti,kalau juga belum mengerti,cukup cantumkan pertanyaan di kotak komentar.

Semoga bermanfaat.

Cara menghilangkan tanggal pada posting blog

1.Login blog
2.Rancangan/Tataletak
3.Edit HTML
4.Lalu cari kode berikut h2.date-header {  Setelah ketemu,masukkan kode berikut visibility: hidden;


Sehingga menjadi seperti kode dibawah ini :

h2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#777;
height: 0px;
visibility: hidden;
}
 

5.Pratinjau terlebih dahulu,jika sudah tidak ada kesalahan..baru di SAVE

Selamat menghilangkan tanggal postingan. 

Cara membuat text berkedip diblog

Caranya gampang sangat gan,kita hanya perlu menambahkan sedikit kode.

Perhatikan contoh dibawah ini :

Isi Text Yang agan ingin berkedip

Dari contoh diatas kita hanya perlu memasukkan kode <blink> dan diakhiri dengan penutup </blink>
Gampangkan.
Semoga bermanfaat.

Cara mengganti cursor blog dengan ikon

Emm..bingung ne mau bilang apa gan,saya orangnya kurang pintar dalam merangkai kata,mau nya langsung-langsung aja,memang sech.. tanpa basa-basi dari awal kayanya kurang terkesan,harap maklum aja ya gan dengan penyakit saya yang satu ne :( ..hehe.

Topik saya kali ini, cara mengganti cursor di blog agan.
Seperti biasa gan ;
1.Login blog
2.Rancangan/TataLetak
3.Klik EditHTML
4.Lalu cari kode </head> dengan mengguna ctrl+f agar lebih mudah mendapatkannya.
5.Setelah ketemu kode </head> , Masukkan kode yang dibawah ini,tepat diatas </head>

<style type="text/css">
HTML,BODY{cursor: url("

http://i943.photobucket.com/albums/ad277/pakkuk/heartbroken1.gif"), auto;}
</style> 

Ganti kode yang berwarna merah dengan bentuk cursor yang agan ingini..
Apabila agan belum memiliki kode tersebut, kunjungi situs http://www.totallyfreecursors.com,disitus ini disediakan berbagai gaya cursor,download salah satu,lalu ambil kodenya.

Selesai.

Cara membuat gambar dipojok kiri,atas,kanan,bawah

Cara membuatnya ada dua cara gan,bisa dengan cara yang simple dan juga yang rumit,
langsung aja gan,kita buat dengan cara yang simple dulu :

  1. Upload gambar yang ingin digunakan,ketempat file sharing yang biasa agan gunakan,sperti photobucket,pict.com,fileave.com atau apa aja la,yang biasa agan gunakan.
  2. Setelah di upload ambil kode url nya.
  3. Login/Masuk ke blog 
  4. Rancangan/TataLetak/Layout
  5. Tambah Gadget
  6. Pilih HTML/Javascrips
  7. Masukkan kode dibawah ini kedalam HTML/Javascrips 

    <a href='ALAMAT BLOG AGAN' style='display:scroll;position:fixed;Bottom:0px;RIGHT:0px;' title='KETERANGANGAMBAR'><img src='URL GAMBAR AGAN'/></a>
      
  8. Untuk keterangan ALAMATBLOGAGAN isi dengan alamat blog agan,seperti http://lamurdey.blogspot.com/
  9. Bottom(bawah) posisi gambar bisa diganti dengan Top(atas)
  10. RIGHT(kanan) posisi gambar bisa diganti dengan LEFT(kiri)
  11. KETERANGANGAMBAR ganti dengan nama apa yang agan ingin kan dan ini akan terlihat jika agan menyorot gambar.
  12. Dan untuk URLGAMBARAGAN masukkan URL yang berasal dari file sharing sebelumnya.
  13. Jika sudah selesai Pratinjau terlebih dahulu,kira-kira sudah tidak ada kesalahan baru di SAVE.

Selesai SEMOGA BERMANFAAT.