Cara membuat Pesan Saat Blog Di Tutup

Kali ini saya akan Men-Sharekan Bagaimana Cara membuat Pesan Saat Blog Di Tutup
Jika kalian belum memahaminya, saya akan  menjelaskannya
Pesan/Notice Saat Blog Di Tutup itu adalah saat kalian ingin keluar dari Blogger akan Muncul Pemberitahuan mengapa kalian Keluar dari Blog tersebut ? ...
Sudah paham kan ?


Caranya :
[1] Seperti Biasa Dari Postingan Pertama sampe Akhir Postingan, Yaitu kalian berdoa menurut kepercayaan masing-masing agar apa yang kalian Kerjakan ada Maknanya dan tanpa ada Keganjalan dalam Proses .. Amien ..

[2] Rancangan => Edit HTLM => Tekan CTRL+F => Cari kode  </Head>
[3] Jika sudah ketemu ..Letakkan  Kode HTML di bawah ini , Tepatnya di Atas Code </Head>
[4] Kalian Tidak bisa Copy HTML di bawah ini .. Karna Di blog ini sudah Memasang Blog Anti Klik kanan
Tapi Jangan Khawatir Saya akan Menjelaskan Cara Copy HTML Tersebut:
                   [=] CTRL+C = COPY
                   [=] CTRL+V = PASTE

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert(&#39;Terima kasih telah mengunjungi blog ku!&#39;);
}
parent.window.onunload=goodbye;</script>

:WARNING:
Tulisan Berwarna HIJAU bisa kalian Ganti Dengan Pesan Sesuka Kalian

#Sekian TerimaKasih..
#Wassalam ..

Read More

Cara memasang meta tag keyword dan deskripsi blog

ini dari mas Fajar345 Blog malam ini saya akan menuliskan tentang cara memasang atau menambahkan meta tag keyword dan deskripsi ke blog sobat. Memasang meta keyword dan deskripsi adalah bagian dari mengoptimalkan blog secara internal, tujuannya apa lagi kalau buka search engine optimization atau yang lebih dikenal dengan sebutan seo. Keyword dan deskripsi adalah salah satu bagian yang penting dalam sebuah blog. Sebelum mengenal jauh tentang fungsi dari keyword dan deskirpsi di blog, berikut adalah cara memasang meta keyword dan deskripsi diblog.
Pertama sobat masuk dulu ke blogger sobat, kemudian pilih template lalu edit HTML, jangan lupa centang expand template widget.
Setelah itu sobat cari <title><data:blog.pageTitle/></title> Setelah ketemu kemudian sobat ganti kode <title><data:blog.pageTitle/></title> dengan kode berikut 

<title><data:blog.pageTitle/></title>
<meta content='Ganti dengan deskripsi sobat' name='description'/>
<meta content='Kata kunci1,kata kunci2,kata kunci, dan seterusnya' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
<meta content='Nama sobat' name='author'/> 

Isi deskripsi, dan kata kunci sesuai dengan tema atau isi blog sobat, dan jangan terlalu berlebihan dalam mengisi keyword dan deskripsi blog sobat, agar blog sobat tidak dianggap spam oleh mesin pencari.

Dan buat sobat yang belum tahu fungsi dari Deskripsi, Keyword atau kata kunci, robots dan author berikut adalah sekilas tentang informasi di atas. 

• Meta deskripsi - Ini digunakan untu mendeskripsikan halaman blog sobat. Deskripsi blog akan tampil bersama dengan title pada hasil pencarian seacrh engine. usakan mengisi deskripsi antara 120 karakter sampai 150 karakter saja tetapi bisa mewakili seluruh isi blog sobat, karna hanya 120 sampai 150 karakter saja yang bisa ditampilkan oleh mesin pencari. 
• Meta keyword - Atau kata kunci digunakan untuk menyebutkan sejumlah kata kunci blog sobat. Setiap kata kunci yang sobat buat pisahkan dengan koma. Hampir sama dengan deskripsi jangan gunakan kata kunci yang berlebihan di blog sobat, dan jangan mengulang kata kunci atau keyword lebih dari 3 kali.
• Meta Robots - digunakan untuk menentukan apakah blog sobat dapat di index oleh search engine atau malah sebaliknya.
• Meta author - fungsinya untuk menyatakan bahwa isi blog yang sobat buat adalah hasil karya atau hak cipta sobat. 

