Showing posts with label Tips Belajar Blog. Show all posts
Showing posts with label Tips Belajar Blog. Show all posts

CARA MUDAH MENDAPATKAN TRAFFIC REAL HUMAN DARI US, CANADA, UK, TANPA PERLU PROMOSI



Salam semua teman2.

Wahh.. hampir berapa bulan ya saya tidak update2 blog saya disini dikarenakan kesibukan yang begitu padat. Oh ya langsung to do poin aja sepertinya. ^^

Baiklah semua, disini saya akan berbagi sekaligus memberitahukan rahasia sukses setiap webmaster di dunia maya termasuk rahasia utama saya, yaitu adalah unique visitor/traffic. Setiap Blog/Website berlomba-lomba memikat pengunjung agar dapat berkunjung ke dalam website/blognya. Ada yang dimulai dari Pasang Iklan berbayar dan ada pula yang membeli visitor dengan mengeluarkan uang pulahah hingga ratusan dollar "BUY TRAFFIC VISITOR WEBSITE". tentunya dengan banyaknya Pengunjung yang berkunjung, website/blog kita akan terus bisa kita gunakan untuk melakukan apa saja, tentu saja MENGHASILKAN DOLLAR.:)

Tapi Perlu anda ketahui bahwa semakin berkembangnya Pendidikan dan Teknologi, tentu saja ada juga cara praktis untuk menghasilkan VISITOR SECARA GRATIS hingga lebih dari 6000 unique visitor/hari yang berasal dari UNITED STATES, CANADA, UNITED KINGDOM, CHINA, dan GLOBAL yaitu dengan menggunakan software. wah wah. luar biasa bukan? ^^ Tentu saja keberadaa software ini "sangat rahasia" dan bagi kaum awam (newbie) tidak akan mengetahui keberadaanya.:). Nih saya berikan previewnya, silahkan dilihat gambar dibawah ini :



bisa dilihat kan statistik diatas yang awalnya ga punya pengunjung, tiba2 muncul pengunjung. Luar biasa bukan.? Tentu software ini tidaklah di peroleh secara gratis (harus bayar) dan namanya pun tidak akan dishare oleh setiap webmaster. ^^ Nah bagi yang berminat, anda bisa  cari lebih detailnya  dikaskus, sudah ada kok yang menjualnya  atau bisa berkunjung disini atau langsung kesini juga bisa :

http://www.kaskus.co.id/post/50efabc02675b4505b000021#post50efabc02675b4505b000021

Nah, mungkin itu saja yang bisa saya share hari ini. terima kasih.:)

Cara Membuat Image Slider Di Blog

Baiklah Sobat.. Hari ini saya akan berbagi tips mengenai Cara Membuat Image Slider Di Blog anda..Mungkin diantara teman-teman ada yang ingin mempercantik blog dengan menambahkan Image Slider pada halaman blog anda. Dengan Menambahkan Image Slider, Blog kita akan menjadi lebih hidup dan memudahkan kita untuk share konten-konten utama atau konten yang baru kita update dengan pengunjung. Dengan demikian pengunjung akan dengan mudah mengetahui konten-konten apa saja yang baru kita update dan ketika mengklik image slider tersebut akan langsung diarahkan ke alamat dimana konten tersebut berada.


Yupp. Mungkin kita langsung aj ke tipsnya. Anda bisa ikuti prosedur berikut untuk membuat image slider:

A. Upload Picture ke Photobucket

1. login ke Photobucket
2. Upload picture yang ingin anda shared. Setelah diuploud, masuk ke album anda
3. Pilih picture yang baru anda upload, dan pilih direct link untuk mengcopy sambil mengarahkan kursor ke pic tersebut.

B. Blogger 

1. login ke blogger.
2. pilih Rancangan/Design
3. Pilih Edit HTML
4. kemudian Centang expand widget.
5. Lalu klik dan tahan ctrl+f ( tujuannya untuk mencari), masukan cari kode:

<div id='main-wrapper'>

6. Pastekan kode berikut tepat dibawah kode diatas :

<!-- Featured Content Slider Started -->


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='fp-slider clearfix'>
<div class='fp-slides-container clearfix'>

<div class='fp-slides'>

<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='http://i1148.photobucket.com/albums/o571/sam_rizal911/en-US_Acer_Aspire_AS8951G-9630_Blk_CWF-00490_RM1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 1 Code End -->

