Selamat datang di dunia celoteh orang yang faqir ilmu dan penuh harapan hidayah dari sang Pencipta ciptaan yang Maha Pencipta.....
Jumat, 16 April 2010
paid-to-promote, terbukti membayar, ayo gabung!!
jika pengen dapat dollar juga, silakan gabung ke sini
Minggu, 13 Desember 2009
Membuat Metakeyword Dynamic blogspot/blogger
Namun cara ini bukan berarti menjadi jaminan untuk Mendapatkan Ranking pertama di halaman Google, karena masih banyak lagi teknik SEO yang harus di manajemen....(maklum, kang supris juga masih pemula bangetttt)
jika penasaran ingin tau, langsung saja ikuti langkah berikut:
Masuk ke Edit HTML dahulu...(sebelumnya, backup dulu template anda!)
1. Cari tag/kode <head>
2. Copy semua kode dibawah ini lalu letakkan tepat diatas kode itu:
<b:section id='meta1' showaddelement='no'>
<b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='post' var='post'/>
<b:includable id='status-message'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='main' var='top'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<meta name="keywords" content="<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop>" />
</b:if>
</b:loop>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='comments' var='post'/>
</b:widget>
</b:section>
</b:if>
3. Save
dan setelah itu, sebagai contoh, maka ketika anda melihat source (tekan Ctrl+U untuk firefox) postingan saya yang Membuat Metakeyword Dynamic blogspot/blogger ini, maka anda akan melihat pada baris ke 4 berisi :
<meta name="keywords" content="belajar ngeblog,belajar SEO,Membuat Metakeyword Dynamic blogspot/blogger" />
bagaimana??penasaran, silakan dicoba... (sumber Myherro.com)
Rabu, 06 Mei 2009
cara mudah membuat menu di blogger
sebelumnya silakan masuk dulu ke link ini
selanjutnya, misalnya kamu ingin membuat menu, home, article, download, galeri, dsb...
perhatikan screenshot berikut ini....
perhatikan form yang ingin anda isi dengan menunya....silakan isi sesuai dengan keinginan anda...untuk menambah menu, tinggal klik add (yang dilingkari biru itu lho), setelah selesai mengisikan semuanya, sekarang klik "i'm done......", kemudian pilih model menunya seperti di bawah ini....
langkah terakhir, silakan liat di bawah ini...
ntuk kode CSS harus di copy dan di letakkan dalam kode template. Di halaman template blog kamu, pilih Edit HTML, letakkan kode CSS dari List-O-Matic tadi sebelum kode ]]> dan save template.untuk HTML code, Copy kode HTML dan masukkan lewat Add a Page Element - HTML/JavaScript dan letakkan dimana kamu pengen menunya muncul...contoh lain silakan klik di www.thohiriyyah.com
gimana???gampang kan???hehehe..selamat mencobaa....
update: Jika anda merasa kesulitan untuk membuat menu seperti di atas, silakan cari template yang sudah terintegrasi dengan beberapa menu, silakan baca di Best magazine blogger template!
Minggu, 26 April 2009
Belajar Ngeblog bukan sekedar membuat blog
Jumat, 24 April 2009
menarik ribuan visitor sehari, mau???
disamping itu, termasuk juga teknik SEO adalah segi originalitas dari konten, ini yang perlu kita cermati...ada beberapa hal yang dapat membuat visitor betah di blog kita, diantaranya adalah layout yang bagus, artikel yang menarik, dan juga beberapa konten yang menyadiakan download gratisan, misalnya download mp3, free mp3, free ringtone mp3, lebih-lebih download 3gp (tapi kalo 3gp kesannya ada negatifnya) dan lain-lain...nah, bagaimanakah penjelasan teknik "menarik ribuan visitor sehari" ini???hmm...kang supris mau memperdalam lagi nanti...sekarang kang supris mau bobok dulu....ngantuk...huuahh......oiya, bagi para master yang membaca celoteh kang supris ini, tolong kasih pencerahan ya...thnx b4...
Selasa, 21 April 2009
Latihan SEO untuk blogspot Pemula
selanjutnya, kita bahas beberapa TIPS SEO blogger secara lebih detail (hanya beberapa, karena buanyak banget teknik yang bisa dikembangkan)...
Secara Umum, untuk mendapatkan SERP (Search Engine Result Page) yang bagus kita harus sering-sering belajar tentang SEO (search engine Optimizing) salah satunya dengan cara berikut:
1. Mengoptimalkan keyword yang ingin kita bidik di 25% pertama postingan anda, artinya, jika kita membuat postingan dengan 4 paragraf, maka kita bisa optimalkan keyword (kata kunci) di paragraf pertama tersebut. oiya, jangan terlalu banyak mengulang kata kunci, karena bisa aja dianggap sebagai Spam oleh
2. Gunakan Judul halaman Blog yang SEO friendly, untuk lebih jelasnya, silakan menuju Judul Halaman yang SEO friendly
3.Daftarkan URL anda ke Search engine, misalnya ke google webmaster, untuk keterangan lebih lanjut, silakan menuju Cara submit URL ke google webmaster
4. Jangan Membuat judul Posting Yang terlalu Panjang...karena permalink anda dapat terpotong, misalnya judul postingan "teknik seo untuk blogspot bagi pemula yang ingin belajar ngeblog", maka permalink anda akan terpotong hasilnya seperti ini "http://www.suprisdiantoko.com/2009/02/teknik-seo-untuk-blogspot-bagi-pemul.html", nah, rugi kan??? jadi singkat aja...seperti kang supris punya ini..hehee (eit, bukan sombong lho...cuma informasi..heheh)
5. saling terkait antar posting, gimana maksudnya???hmmmm...ketika anda baca tulisan ini, pasti anda mengerti apa yang kang supris maksud...jadi posting kita saling dihubungkan...yaa..contohnya seperti posting yang anda baca ini lah...
6.Gunakan Read More, karena dengan teknik ini, bisa meningkatkan page impresi blog anda...
7. Link Building, bangun link anda dengan bertukar link, bagi yang belum tau bagaimana caranya bertukar link, silakan baca Cara mudah Exchange Link, atau berkomentar di postingan temen-temen blogger yang lain, manfaat langsung dari komentar ini adalah kita bisa ikutan terkenal...nebeng nama getoo...hehehee, atau dengan cara social bookmark, atau juga dengan pasang iklan baris gratisan......
8. memberikan bold/italic/underline pada kata kunci/keyword yang kita bidik...hal ini bisa juga membuat si
9. posting seoriginal Mungkin...karena ada istilah "google loves original contents" atau "contents is king"..karena dengan original itu, kita akan semakin dianggap oleh gugel sebagai blogger yang bersungguh2 dan rela berkorban untuk bangsa dan negara..wakakak...nglantur mode=on heehe, copas juga boleh..asal jangan total...tapi diedit dulu...gak asal paste aja...Okay??
Nah...sekian dulu sharing tentang Cara Mendapatkan Ribuan Visitor Sehari, ups salah, tentang Latihan SEO untuk Blogspot bagi Pemula....semoga bermanfaat, jika kang supris mendapatkan komentar/tambahan Ilmu dari pakar2 SEO yang lain, kang supris akan lebih seneng...semoga bermanfaat....
Sabtu, 11 April 2009
Membuat YM status/indicator animasi
sekarang adalah saatnya memberitaukan bagaimana script yang digunakan..silakan copy-paste kode berikut dibawah ini:
<p><!-- Begin Online Status Indicator code -->
<!-- http://www.onlinestatus.org/ -->
<a href="ymsgr:sendIM?supris_n_haq">
<img border="0" alt="Yahoo Online Status Indicator" onerror="this.onerror=null;this.src='http://img365.imageshack.us/img365/4789/unknownvm2.png';" src="http://osi.techno-st.net:8000/yahoo/supris_n_haq/onurl=img116.imageshack.us/img116/8303/onlines.gif/offurl=img139.imageshack.us/img139/5715/offline.gif/unknownurl=img365.imageshack.us/img365/4789/unknownvm2.png" align="absmiddle"/></a>
<!-- End Online Status Indicator code --></p>
keterangan, yang berwarna biru muda itu adalah ID YM anda yang berwarna kuning adalah alamat URL gambar anda ketika on line, warna merah adalah URL gambar anda ketika off line, dan warna hijau adalah ketika unknown status...gimana??
mau nyoba...silahkeeun... ;)
Senin, 06 April 2009
Membuat "Search" engine di blogger
1. langkah pertama adalah login ke blogger.com
2. kemudian masuk ke layout/edit tampilan
3. Add gadget/tambah gadget dengan memilih scrtipt HTML
4. copy-paste script HTML berikut
<form id="searchthis" action="http://namablogmu.com/search" style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Cari!!" type="submit"/></form>
ganti "namablogmu" dengan nama blogmu ..he.he.ehe gak bingung kan??? :t
hasilnya seperti ini:
5. simpen dan selesai deh...silakan nikmati hasilya....
Jumat, 03 April 2009
membuat scrolling link exchange
buatlah widget/gadget sidebar (pilih yang ada HTML-nya untuk blogspot) lalu copy paste kode dibawah ini:
<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 140px; height: 600px; text-align: center;"><ul><li><a href="http://suprisdiantoko.com/">Suprisdiantoko.com</a></li></ul></div>
dan hasilnya akan seperti ini :
keterangan:

untuk tinggi dan lebar nya, silakan anda ganti dengan yang anda inginkan, semoga bermanfaat :D
Rabu, 01 April 2009
Cara mudah membuat exchange link
setelah itu masukkan satu persatu link teman anda...simple kan???hehehe, selamat bertuker link, oiya, teknik ini juga sangat baik untuk manajemen SEO lho...saling bertukar link atau link building ;)Jumat, 06 Maret 2009
Cara membuat tabview blogger
- Login dulu ke account blogger anda
- lebih baik lagi jika anda praktek di blog "percobaan", bukan blog aslinya...biar ntar gak rugi kalo dah terlanjur di save
- Pilih tab Tata Letak --> Edit HTML
- Download dulu template aslinya...biar ntar kalo ada kesalahan gak terlalu ribet mengembalikannya
- Tips : Kalau susah mencarinya, coba tekan tombol Ctrl+F, di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga Anda tinggal memasukkan kata yang ingin dicari.
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px;
text-align: center;
height: 24px;
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000000;
border-bottom-width: 0;
text-decoration: none;
font-family: "Arial", Times New Roman, Serif;
font-weight: 900;
color: #000080;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #BDBDBD;
}
div.TabView div.Pages
{
clear: both;
background-color: #FFFFFF;
border: 1px solid #000000;
overflow: hidden;
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
Copy kembali kode berikut di atas </head><script type='text/javascript'>Setelah itu,
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
</script><form action="tabview.html" method="get">
- Simpan template anda.
- Kemudian pilih tab Elemen Halaman --> Tambah Gadget.
- Jendela Tambahkan Gadget akan muncul --> HTML/JavaScript.
- Copy dan paste kode di bawah ini.
<div id="TabView" class="TabView">
<div style="width: 75%;" class="Tabs">
<a>Blogger Tips</a>
<a> Download Gratisan</a>
<a>Adsense</a>
</div>
<div style="width: 98%; height: 250px;" class="Pages">
<div class="Page">
<div class="Pad">
Tips Blogger 1 <br/>
Tips Blogger 2 <br/>
Tips Blogger 3 <br/>
</div>
</div>
<div class="Page">
<div class="Pad">
Free Download 1 <br/>
Free Download 2 <br/>
Free Download 3 <br/>
</div>
</div>
<div class="Page">
<div class="Pad">
adsense 1 <br/>
adsense 2 <br/>
adsense 3 <br/>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
- Sekarang lihat tab view dalam blog Anda
perhatikan kode di atas:
- Kode yang berwarna Biru merupakan teks yang letaknya dalam Tab atau judul tab-nya.
- Kode yang berwarna hijau tua adalah tampilan teks yang akan muncul dalam halaman tab view.
- Kode yang berwarna merah merupakan tampilan lebar halaman tab view.
Selasa, 24 Februari 2009
Adsense tips: pasang adsense di bawah judul postingan
berikut langkahnya....
Intinya sama saja dengan menampilkan adsense di bawah postingan. Cuma bedanya, untuk menampilkan kode adsense diatas postingan anda harus meletakkan kode adsense-nya diatas kode html <data:post.body>. secara detail seperti ini hasilnya....
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<script type="text/javascript">
google_ad_client = "pub-7936348065526719";
/* 120x90, created 12/9/08 */
google_ad_slot = "1251981167";
google_ad_width = 120;
google_ad_height = 90;
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<data:post.body/>
nah..silakan dicoba...semoga benar2 dapat meningkatkan pendapatan adsense anda....oiya, jika sudah banyak penghasilannya, jangan lupa untuk shodaqoh ya..... ;)
Rabu, 11 Februari 2009
adsense tips:menampilkan adsense di dalam posting
Untuk menampilkan iklan adsense di postingan, anda harus sedikit merubah kode adsense. Kode adsense yang biasa bentuknya seperti ini :
<script type="text/javascript"><!--
google_ad_client = "pub-7936348065526719";
/* 120x90, created 12/9/08 */
google_ad_slot = "1251981167";
google_ad_width = 120;
google_ad_height = 90;
//-->;
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
lihat kode yang berwarna merah..! Untuk menampilkan adsense di postingan, anda harus hapus kode tersebut. Sehingga tampilannya menjadi seperti ini :
<script type="text/javascript">
google_ad_client = "pub-7936348065526719";
/* 120x90, created 12/9/08 */
google_ad_slot = "1251981167";
google_ad_width = 120;
google_ad_height = 90;
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
sementara itu dulu..silahkan dicoba....semoga bermanfaat.....
Jumat, 06 Februari 2009
Adsense tips: pasang adsense di bawah postingan (setelah readmore di klik)
nah, jika anda tertarik untuk menggunakan tips ini, silakan lanjutkan...jika tidak, silakan baca potingan kang supris yang lain.....hehehe (mode promosi = on ) :D
berikut adalah langkah-langkahnya...
Langkah pertama, setelah login di blogger langsung menuju edit html, jangan lupa kasih tanda centang pada kolom expand template widget. Setelah itu cari kode yang mirip seperti ini:
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<data:post.body/>
Kode diatas adalah kode postingan yang menggunakan readmore. Intinya..fokuskan aja pada text yang berwarna kuning, kemudian simpan kode adsense dibawah kode yang berwarna kuning tersebut. Kurang lebih tampilannya seperti ini:
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<data:post.body/>
<script type="text/javascript">
google_ad_client = "pub-7936348065526719";
/* 120x90, created 12/9/08 */
google_ad_slot = "1251981167";
google_ad_width = 120;
google_ad_height = 90;
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
tentu saja kode tersebut telah anda edit sebelumnya....(jika masih bingung cara editnya, silahkan meluncur ke "adsense tips:menampilkan adsense di dalam posting" )
semoga bermanfaat...... ;)
Minggu, 18 Januari 2009
SEO (lanjutan) untuk Blogspot
selain salah satu teknik SEO di atas...ada juga teknik blogwalking yang istiqomah..seperti yang pernah saya singgung di posting saya yang berjudul : "bagaimana belajar SEO?"
terbukti, alhamdulillah, teknik SEO sederhana yang saya aplikasikan, bermanfaat untuk nangkring di halaman pertama google.co.id :z, namun kalo untuk di google.com, masih belum.. :$ karena kurangnya backlink dari luar negeri (itu katanya guru saya yang ngajari saya belajar ngeblog lho...he.he :D ) ..so...itu dulu yang dapat saya sampaikan..mudah-mudahan ada manfaatnya..billahi taufiq wal hidayah..(lhoh..kok kayak ceramah aja :r )..silakan kasih tambahan ilmu ya... ;)
Sabtu, 03 Januari 2009
Judul halaman yang SEO Friendly

