Majalah online terpopuler: Mei 2012

Kamis, 31 Mei 2012

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:

Rabu, 30 Mei 2012

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:

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 =====>

Login ke Blogger.com
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"
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'/>
Kemudian simpan
Buka blog kamu
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 ===>

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

Membuat nama bagian yang didefinisikan pada link pada halaman yang sama

Sebagai awal dari Java applets

<area>

Mendefinisikan daerah yang dapat diklik (link) pada image map

<b>

Membuat teks tebal

Membuat atribut teks default seperti jenis, ukuran dan warna font

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

Membuat caption pada tabel

Untuk perataan tengah terhadap teks atau gambar

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

Mendefinisikan attribut halaman yang akan menggunakan frame

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

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

<nobr>

Mencegah ganti baris pada teks atau images

Jika browser user tidak mendukung frame

<ol>

Mendefinisikan awal dan akhir list

<p>

Ganti paragraf

<pre>

Membuat teks dengan ukuran huruf yg sama

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. <br />jangan lupa di share, dicomment, dan difollow.:)

Selasa, 29 Mei 2012

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:

Login akun Blogger
Buka halaman template ---> edit html ---> centang expand template widget
Cari kode </head> gunakan Ctrl + F untuk mempermudah pencarian
Paste kode berikut tepat diatas </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>

Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p> Jika menemukan 2 kode yang sama, pilih kode yang pertama.
Jika sudah ketemu ganti kode tersebut dengan kode dibawah ini:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</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 == "item"'><data:post.body/></b:if>

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

Minggu, 27 Mei 2012

Alertpay Berganti Menjadi Payza

Alertpay berganti wajah menjadi Payza – Setelah sekian lama tidak mengunjungi Alertpay, saya sempat bingung ketika mau masuk akun Alertpay saya, karena tampilan Alertpay tidak seperti biasanya.

Ternyata Alertpay sekarang berubah wujud menjadi Payza, kurang tau juga sih sebab kenapa Alertpay berganti menjadi Payza soalnya saya juga bukan owner dari akun tersebut haha. Tapi mugkin Alertpay ingin meningkatkan keamanan dan layanannya. Sobat blogger tidak perlu khawatir dengan perubahan ini karena kita tidak perlu registrasi ulang, semua data termasuk username, password, maupun saldo anda tidak akan berubah dan berkurang sedikitpun.

Demikian informasi yang bisa diberikan dari blogatap, semoga bermanfaat dan selamat menikmati perubahan wujud dari Alertpay.

Sabtu, 26 Mei 2012

Memasang Translate Dengan Menggunakan Bendera

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

Oke gan, ketemu lagi sama aku "Rendy Wira Adi" (seorang pelajar yang cita-citanya jadi IT). Kali ini aku mau ngasih tutorial Memasang Translate Dengan Menggukan Bendera. Langsung aja, tanpa banyak omong, karena aku takut mulut ini disolatipin sama agan-agan. hehe Langsung ke TKP =====>

Pertama Login di Blogger.com
Jika sudah masuk dasbor, klik tata letak
lalu klik tambah gadget, pilih HTML/JavaScript
Copy Script dibawah ini

Oke, Silahkan dibaca, dipahami, dan jangan lupa dicomment ya ^_^
Hanya itu yang aku tau tentang Memasang Translate Dengan Menggunakan Bendera.
Semoga bermanfaat, selamat mencoba, dan semoga sukses ^_^

Jumat, 25 Mei 2012

Cara Membuat Next Page di Blog

Pada artikel kali ini blogatap akan berbagi informasi tentang Cara Membuat Next Page di Blog. Kegunaan Next Page salah satunya adalah untuk memudahkan pengunjung blog melihat layar selanjutnya dan menghemat tampilan blog agar loading blog tidak berat.

Bagaimana cara membuatnya? langsung saja simak langkah-langkahnya sebagai berikut:

Masuk blogger ---> template ---> edit html ---> centang expand template widget cari kode ]]></b:skin>, untuk mempercepat pencarian tekan Ctrl + F masukkan kode ]]></b:skin> kemudian letakkan script di bawah ini tepat di atas kode ]]></b:skin>

.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}

Selanjutnya cari kode </body> kemudian letakkan script di bawah ini tepat di atas kode </body>

Kemudian Save Template dan lihat perubahannya. Berikut contoh tampilan dari Next Page:

Semoga postingan ini bermanfaat bagi sobat blogger semua :)

Membuat Efek Hati di Blogger.com

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

Oke gan, sekarang kita belajar membuat efek hati di Blogger.com yuk. Pertama kita login (pastinya ye):D

langsung saja, kita mulai tanpa banyak ngomong. Ntar kalo ngomong terus mulut aku takut dipakein selotip item sama agan-agan.:P

Jika kita sudah ada di dasbor,

Pergi ke Tata Letak / Design
Klik Tambah Gadget
Klik HTML/JavaScript
Copy script dibawah ini