<!-- Slide 2 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='http://i1148.photobucket.com/albums/o571/sam_rizal911/OriginalJPG12.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 2 title</a>
</h3>
<p>
replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 2 Code End -->

<!-- Slide 3 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='http://i1148.photobucket.com/albums/o571/sam_rizal911/bamboo11_ov3.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 3 title</a>
</h3>
<p>
replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 3 Code End -->

<!-- Slide 4 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='http://i1148.photobucket.com/albums/o571/sam_rizal911/vx7_ov2.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 4 title</a>
</h3>
<p>
replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 4 Code End -->

<!-- Slide 5 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfL7TFibhq6CgmyrcVMLnAanP8NRaEq0MYLUGo4iT_pFRRsAnHAWRiTnpKE8OcI845QRegdcEC0vJD67ZI0vwl4JAd01Ubi0vjEh70hspXas7DrVlUy-o3sHXHozxb9c3gTY_HtfifbNY/s0/5.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 5 title</a>
</h3>
<p>
Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 5 Code End -->

</div>

<div class='fp-nav'>
    <span class='fp-pager'/>
</div>
         
</div>
</div>
<div style='clear:both;'/>

</b:if></b:if>

<!-- Featured Content Slider End -->


klo bingung bisa lihat digambar dibawah :





Catatan:
Ganti tulisan waran merah dan fuchsia di contoh ini dengan url milik anda. warna merah adalah url konten anda, warna fuchsia url yang anda copy di photobuket.

<a href='#'><img src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfL7TFibhq6CgmyrcVMLnAanP8NRaEq0MYLUGo4iT_pFRRsAnHAWRiTnpKE8OcI845QRegdcEC0vJD67ZI0vwl4JAd01Ubi0vjEh70hspXas7DrVlUy-o3sHXHozxb9c3gTY_HtfifbNY/s0/5.jpg '/></a>

hasil  :

<a href='http://infocomputer7.blogspot.com/2011/12/aspire-ethos-as8951g-9630-lxrj202153.html'><img src='http://i1148.photobucket.com/albums/o571/sam_rizal911/en-US_Acer_Aspire_AS8951G-9630_Blk_CWF-00490_RM1.jpg'/></a>


dan juga ganti kode dibawah ini ssua keinginan anda
<a href='#'>This is default featured slide 1 title</a>
contoh:

<a href='http://infocomputer7.blogspot.com/2011/12/aspire-ethos-as8951g-9630-lxrj202153.html'>ASPIRE ETHOS AS8951G-9630 ( LX.RJ202.153 ) SPECIFICATION REVIEW</a>


lakukan hal yang sama juga pada kode slide 2,3,4,dan 5 pada kode diatas. Jika ingin melihat contoh blog yang menggunakan image slider, bisa anda lihat disini

yupp..Mungkin itu yang bisa saya bagi berikan. Semoga membantu dan bermanfaat untuk anda. terima kasih dan have a nice blogging.:)

Cara Menambah Gadget Untuk Tukaran Link (Backlink) Di Sidebar Blog

Hai teman-teman. Pada ulasan kali ini saya akan memberikan tips bagaimana cara menambah gadget untuk tukaran link (backlink) di sidebar blog anda. Seperti yang kita ketahui bahwa untuk meningkatkan pagerank (google pagerank) anda perlu melakukan pertukaran link. Dalam artian anda memasang link dari blog anda ke blog teman anda yang diajak tukaran link, demikian juga teman anda memasang link dari blognya ke blog anda.

Apa keuntungan yang akan anda peroleh jika mempunyai banyak link (tautan) dari dan ke blog lain. Semakin banyak backlink (yang melink) blog anda maka akan semakin besar peluang untuk menaikkan pagerank. Komposisi backlink dalammeningkatkan pagerank sekitar 70 %, selebihnya dari banyaknya /prosentase klik di dalam halaman blog anda, dan trafik.

Cara Mengkonversi Tabel Excel Menjadi HTML Script

Baiklah sobat, pada artikel kali ini saya akan memberikan tips tentang Bagaimana Cara Mengubah (konversi) tabel excel menjadi html script. Jika teman-teman sering membuat tabel saat akan membuat posting website/blog. Maka bisa memanfaatkan tool berikut untuk membantu mengubah tabel excel ke dalam bentuk html script. Jadi dengan meng-copy tabel yang ada di excel selanjutnya paste di website converter kemudian anda mendapatkan script html yang bisa disisipkan ke halaman web/blog.