atau untuk jelasnya seperti ini:

nah, ternyata...cara yang digunakan adalah seperti ini:
1. masuk ke akun blogger anda
2. edit layout--> edit HTML
3. tekan Ctrl+F, dan cari kode berikut :
<title><data:blog.pageTitle/></title>
4. setelah ketemu, ganti tag tersebut dengan ini:
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
cara ini hanya untuk blogger beta..so silakan berekspresi.. :D
Jumat, 05 Desember 2008
Cara Submit URL ke google webmaster
Awal-awal belajar ngeblog dulu...kang supris bingung bener..gimana sih agar blog kita bisa cepet banyak pengunjung??ternyata banyak cara...mulai dari blogwalking, sering meninggalkan jejak dengan komentar, manajemen SEO dengan submit URL ke search engine..dll, kali ini, kang supris mo kasih tau caranya gimana untuk submit URL ke google webmaster, karena hal ini akan mempermudah robot gugel mengindeks isi blog kita....namun semua perlu kesabaran...dan keyakinan..wakakak( kayak ceramah aja :D) oke..berikut caranya...:Jika kita sudah mempunyai akun di Google, kita tinggal masukkan account yang sama ke Google Webmaster Tools. Berikut langkah yang bisa anda ikuti:
1. Klik Sign In to Webmaster Tools.
2. Masukan User dan Password anda
3. Jika website anda belum terdaftar di dalam Google Webmaster Tools, ketikan URL website anda ke kotak Sites dan klik tombol Add Site.
4. Untuk submit sitemap domain anda, klik menu Sitemap di sebelah kiri.
5. Lalu kalau anda belum pernah submit sitemap sama sekali, tinggal klik link/tombol Add Sitemap.
6. Pilih type Add General Web Sitemap di drop down.
7. Lalu masukkan nama dan lokasi sitemap anda, lalu klik tombol Add General Web Sitemap.
kemudian ketika verify...copy code yang diberikan gugel, kemudian paste di HTML layout anda dan letakkan di bawah <head>..oke..selamat mencoba ;)
Kamis, 16 Oktober 2008
pasang kotak komentar di bawah posting blogger
langsung aja...
- Silahkan Login ke http://draft.blogger.com dengan ID blogger anda. Ingat! bukan login ke blogger.com tapi ke draft.blogger.com karena fasilitas ini masih dalam tahap uji coba.
- pilih blog yang akan anda pasang kotak komentarnya. Klik pada setting/Pengaturan
- Klik tab Komentar/comments,pilih ke tulisan Penempatan Formulis Komentar/Comment Form Placement, kemudian beri tanda pada button untuk Disemat di bawah entri/embeded below post. untuk jelasnya, monggo dilihat gambar berikut :

- setelah itu...simpan / save setting
ooopss...aku gak berhasil neh...hmm...kalo gak berhasil..silakan ikuti langkah berikut (lumayan ruwet lho bagi pemula) :
- tetep di blogger draft, klik tata letak/layout
- klik edit HTML
- download template anda dulu (demi keamanan)
- beri tanda expand seperti gambar di bawah ini:

- Cari kode yang seperti di bawah ini ( koiya, kadang ada perbedaan antara blog satu dengan lainnya, keep focus / silahkan fokus ke kode yang warna kuning, dan biasanya kode ini ada dua, pilih kode yang posisinya di bagian bawah ya!)
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</p>
7. hapus kode di atas, dan ganti dengan yang di bawah ini:
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
simpan template deh...selanjutnya, silakan klik pengaturan/setting, pilih tab comments/ komentar dan lakukan seperti langkah awal di atas (pilih embeded)