Mungkin itu saja yang saya tulis hari ini untuk cara memasang keyword dan deskripsi dan sedikit tentang penjelasannya. Semoga bermanfaat :)

Read More

Bagaimana Cara Membuat Blog yang SEO friendly ( Blogspot )

Bagaimana Cara Membuat Blog yang SEO friendly ( Blogspot )

Khusus Pemula Yang Bahkan Belum Punya Blog

Saat ini sudah banyak sekali orang yang tahu bagaimana cara membuat blog. Tapi ada perbedaan mendasar antara paham bagaimana cara membuat blog untuk life style dengan membuat blog untuk Promosi atau Popularitas. Jadi kali kita akan membahas cara membuat blog blogspot yang SEO friendly (sesuai dengan aturan SEO).

TAHAP 1 Persiapan Membuat Blog

• Putuskan tema blog apa yang hendak anda buat (sebagai panduan coba baca Cara Memulai Blog Dengan Benar)
• Lakukan riset kata kunci seputar tema blog yang anda pilih (Jika anda pemula dan bingung masalah kata kunci dan risetnya silahkan baca artikel Memilih Kata Kunci Yang Tepat untuk Blog)
• Pilihlah nama Blog dan Alamat Blog berdasarkan kata kunci pilihan anda tadi. (Jika masih bingung lagi silahkan baca cara memilih nama domain)
• Anda sudah siap untuk memulai membuat blog baru.

TAHAP 2 Cara Mulai Membuat Blog

• Buka http://www.blogger.com
• Masuklah dengan akun Google saudara. Jika belum punya, silahkan membuat email baru Google
• Saudara akan tiba di halaman Dashboard Blogspot (Tampilan Baru)
• Pada bagian kiri ada sebuah tombol BLOG BARU (klik untuk memulai)
• Akan muncul panel input yang meminta anda memasukkan Nama Blog, Alamat Blog Yang Anda Inginkan, dan Template Blog. Silahkan diisi dan klik Buat Blog!
• Blog anda sudah jadi.

Sampai di sini sebenarnya anda sudah paham bagaimana cara membuat blog di blogger.com hanya saja perlu sedikit pengaturan untuk membuatnya lebih SEO friendly.

TAHAP 3 Cara Mengatur Setelan Pada Blogspot Baru

• Masih di halaman Dashboard (Homepage dari akun blogger anda). Sekarang sudah ditampilkan pilihan blog yang baru saja anda buat (lihat gambar di bawah)

• Silahkan klik tanda panah kecil yang ada pada contoh di atas, maka akan ditampilkan barisan menu yang bisa anda pilih. Silahkan klik Setelan.

• Anda akan diarahkan ke halaman pengaturan dari blog tersebut (lihat gambar di bawah) 

• Pada kolom Setelan ada beberapa pengaturan. Tapi kita hanya akan berfokus pada pengaturan Dasar dan Preferensi Penelusuran.
• Pada pengaturan Dasar, ada dua pengaturan yang perlu anda perhatikan yaitu Judul dan Deskripsi. Klik Edit untuk mengubahnya. Pastikan anda memaasukkan kata kunci pilihan anda di dalam Judul dan Deskripsi. Sebagai contoh pada blog Pulsa Elektrik, Pilihlah Judul "Jual Pulsa Elektrik Termurah", dan deskripsi bisa anda isi dengan "Menyediakan pulsa elektrik semua operator dengan harga termurah, pendaftaran gratis, transaksi cepat dan akurat" (Catatan: Jika anda memakai template bertema khusus, biasanya Judul dan deskripsi tidak pas pada ruang yang disediakan. Jadi bila judul dan deskripsi yang anda pilih kepanjangan silahkan kembali ke Setelan Dasar untuk mengubahnya)
• Pada Pengaturan Preferensi Penelusuran ada pilihan Tag Meta, klik Edit pada Deskripsi, lalu masukkan deskripsi blog anda. Sekali lagi pastikan meta deskripsi yang anda berikan adalah penjelasan singkat tapi padat kata kunci.