Cara Mudah Membuat Banner Berjalan Di Blog (Gambar Berjalan)

Baiklah teman-teman.. Pada tips kali ini saya akan memberikan tips kepada anda bagaimana Cara Mudah Membuat Banner Berjalan Di Blog (Gambar Berjalan). Mungkin ada diantara teman-teman yang ingin membuat banner berjalan di blog atau jika punya gambar kesayangan mungkin bisa buat gambar berjalan di blog, bisa juga jika punya foto maka membuat foto berjalan di blog. Anda bisa menempatkan banner, gambar, atau foto tersebut di dalam postingan atau di disebar (gadget html/javascript). Baiklah langsung saja kita mulai, bisa anada lihat pada tahap-tahap berikut ini:

Ada beberapa tahap yang harus anda lakukan:

1. Upload gambar dari komputer ke situs layanan image hosting gratis seperti tinypic,photobucket,dll (dalam contoh ini kita menggunakan tinpyc)
2. Buat kode banner di blog

Langkah detail untuk membuat :

Cara Mendaftar Google Adsense Dengan Menggunakan Website/Blog Sendiri (Kilas Balik Seputar GA Berdasarkan Pengalaman)

Baiklah Teman-teman. Hari ini saya akan menjelaskan Cara Mendaftar Google Adsense Dengan Menggunakan Website/Blog Sendiri. Banyak sobat yang bertanya-tanya kepada saya 'bagaimana cara mendaftar GA agar dapat diterima dengan mudah?', Apakah Mendaftar Google Adsense itu perlu membayar?'.Oleh karena itu saya terpanggil kembali untuk menjelaskan kepada anda jika mungkin ada yang belum paham atau bingung mengenai seputar GA dan Bagaimana cara mendaftarnya.

Di dalam postingan saya yang terdahulu, saya pernah menjelaskan menjelaskan tentang bagaimana Cara Daftar Google Adsense Dengan Mudah Via Indyarocks. Memang benar Via Indyarocks sangat sangat mudah DITERIMA. Bahkan hanya dalam 2 jam atau bahkan dalam 1 hari sudah diterima dan mendapat account GA. Akan tetapi, semua itu tidak bertahan lama berdasarkan pengalaman saya. Paling-paling 1 minggu atau bahkan hanya 3 hari account GA yang diperoleh dari Indyarocks sudah kena BANNED.. timbul pertanyaan, kenapa di banned??? yang pasti jawabannya saya tidak tahu. Dan itu bukan hanya pengalaman saya saja, tapi hampir semua webmaster yang saya ketahui mengatakan demikian..Baiklah langsung saja ke pokok bahasan, saya akan menjelaskan poin-poin dari pertanyaan diatas.

Cara Mengganti Background Blog Dengan Gambar Sendiri

Baiklah sobat..kali ini saya akan memberikan tips baru cara mengubah gambar background blog dengan gambar sendiri. Buat teman-teman yang masih pemula, mungkin ada yang belum tahu cara mengganti background blog. Sebenarnya anda bisa mengubah background blog dengan menambah sedikit script CSS ke template blog.


Sebagai Catatan:
Saya menguji coba template ini pada template bawaan blogger yaitu: "Denim"
Mungkin jika menggunakan template lain tidak berfungsi optimal, karena setiap template mempunyai struktur dan syntax script yang berbeda.

Cara Membuat Label Berputar atau Cloud Tag pada Blogspot

Baiklah Sobat. Hari ini Saya akan memberikan tips mengenai cara membuat laber berputar atau cloud tag pada blog anda..Mungkin ada diantara teman yang masih pemula yang senang menghias blog dengan membuat label berputar atau menambah tag berputar ketika pointer mouse diarahkan ke tag atau label tersebut maka tag akan berputar, jika mengklik salahsatu tag akan membuka sebuah halaman sesuai tag bersangkutan. . Biasanya tag cloud ditempatkan di sidebar blog. Anda bisa menambahkan script ke template blogger untuk menampilkan tag (label) cloud tersebut di sidebar.

Untuk membuat tag cloud berputar
Contohnya bisa dilihat di bawah ini 



