Indeks

Cara Mengukur Berat Blog

Pernahkan Anda memikirkan berat dan loading blog Anda?kebanyakan dari kita lupa memperhatikan hal tersebut, padahal berat dan loading blog harus sangat diperhatikan oleh seorang blogger.

Kenapa demikian?karena menurut pengalaman saya, makin berat kecepatan loading blog, para pengunjung blog kita akan lebih malas membaca ataupun sekedar melihat-lihat blog kita, ini akan berakibat menurunnya jumlah pengunjung blog Anda. Untuk menghindari hal tersebut anda perlu mengoreksi blog Anda (bukan blog teman haha), hapus accsesoris yang tidak berguna, ukuran normal dari blog itu sendiri adalah jangan sampai diatas 100 KB.

Berikut anda bisa mengecek blog Anda dengan tools dibawah ini:

Masukkan URL: maksimal 10 url dipisahkan dengan baris baru / enter. (contoh: http://blogatap.blogspot.com/)

Download Tanpa Daftar di 4Shared

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

Oke gan, ketemu lagi sama aku "Rendy Wira Adi" (seorang pelajar yang cita-citanya jadi IT). Kali ini aku mau ngasih Tips Download Tanpa Daftar di 4Shared. Langsung aja, tanpa banyak omong, karena aku takut mulut ini disolatipin sama agan-agan. hehe Langsung ke TKP =====>

• Pilih yang akan kamu download
• Lalu, copy URL yang berada diatas.

• Copy URL Disini

• Paste URL disebelah kanan kalimat "Generate Link"

• Dan Jeenngg, jeenngg. Kamu berhasil mendownload di 4Shared tanpa harus daftar.

Cukup mudah bukan? Silahkan disimak, dipelajari, dan jangan lupa dishare.
Hanya itu yang aku tau tentang Mendownload Tanpa Daftar di 4Shared.
Selamat mencoba dan semoga Sukses!

Cara Membuat Index atau Daftar Isi

Daftar isi atau index sangat penting sekali di dalam sebuah blog, karena dengan adanya daftar isi pemilik ataupun pengunjung blog bisa mengetahui isi dari keseluruhan blog tersebut, dan memudahkan pengunjung untuk mencari informasi yang mereka butuhkan (selain menggunakan search engine pada blog).

Ketika anda mengupdate posting, daftar isi ini akan secara otomatis menampilkan isi keseluruhan dari blog. Perhatikan kode dibawah ini:

<div align="" style="border: 1px solid #ccc; height: 600px; overflow: scroll; padding: 5px; width: 400px; width: auto;"> <script src="http://blogatap.googlecode.com/files/index.js"> </script><script src="http://NAMA BLOG ANDA.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
</div>

Keterangan:
height: 600px; ukuran tinggi yang akan ditampilkan
width: 400px; ukuran lebar yang akan ditampilkan (ubah sesuai dengan blog anda)
NAMA BLOG ANDA : ganti sesuai nama blog anda

Kode diatas bisa langsung dimasukkan di Gadget HTML atau sidebar, tapi kalau blogatap lebih suka di pasang di entry/postingan dan kita buatkan menu dengan nama Index atau Daftar Isi. Berikut contoh tampilannya:

Sekian dulu postingan kali ini tentang cara membuat index atau daftar isi, semoga bermanfaat buat sobat blogger semua.

Efek Cursor Berbintang

 

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

Oke gan, ketemu lagi sama aku "Rendy Wira Adi" (seorang pelajar yang cita-citanya jadi IT). Kali ini aku mau ngasih tutorial Efek Cursor Jika Dipindahkan Akan Berbintang. Langsung aja, tanpa banyak omong, karena aku takut mulut ini disolatipin sama agan-agan. hehe Langsung ke TKP =====>

1. Login ke Blogger.com
2. Pilih Template --> Edit HTML --> cari kode ]]></b:skin>
   lalu copy paste kode dibawah ini dan taruh dibawah kode ]]></b:skin>
   untuk memudahkan pencarian, kalian tinggal tekan "Ctrl+F"
3. Untuk yang berwarna Merah
   
       <script src='http://vikrymadz.googlecode.com/files/Red.js' type='text/javascript'/>
   
   Untuk yang berwarna Biru
   
       <script src='http://vikrymadz.googlecode.com/files/Blue.js' type='text/javascript'/>
   
    Untuk yang berwarna Kuning
   
        <script src='http://vikrymadz.googlecode.com/files/Yellow.js' type='text/javascript'/>
   
    Untuk yang berwarna Hitam
   
        <script src='http://vikrymadz.googlecode.com/files/Black.js' type='text/javascript'/>
   
    Untuk yang berwarna Hijau
   
        <script src='http://vikrymadz.googlecode.com/files/Green.js' type='text/javascript'/>
   
    Untuk yang berwarna Putih
   
        <script src='http://vikrymadz.googlecode.com/files/White.js' type='text/javascript'/>