• Blog anda sudah siap, tinggal memposting artikel saja.
• Supaya pengetahuan anda lebih lengkap silahkan baca pentingnya artikel berkualitas berkualitas, Optimisasi Onpage, dan Optimisasi Offpage.

Catatan Tambahan Artikel Bagaimana Cara Membuat Blog

• Pelajari lebih lanjut tentang Meta Description, Title Tag dan Heading Tag pada link yang saya berikan. 
• Jika memakai template kustom (download dari tempat lain), maka pastikan strukturnya menampilkan artikel di kiri dan sidebar di kanan.

Ok, mungkin dasarnya seperti itu saja, jika ada kebingungan silahkan bergabung di grup facebook saya @  http://www.facebook.com/groups/418641218154878/ . Setelah bergabung silahkan posting di Grup apa saja yang ingin anda ketahui. Terima Kasih sudah mampir, semoga sukses dengan blog baru anda.

Read More

Cara Membuat / Mengganti Favicon / Site Icon Blog

Favorit Icon atau yang disingkat Favicon adalah sebuah gambar kecil di address bar. Terletak disebelah kiri nama blog ataupun judul posting blog yang sedang kita buka. favicon bawaan blogspot biasanya dilambangkan dengan huruf B dalam kotak berwarna orange. Seorang blogger mengganti faviconnya mungkin bisa jadi agar terlihat lebih indah, keren dan profesional, hehehe. Lihat Gambar di Bawah.

Ada 2 cara untuk mengganti favicon, cara pertama ialah secara default dan ini cukup mudah dilakukan sedangkan cara kedua ialah dengan membuat favicon secara online kemudian mengupload gambar favicon itu di hosting/tempat penyimpanan image online (misal di google code). Yuk kita simak sama-sama caranya.

Cara Pertama;

1. Buatlah dan Siapkan gambar yang akan dijadikan favicon, persegi bujur sangkar misalnya ukuran 32x32 pixel atau berapapun yang penting harus persegi.

2. Masuk ke Rancangan > Tata Letak > Lihat ada kata Favicon di atas header, Klik link Edit.

3. Cari gambar dengan klik Telusuri lalu klik simpan.

4. Favicon blog sobat sudah berubah. hehehe

Cara kedua;

1. Masuk ke genfavicon.com  atau ke www.favicon.cc
 
2. Buat favicon di  situ. sebagai contoh saya akan membuat favicon di genfavicon.

3. Masukkan gambar baik lewat url gambar ataupun menguploadnya (disini saya menguploadnya) lalu Klik Upload image

4. Jika sudah diupload bisa Select Size untuk menentukan ukuran gambar. atau juga memotongnya/crop (crop & preview) sesuai tampilan yang kita inginkan.

5. Download favicon Image. Lalu upload ke hosting gambar, disini Saya menguploadnya ke google code.