Referensi Belajar Script HTML XML CSS

Buat teman-teman blogger pemula yang tertarik untuk belajar script html, XML, CSS,Javascript dan script lainnya yang berhubungan dengan web design and programming, anda bisa menjadikan situs berikut sebagai referensi untuk belajar.

Sangat banyak materi yang bisa kita coba untuk dijadikan latihan.
Silahkan kunjungi situs berikut:

Bahasa Inggris
1. Belajar script html w3schools
2. Belajar script html dynamicdrive

Bahasa Indonesia
1. Belajar script html freewebs

Cara Membuat link ntuk membuka halaman target di halaman (tab) baru

Baiklah sobat. Hari ini saya akan menjelaskan tentang Membuat link untuk membuka halaman target di halaman (tab) baru.Mungkin ada teman-teman yang masih pemula yang ingin membuat link teks, jika anchor text (teks link) di klik, maka akan terbuka sebuah halaman baru. Terkadang jika anda berkunjung di sebauah blog, misalnya di blog saya ini, jika anda mengklik sebuah link halaman targetnya terbuka di halaman (tab/jendela)baru, dan terkadang halaman target terbuka di halaman (tab)yang sama.

Untuk membuat halaman target terbuka di halaman (tab)baru bisa buat link seperti di bawah ini:
(jika linknya berada dalam postingan, maka atur option teks editor pada mode Edit HTML)



Cara Pasang Facebook Like Di Blogspot

Baiklah sobat. Saya akan berbagi tips yang baru saya pelajari mengenai cara pasang facebook like diblog. bisa anda lihat pada gambar dibawah ini:



Adapun caranya bisa anda ikuti langkah dibawah ini:

1. login blog
2. rancangan -> edit HTML (Centang Expand Template Widget )
3. cari kode <data:post.body/> dengan menggunakan CTRL + F
4. lalu taruh kode dibawah ini, dibawah kode diatas:

Cara Memasang Widget Google Translate ke blog

Baiklah sobat. pada hari ini saya akan memberikan tips bagaimana cara memasang widget google translator ke blog. Gadget/widget Google Translate, sebenarnya bisa ditambahkan dengan menggunakan gadget translator yang telah tersedia di dalam List Gadget Blogger, Di Bagian "Elemen Laman - Tambah Gadget" pada saat melakukan perintah Tambah Gadget, namun ada alternatif lain, yang sebenarnya lebih sederhana bentuknya, Anda hanya perlu melakukan copy script kemudian memasukkannya ke Gadget html/javascript blogspot

Contohnya bisa di lihat di bawah ini

Cara Memindahkan Situs ke domain baru agar bisa Terindex Google secara lengkap

Baiklah, teman-teman. Pada ulasan kali ini, saya akan memberikan tips bagaimana cara memindahkan situs anda ke domain baru ada dengan efisien dan dapat terindex oleh google secara total.

Jika sobat berencana memindahkan situs ke domain baru, gunakan perangkat Perubahan Alamat untuk memberitahukan URL baru Anda kepada Google. Ini akan membantu om google dalam memperbarui indeksnya dengan cepat dan mempermudah transisi para pengguna si pemilik domain baru tersebut.

Untuk mendapatkan hasil terbaik, sobat bisa ikuti langkah-langkah berikut ini:
1. Buat situs baru
Baca pedoman untuk memindahkan situs Anda ke domain baru. Atur isi Anda pada domain baru Anda, lalu pastikan semua tautan internal mengarah ke domain baru tersebut.

Cara Membuat Recent Post/ Postingan Terbaru

Bailklah teman-teman. Hari ini saya akan memberikan tips bagaimana cara membuat Recent Post/ Postingan terbaru yang bisa anda tampilkan di blog anda agar memudahkan para readers mencari apa yang ingin dibaca. Untuk lebih jelasnya, bisa teman-teman lihat contoh gambar dibawah ini :



Ada beberapa cara membuat recent post, bisa dengan menggunakan feedburner atau dengan memanfaatkan feed default blogger.

Keduanya pernah saya coba di blog saya, tetapi yang lebih praktis adalah dengan menggunakan feed default blogger.

Cara Membuat related post pada blog