5. Paste script diatas, lalu simpan.

Hanya itu pengetahuan saya tentang membuat efek hati di Blogger.com.

selamat mencoba dan semoga sukses.

Tutorial

Membuat Animasi Teks Berwarna

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

Oke gan, sekarang kita belajar animasi teks berwarna di Blogger.com yuk. Pertama kita login (pastinya ye):D
langsung saja, kita mulai tanpa banyak ngomong. Ntar kalo ngomong terus mulut aku takut dipakein selotip item sama agan-agan.:P

Jika kita sudah ada di dasbor,

Pergi ke Tata Letak / Design
Klik Tambah Gadget
Klik HTML/JavaScript
Masukkan kode script Text / Tulisan Flash Animasi Berwarna di sana (kode ada di bawah)
Simpan

<div style="-moz-box-shadow: inset 0 1px 5px 0 #fff; background: #990099; border: 1px solid #ECEDE8; box-shadow: inset 0 1px 5px 0 #555; font-family: Cataneo BT; font-size: 21px; font-weight: bolder; padding: 5px 20px; text-align: center;">
<script type="text/javascript">
var message="Welcome to My Blog"
var bgsGR1color="#FFF000" /* Warna utama teks */
var bgsGR2color="#FFFFFF" /* Warna teks flash pertama */
var bgsGR3color="#00FF66" /* Warna teks flash ke dua */
var flashspeed=100 // kec. ganti warna (1/1000 dt)
var flashingletters=15 // jumlah teks pertama (tips / hiting jumlah text, kemudian bagi 2)
var flashingletters2=18 // jumlah berwarna teks ke dua (tips / hiting jumlah text, kemudian bagi 2)
var flashpause=1 // waktu jeda pergantian warna (1/1000 dtk)
var n=0
if (document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')}else
document.write(message)
function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj}function neon(){if (n==0){for (m=0;m<message.length;m++)
crossref(m).style.color=bgsGR1color}
crossref(n).style.color=bgsGR2color
if (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color 
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=bgsGR1color
if (n<message.length-1)
n++
else{n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return}}
function beginneon(){if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)}
beginneon()
</script>
</div>

Catatan:

Warna merah silahkan diganti nama dan warnanya.

Itu saja pengetahuan saya tentang animasi teks berwarna.

selamat mencoba dan semoga sukses.

Rabu, 23 Mei 2012

Cara Membuat Tulisan Copyright di Blog

Tulisan copyright sering kita temui di bagian bawah/footer dari sebuah blog atau website. Fungsi dari copyright itu sendiri salah satunya adalah untuk memberikan informasi dari blog tersebut, seperti: pemilik blog, pembuat template, dan informasi yang lain.

Bagaimana memasang tulisan copyright pada blog kita?berikut blogatap akan berbagi informasi cara membuat tulisan copyright di blog. Langsung saja kita mulai langkah-langkahnya:

Login akun Blogger ---> Klik Template ---> Edit HTML ---> beri tanda centang pada kotak expand widget template. Setelah itu cari kode ]]></b:skin> tambahkan kode dibawah ini tepat diatas ]]></b:skin>

/* copyright part1 */
.copyright{
text-align: center;
padding-top:5px;
padding-bottom:5px;
font:normal 80% Verdana,Trebuchet,Arial,Sans-serif;}
/* copyright part1 end */

Keterangan:
Bila anda menginginkan tulisan berada disamping, ganti center (tengah) dengan right (kanan) atau left (kiri)
Kemudian copy paste kode berikut tepat di atas </body>

<div class='copyright'>Copyright © 2011-2012 di sini kata-kata terserah anda</div>

Misalnya kalau punya saya seperti ini:


<div class='copyright'>Copyright © 2011-2012 <a href='http://blogatap.blogspot.com/'>blogatap.blogspot.com</a> | powered by: <a href='http://www.blogger.com/'>Blogger</a><br/><br/></div>

Simpan Template

Semoga postingan ini bermanfaat bagi sobat blogger semua, habis baca-baca tidak ada salahnya kalau sobat blogger like postingan atau fans page blog kita yang berantakan ini :)

Minggu, 20 Mei 2012

Membuat Tombol Follow dan Dashboard di Blog

Tombol dashboard sebenarnya sudah terpasang pada navbar blog dan berfungsi untuk login halaman blogger, sedangkan tombol follow biasanya diletakkan di widget blog tapi kali ini kita akan memasang pada bagian kanan atas blog. Bagaimana cara memasang kedua tombol tersebut agar terlihat lebih menarik?

Langsung saja berikut langkah-langkahnya:

Login akun blogger
Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript
Copy-Paste kode di bawah ini pada HTML/JavaScript,

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=25086555954420056783" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>

Ganti blogID diatas dengan blogID sobat, untuk mendapatkan blogID sobat berikut caranya:

Jika sobat blogger menginginkan posisi lain, silahkan ganti tulisan top:5px; right:2px
Klik Simpan

Demikian tips dari blogatap, semoga sedikit tulisan jelek ini bermanfaat bagi sobat blogger semua.

Kamis, 17 Mei 2012

Cek Posisi Blog di SERP Google

Pada urutan berapa blog kita di search engine google?seberapa eksis blog kita dimata search engine google?mungkin pertanyaan seperti ini sering sekali muncul di pikiran sobat blogger semua, apalagi yang saat ini sedang mengikuti kontes SEO.

Bagaimana cara mengetahui posisi blog kita di google?langsung saja kita masuk ke langkah-langkahnya:

Masuk ke pagerank checker klik DISINI

Pilih Select a Google (jika blog kita berbahasa Indonesia pilih www.google.co.id)
Masukkan keyword yang ingin diketahui posisinya di Google, contoh: Cara Mendapat Keuntungan dari Internet
Masukkan alamat blog, contoh: http://blogatap.blogspot.com
Kemudian klik SERP dan tunggu hasilnya?

Syukur deh blogatap tumben banget masuk urutan 5 besar haha, sekian dulu ya postingan dari blogatap semoga bermanfaat bagi sobat semua. Eh, jangan lupa di like kalau habis baca posting ini :)

Membuat Status Biru di Facebook

Ini sebenarnya sudah "JADUL" bagi para pengguna facebook, tapi apa salahnya sih kita mereview dan mengshare turorial ini.

Sering kali status biru yang berada di facebook itu meloncat ke tempat yang kalian itu.

Nah, sekarang aku mau ngasih gimana caranya membuat status biru di facebook tapi setelah di klik oleh orang lain, maka status tersebut akan meloncat ke Profil dia.

Oke, langsung saja.

Copy paste ini.

@@[0:[0:3:Tulis Statusmu Disini]]

Selamat Mencoba

Senin, 14 Mei 2012

Menciptakan 1.000.000 netpreneur baru, Gratis Facebook Store di LakuBGT.com

Apa itu netpreneur?mungkin sobat blogatap masih ada yang masih bingung apa itu netpreneur. Netpreneur atau singkatan dari Internet entrepreneur merupakan istilah untuk orang-orang yang menjalankan bisnisnya secara online melalui internet.

Saat ini potensi netpreneur sangat besar karena dengan semakin canggihnya teknologi komunikasi yang mendukung akses internet dan murah harganya, diprediksikan kedepan seluruh proses bisnis akan terjadi di dunia maya. Melalui internet, salah satunya anda dapat dengan mudah membuat website gratis di facebook. Keuntungan dari website gratis di facebook adalah kita dapat mempromosikan barang dan jasa 24 jam tanpa batasan wilayah, ini merupakan peluang bisnis yang bagus untuk kita sebagai pelaku usaha.

Kini sudah banyak orang-orang yang mencoba lahan bisnis yang satu ini. Di Indonesia sendiri telah hadir LakuBGT.com yang mampu men-support dan mem-fasilitasi, dengan “Menciptakan 1.000.000 netpreneur baru, Gratis Facebook Store di LakuBGT.com”. Agar segala yang dibutuhkan untuk membuat, mengelola, mempromosikan barang dengan mudah dan membooster penjualan bisnis Anda dengan cara tercepat dan termurah.

Siap menjalankan bisnis online??tentu jawabanya siap!!dengan Gratis Facebook Store di LakuBGT.com kita akan lebih hemat dibanding membuka toko atau memulai bisnis baru anda.

Sekian dulu ya postingan dari blogatap, semoga posting ini bermanfaat bagi sobat semua yang mau memulai usaha baru :)

Majalah online terpopuler

Kamis, 31 Mei 2012

Indeks

Cara Mengukur Berat Blog

Rabu, 30 Mei 2012

Download Tanpa Daftar di 4Shared

Cara Membuat Index atau Daftar Isi

Efek Cursor Berbintang

Tag HTML

Selasa, 29 Mei 2012

Cara Membuat Readmore

Minggu, 27 Mei 2012

Alertpay Berganti Menjadi Payza

Sabtu, 26 Mei 2012

Memasang Translate Dengan Menggunakan Bendera

Jumat, 25 Mei 2012

Cara Membuat Next Page di Blog

Membuat Efek Hati di Blogger.com

Tutorial

Membuat Animasi Teks Berwarna

Rabu, 23 Mei 2012

Cara Membuat Tulisan Copyright di Blog

Minggu, 20 Mei 2012

Membuat Tombol Follow dan Dashboard di Blog

Kamis, 17 Mei 2012

Cek Posisi Blog di SERP Google

Membuat Status Biru di Facebook

Senin, 14 Mei 2012

Menciptakan 1.000.000 netpreneur baru, Gratis Facebook Store di LakuBGT.com