6. Buka Dasbor > Menu Template > edit HTML > centang expand template, cari kode  <b:skin><![CDATA[. Lalu masukkan alamat url favicon blog yang telah di upload di hosting image tadi, tepat di atas kode  
<b:skin><![CDATA[.  diantara kode biru dibawah.

<link href=' masukkan alamat tempat hosting favicon ' rel='shotcut icon'/>

sebagai contoh lihat kode di bawah ini.

<link href='http://julak-project.googlecode.com/files/animated_Favicon.gif' rel='shotcut icon'/>
 <b:skin><![CDATA[

pada kode berwarna merah diatas, adalah alamat saya menyimpan/hosting gambar favicon blog ini.

7. Jika sudah klik pratinjau, lalu save template. Lihat perubahannya.

Jika sobat mau tau cara membuat file hosting image, javascript maupun dokumen lain di google code termasuk menyimpan gambar favicon silahkan kunjungi postingan cara membuat file hosting di google code

Nah bagaimana sobat sudah berhasil mengganti faviconnya, terlihat lebih profesional, keren dan ... bagus khan? hehehe selamat mencoba. Salam Blogger.

Read More

Cara Agar Blog Terkenal dan Banyak Pengunjungnya!

Cara agar blog terkenal dan banyak pengunjungnya, Pada jumpa ini, blog SEO Tutorial khusus blogger indonesia akan mencoba berbagi sedikit tips ringan masih seputar blog. Yakni memberikan sedikit tips cara agar blog terkenal dan sumber visitor supaya blog banyak pengunjungnya.


Pertama agar blog kita dapat terkenal bisa di kategorikan 2 macam jenis menurut Seo Tutorial, Pertama terkenal di mata pengguna dan kedua terkenal di mata mesin pencari terbesar dunia saat ini seperti yahoo, Google dan Bing.

Untuk pembahasan kali ini Tutorial Blogger akan memberikan informasi bagaimana agar blog bisa terkenal oleh Search Engine khususnya Google. Silakan baca referensi selengkapnya disini:
- Cara membuat blog agar tampil di google.
- Cara agar blog jadi nomor satu di google.

Sudah artikel SEO diatas sedikit banyak bisa membantu teman2 blogger sekali untuk mendapatkan perhatian dari mesin pencari kepada blognya. Sebab jika dengan benar mengikuti tehnik yang telah dituliskan diatas mudah-mudahan semuanya akan mudah terwujud.

Selain mengikuti langkah diatas, ada salah satu cara yang bisa dikatakan sangat praktis, yaitu menggunakan Jasa SEO yang saat ini telah banyak sekali khusus Indonesia. Memang harga yang merekan tawarkan berbeda2 dan sesuai dengan tingkat persaingan kata kunci dari setiap pengguna jasa mereka.

Oleh karena itu bagi yang tidak ingin pusing dan rela mengeluarkan sedikit uang agar blognya terkenal bisa saja menggunakan Jasa Seo Indonesia dan tentunya sudah teruji kemampuan mereka dalam menaikan sebuah blog dengan kata kunci tertentu di mensin pencari Google. Sebab jika blog kita berada di halaman pertama dan mempunyai posisi urutan 3 besar otomatis tidak akan lama lagi banyak pengunjung yang berdatangan silih berganti. Salam

Read More

Download Template Blogger Unik Keren Terbaik 2013

Download Template Blogger Unik Keren Terbaik 2013

Template Blogger yang unik dengan tampilan keren serta free atau gratis download merupakan Template Blog dengan gaya yang berbeda dari biasanya dan terlihat lebih menarik dibanding dengan tampilan blog yang standar tanpa ada sesuatu yang menarik didalamnya.

Template unik pilihan Tukang Coding dibawah ini tersedia berbagai kolom mulai dari 2, 3 dan 5 kolom template blog. Berbagai warna menghiasi hasil modifikasi blog dan gambar latar kartun anime jepang juga tak kalah menghiasi agar lebih menarik dan membuat betah pengunjung yang datang berkunjung ke blog TreTan. Tapi alangkah baiknya jika tampilan blog yang keren bisa diimbangi oleh isi postingan yang bermanfaat supaya pengunjung tak hanya menikmati tampilan juga bisa membaca isi postingan yang terdapat dalam blog TreTan.

berikut adalah Download Template Blogger Unik Keren dan Terbaik 2013. by btemplates.com


1. R3 Mansory Blogger Template

DOWNLOAD

2. Green Minimalist Blogger Template

DOWNLOAD

3. Box Transparent 2.0 Blogger Template

DOWNLOAD

4. Modern V5 Blogger Template

DOWNLOAD

5. Anime Naruto Uniqx Blogger Template

DOWNLOAD

Artikel ini berasal dari Download Template Blogger Unik Keren Terbaik 2013 | Im Blogger Nusantara | How To | Tricks | Adsense | Seo
Kunjungi http://imbloggernusantara.blogspot.com untuk Artikel lainnya

Read More

Widget Cursor Blog

Widget Cursor Blog - allhamdhulillah bisa posting lagi nich...........
Bagian kalian yang gila disegn 
saya punya widget keren yaitu widget cursor blog 
pada posting sebelumnya saya juga menjelaskan tentang widget floating
berikut adalah widget cursor Blognya,,,,,,,,
 


 


<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-7/oth688.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/25/infinity-2.html" target="_blank" title="Infinity"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Infinity" style="position:absolute; top: 0px; right: 0px;" /></a>


<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-5/sym483.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2010/03/12/tumblr.html" target="_blank" title="Tumblr"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Tumblr" style="position:absolute; top: 0px; right: 0px;" /></a>


<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1018.ani), url(http://cur.cursors-4u.net/cursors/cur-11/cur1018.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/22/x-steel-horizontal-resize.html" target="_blank" title="X-Steel - Horizontal Resize"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="X-Steel - Horizontal Resize" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth561.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/02/16/ruby-9.html" target="_blank" title="Ruby"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Ruby" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-14/gam1373.ani), url(http://cur.cursors-4u.net/games/gam-14/gam1373.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/11/halo-energy-sword-link-select.html" target="_blank" title="Halo Energy Sword - Link Select"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Halo Energy Sword - Link Select" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-7/sym652.ani), url(http://cur.cursors-4u.net/symbols/sym-7/sym652.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/08/boucing-smiley-star.html" target="_blank" title="Boucing Smiley Star"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Boucing Smiley Star" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-5/sym498.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2010/03/12/blogger.html" target="_blank" title="Blogger"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Blogger" style="position:absolute; top: 0px; right: 0px;" /></a>

Berikut Adalah cara memasang

• Pertama masuk Blogger
• Klik Rancangan 
• Tambah Gadget lalu pilih html/javascript
• lalu copy script-script diatas dan paste.....
• lalu klik simpan

Read More

Cara Buat Buku Tamu - Membuat Buku Tamu Menempel di Blog

Cara Buat Buku Tamu - Membuat Buku Tamu Menempel di Blog

Hai... Ketemu lagi dengan Kali Ini catatan saya berjudul Cara Buat Buku Tamu atau cara membuat buku tamu bisa menempel di sisi Blog, kenapa sampai saya merekomendasikan tampilan seperti "Buku tamu menempel di Blog", alasannya untuk menghemat tempat apalagi mungkin ada beberapa rekan blogger mempunyai banyak iklan di blognya nah anda bisa menyisipkan iklan di blog anda juga persis di bawah chat Box atau buku tamu, 

oke langsung saja biar ga keburu basi walaupun sebenarnya sudah basi tapi ga apalah sekedar turut meramaikan judul postingan Cara Buat Buku Tamu di Blog  na di bawah ini adalah script kode html buku tamu yang nantinya anda gunkan untuk membuat Buku Tamu menempel di sisi Blog langsung di Copaz kodenya teman. et tunggu dulu...!

sebaiknya mmungkin saya pandu dulu yah step by step membuat buku tamu di blog menempel mari kita mulai:

1. Masuk ke Blog yang anda punya , lalu pilih Design/Rancangan
2. Add widget/tambahkan widget Html/JavaScript
3. Nah setelah itu...   Copy Code di bawah ini

<style type="text/css">
#gb{
position:fixed;
top:23px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

 Masukan Code Script ChatBox/ShoutBox kamu Disini

<div style="text-align:right">
<a href="javascript:showHideGB()">
[Close]
</a>
</div>
</center></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Jangan Lupa masukkan kode Script ChatBox/ShoutBox nya atau bisa di tambahkan iklan tepat di bawahnya dengan menambahkan code <br> kode iklan/Banner anda </br>

sedangkan untuk mengatur agar supaya kode iklan tertata dengan baik anda bisa menambahkan kode <center>kode Iklan/banner anda</center> tujaunnya agar iklan terpasang pas di tengah jika ukuran bannernay lebih kecil maka akan terliahat bagus silahkan di lihat buku tamu saya 

contoh yang benar seperti di bawah ini:

<br><center> Kode Iklan/banner anda</center></br>

nah demikian cara buat buku tamu atau membuat buku tamu menempel di sisi blog semoga bermamfaat salam sukses selalu

Read More