Sobaat. Pada ulasan kali ini saya akan memberikan tips mengenai cara membuat Related Post/Post Terkait. Related Post ini Biasanya berada di bagian bawah sebuah postingan terdapat tampilan Artikel terkait (Related Post), hal ini berguna untuk memudahkan pengunjung melihat artikel lain yang berhubungan dengan artikel (postingan yang aktif). Dengan adanya related post bisa meningkatkan pagehit pada blog anda.


Cara Membuat menu navigasi horisontal dengan css menu (versi blue sprite) di blog

Baiklah Sobaat. Hari ini saya akan memberikan tips baru kepada sobat tentang cara membuat menu navigasi horizontal di blogspot dengan css menu (versi blue sprite) agar Blog kita bisa terlihat lebih rapi dan lebih cantik.:)

Menu navigasi secara default belum tersedia di template blogspot. Menu navigasi horisontal versi blue sprite adalah varian dari menu navigasi sebelumnya seperti menu navigasi massive blue yang menggunakan script css . Untuk lebih jelasnya, bisa anda lihat gambar dibawah ini:


cara membuat menu navigasi horisontal/dropdown (massive blue drop down)

Salam para blogger mania.

Pada ulasan kali ini saya akan memberikan tips bagaimana cara membuat menu navigasi horizontal/dropdown untuk mempercantik blog anda. Menu navigasi horisontal dengan script css yang bisa dijadikan alternatif untuk dipasang di blog adalah menu navigasi horisontal/dropdown (massive blue drop down). Seperti gambar di bawah ini:


Beberapa menu horizontal lainnya bisa dilihat disini:
1. Menu Horizontal sederhana
2. Dropdown 2 level


Untuk membuat menu navigasi di atas, bisa ikuti prosedur berikut:

Cara Membuat menu dropdown 2 level menggunakan css script (menu navigasi horisontal)

Haloo sobaat. Pada ulasan kali ini, saya akan memberikan tips cara membuat menu navigasi bercabang dropdown menggunakan css script.Seperti dalam bahasan terdahulu tentang menu navigasi horisontal bercabang dengan cabang hanya 1 level, dalam postingan ini kita mencoba membuat menu navigasi horisontal (drop down menu) dengan cabang hingga dua level. Script menu ini bersumber dari css menu maker.

Menu navigasi yang terpasang diblog dimaksudkan untuk memudahkan pengunjung menelusuri isi blog, selain itu juga menjadi pinti masuk robot search engine dalam menelusuri link yang ada di dalam blog. Kita juga Membisa menambahkan menu navigasi secara manual yang tersedia melalui blogger itu sendiri. Akan tetapi, kita pasti belum merasa puas karena designnya yang default. Kita pasti ingin membuat menu navigasi yang baru dan dapat mempercantik blog kita. Setuju tidak sobaat??? mudah-mudahan sobat setuju. Baiklah, Tampilan menu navigasi yang akan saya jelaskan cara membuatnnya bisa dilihat pada gambar di bawah ini



Cara membuat background pada judul postingan blog

Buat teman-teman yang mempunyai blog dan di blognya pada bagian judul postingan ingin membuat background yang warnanya bebrbeda dengan background utama maka anda bisa mengubah sedikit script pada template anda. Menurut beberapa sumber yang pernah saya baca agar blog lebih seo friendly maka judul postingannya di buat lebih besar ukurannya dari ukuran teks isi postingan, dan lebih kecil dari ukuran teks dan deskripsi header. Selain itu membuat background pada judul postingan bisa memudahkan pengunjung melihat judulnya, dan katanya lebih memudahkan search engine mendeteksi keyword yang ada di judul tersebut.

Contoh judul postingan yang di-ubah background-nya bisa dilihat seperti gambar di bawah ini.


Menambah slot (elemen) gadget di header

Jika anda menggunakan template default blogger, maka anda akan mengalami kesulitan untuk menyisipkan gadget ke bagian header blog. Karena fungsi add gadget dinonaktifkan oleh blogger. Anda bisa mengaktifkan gadget tersebut, kemudian bisa menyisipkan obyek seperti script html/javascript, link, gambar, atau widget tertentu.

Tampilan default pada saat anda membuka halaman tata letak -> Elemen halaman adalah seperti di bawah ini:



xUntuk mengubah atau menambah elemen gadget ke header, lakukan prosedur berikut:

1. Login ke dashboard => Tata Letak => Edit HTML , centang pada "Expand widget template"