4. Kemudian simpan
5. Buka blog kamu
6. Jeennggg, Jeennggg. Cursor Kamu bila digerakkan terlihat bintangnya. :)

Oke, Silahkan dibaca, dipahami, dan jangan lupa dicomment ya ^_^
Hanya itu yang aku tau tentang Efek Cursor Jika Dipindahkan Akan Berbintang.
Semoga bermanfaat, selamat mencoba, dan semoga sukses ^_^

Tag HTML

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

Assalamualaikum gan, ketemu lagi sama "Rendy Wira Adi" sang IT. Amin :)
Kali ini aku mau ngasih tau kode script-script HTML.
Langsung saja tanpa banyak cincong kita ke TKP ===>

<a href>

                Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut

<a name>

                Membuat nama bagian yang didefinisikan pada link pada halaman yang sama

<applet>

                Sebagai awal dari Java applets

<area>

                Mendefinisikan daerah yang dapat diklik (link) pada image map

<b>

                Membuat teks tebal

<basefont>

                Membuat atribut teks default seperti jenis, ukuran dan warna font

<bgsound>

                Memberi (suara latar) background sound pada halaman web

<big>

                Memperbesar ukuran teks sebesar satu point dari defaultnya

<blink>

                Membuat teks berkedip

<body>

                Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link

<br>

                Pindah baris

<caption>

                Membuat caption pada tabel

<center>

                Untuk perataan tengah terhadap teks atau gambar

<comment>

                Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser

<dd>

                Indents teks

<div>

                Represents different sections of text.

<embed>

                Menambahkan sound or file avi ke halaman web

<fn>

                Seperti tag <a name>

<font>

                Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks

<form>

                Mendefinisikan input form

<frame>

                Mendefinisikan frame

<frameset>

                Mendefinisikan attribut halaman yang akan menggunakan frame

<h1> … <h6>

                Ukuran font

<head>

                Mendefinisikan head document.

<hr>

                Membuat garis horizontal

<html>

                Bararti dokumen html

<i>

                Membuat teks miring

<img>

                Image, imagemap atau an animation

<input>

                Mendefinisikan input field pada form

<li>

                Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )

<map>

                Mendefinisikan client-side map

<marquee>

                Membuat scrolling teks (teks berjalan) – hanya pada MS IE

<nobr>

                Mencegah ganti baris pada teks atau images

<noframes>

                Jika browser user tidak mendukung frame

<ol>

                Mendefinisikan awal dan akhir list

<p>

                Ganti paragraf

<pre>

                Membuat teks dengan ukuran huruf yg sama

<script>

                Mendefinisikan awal script

<table>

                Membuat tabel

<td>

                Kolom pada tabel

<title>

                Mendefinisikan title

<tr>

                Baris pada tabel

<u>

                Membuat teks bergaris bawah

hanya itu yang aku tau tentang kode tag-tag HTML, kurang lebihnya mohon maaf. &lt;br /&gt;jangan lupa di share, dicomment, dan difollow.:)

Cara Membuat Readmore

Cara membuat Readmore – Untuk membuat tampilan blog lebih rapi dan elegant, sebaiknya sobat blogger memasang Readmore pada setiap postingan di blog kita. Bagaimana cara membuatnya?caranya cukup sederhana, berikut blogatap akan memberikan langkah-langkah cara membuat readmore:

1. Login akun Blogger 
2. Buka halaman template ---> edit html ---> centang expand template widget 
3. Cari kode </head> gunakan Ctrl + F untuk mempermudah pencarian 
4. Paste kode berikut tepat diatas </head>
   
   <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>


5. Selanjutnya cari kode <data:post.body/>  atau <p><data:post.body/></p> Jika menemukan 2 kode yang sama, pilih kode yang pertama. 
6. Jika sudah ketemu ganti kode tersebut dengan kode dibawah ini:
   
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
   <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
   </script>
   <span class='rmlink' style='float:right;padding-top:20px;'>
   <a expr:href='data:post.url'>READ MORE</a></span>
   </b:if>
   <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


7. Klik Simpan Template

Keterangan: summary_noimg = 430; Jumlah karakter yang akan ditampilkan jika tidak menggunakan gambar

summary_img = 340; Jumlah karakter yang akan ditampilkan jika menggunakan gambar

img_thumb_height = 100; Ukuran tinggi gambar yang akan ditampilkan

img_thumb_width = 120; Ukuran lebar yang akan ditampilkan