Saturday 14 July 2012

Cara Mendaftarkan blog ke 50 Search Engine sekaligus

cara mendaftarkan blog ke search engine, cara submite blog, submite blog ke google, daftar blog ke yahoo, mendaftarkan blog ke bing, cara mendafatarkan blog ke semua mesin pencari


Submit blog ke search engine merupakan hal yang wajib di lakukan agar blog cepat terindeks dan muncul di halaman depan hasil pencarian.


Selain google dan Bing yang merupakan Search Engine yang banyak digunakan saat ini, masih banyak search engine lain yang bisa menjadi alternatif untuk dijadikan tempat submiteblog.


Semakin banyak mesin pencari yang mengindeks blog, semakin besar kemungkinan trafik pengunjung akan lebih banyak. Untuk itu, berikut ini akan saya tunjukkan cara praktis dan cepat mendaftarkan blog ke 50 mesin pencari sekaligus dengan bantuan "Freewebsubmission".

Tidak ada Jaminan

Blog sudah di submite ke google, Bing, dan puluhan Search Engine lainnya. Meskipun demikian, hal itu bukan merupakan jaminan blog akan tampil di halaman depan hasil pencarian. Submite atau mendaftarkan blog ke search engine hanya bertujuan agar Search Engine menambahkanblog kita ke dalam indeksnya.


Jika ingin tampil di halaman depan hasil pencarian, masih banyak tekhnik SEO yang harus dilakukan seperti Ping blog dan lain - lain. Jadi, daftakan blog ke sebanyak mungkin Search Engine agar blog dan artikelnya terindeks, lalu optimalkan SEO agar artikel yang terindeks bisa tampil di halaman depan hasil pencarian saat pengunjung mengetikkan keyword yang berhubungan dengan artikel yang ada di blog.


Cara submite blog ke 50 Search Engine Sekaligus.

Klik saja www.freewebsubmission.com atau lik Gambar paling bawah di Blog ane..




Read More

Cara Membuat Tombol Navigasi Next Page Nomor 1 2 3 di Halaman Blog


Memang cara ini sudah banyak sekali yang membahas, tapi tidak apa-apa saya bahas lagi untuk pengunjung setia blog ini. Navigasi halaman ini saya padukan dengan sedikit sentuhan css3 gradient, border radius, dan text sadhow. Bagi kalian yang sudah terbiasa dengan kode css, silahkan di modifikasi agar jadi lebih menarik sesuai template.

Oke langsung saja dengan menambahkan kode css berikut DI ATAS ]]></b:skin>

.showpageArea{padding:10px;background:#fff}

.showpageArea a{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-decoration:none}

.showpageNum a{font-weight:bold;color:#ca1717;padding:1px 8px; margin:0 4px;text-shadow:0px 2px 4px #666;border:1px solid #fff;background:#fff;}

.showpageNum a:hover{color:#fff;background: #ca1717;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ca1717');
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ca1717));
background: -moz-linear-gradient(top, #fff, #ca1717);text-shadow:0px 2px 2px #00a;border:1px solid #ddd;}

.showpagePoint{color:#fff; text-shadow:0px 2px 2px #00a; padding:1px 8px; margin:2px; font-weight:bold;border:1px solid #ddd;background: #ca1717;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ca1717');
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ca1717));
background: -moz-linear-gradient(top, #fff, #ca1717);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}

.totalpages{margin:0 8px 0 0;color:#444;background:#fff;padding:1px 10px;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}

.showpage a{padding:1px 8px; margin:0 2px;border:1px solid #ddd;background: #ca1717;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ca1717');
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ca1717));
background: -moz-linear-gradient(top, #fff, #ca1717);;color:#fff;text-shadow:0px 2px 2px #00a;padding:1px 8px;padding-left:10px}

.showpage a:hover{background: #ca1717;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ca1717');
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ca1717));
background: -moz-linear-gradient(top, #fff, #ca1717);color:#fff;text-shadow:0px 2px 2px #00a;padding:1px 8px;padding-left:10px}
#showlastpage a{font-weight:bold}

Setelah itu tambahkan script berikut DI ATAS tag </body>

<b:if cond='data:blog.pageType != &quot;item&quot;'> 
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;&#9668;&#39;;
var downPageWord =&#39;&#9658;&#39;;
</script>
<script src='http://belajarblogging.googlecode.com/files/pagenav.js' type='text/javascript'/>
</b:if>


Terakhir kita cari kode script berikut:
 'data:label.url'Gantilah kode script diatas dengan kode dibawah ini:


'data:label.url + &quot;?&amp;max-results=5&quot;'

Keterangan :
Fungsi dari script ini adalah untuk mengganti default (standar) Blogspot yang akan menampilkan 20 posting setiap halamannya, karena pada pageCount di atas kita isi 5, maka pada script ini pun juga diisi dengan 5 (menampilkan 5 posting per halaman).


Simpan template, dan lihat hasilnya. 



Read More

Tuesday 10 July 2012

Download Mp3

Mp3
Mp3 salah satu file musik. Di sini saya akan menyediakan beberapa file musik yang dapat di Download melalui layanan www.4shared.com.  Blog ini masih pemula yang belum menyediakan semua file musik Indo dan Manca Negara. Dan saya telah mencantumkan beberapa file Musik yang dapat di Download, letaknya sebelah kiri. Di sini juga menyediakan beberapa Software yang bisa di download.

Hanya ini yang bisa saya sampaikan kepada peminat musik yang ingin mendownload Mp3.
Read More

Saturday 7 July 2012

Cara Memasang Widget Recent Post Di Blog


Memasang widget recent post di blog aku rasa memang perlu.Tujuannya adalah untuk "memberitahukan"  kepada pengunjung blog bahwa blog tersebut mempunyai/telah menulis ( memposting ) artikel baru/postingan baru.
Sehingga dengan adanya widget ini akan memudahkan para pengunjung blog untuk membaca artikel. Biasanya dalam widget recent post ini akan menampilkan judul dan jumlah judul artikel baru yang ditampilkan biasanya 5 judul.

Selain itu pemasangan widget recent post ini juga bisa mempercantik halaman blog sobat,dalam artian blog sobat terlihat "blank" atau kosong.Untuk cara memasang widget recent post ini,silahkan sobat blogger ikuti panduan dan langkah-langkah seperti berikut ini :
  • Login dulu menggunakan akun blog sobat ke Blogger.com
  • Klik Rancangan
  • Klik Elemen Laman
  • Klik Tambah Gadget/Add Gadget
  • Klik Opsi HTML/Java Script
  • Copy dan Paste kode HTML di bawah ini :
<i></i>
<div align="center">
<table border="4" style="width: 200px;"><tbody>
<tr> <th colspan="100%" scope="col">Artikel Terbaru</th> </tr>
<tr><td><div style="font-family: arial; font-size: 12px; height: 80px; overflow: scroll; width: 200px;">
<div style="overflow: hidden; padding: 0 px; text-align: center; width: 100%;">
<ul>
<script src="https://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 5; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="https://namablog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>
</ul><li><a href=" https://onesimusaugustpasaribu.blogspot.com/2012/07/cara-memasang-widget-recent-post-di.html " target="_blank">Cara Memasang Widget Recent Post Di Blog</a></li>
</div>
</div>
</td></tr>
</tbody>
</table>
</div> 
Keterangan : - Ganti tulisan yang berwarna merah namablog.blogspot.com  ) dengan alamat blog sobat.
                      : - Ganti tulisan yang berwarna Orange ( http://onesimusaugustpasaribu.blogspot.com/2012/07/cara-memasang-widget-recent-post-di.html ) ) dengan alamat Postingan blog sobat.
                      : - Ganti tulisan yang berwarna aquaCara Memasang Widget Recent Post Di Blog ) dengan  judul postingan Blog sobat.

  • Silahkan beri judul Recent Post/Artikel terbaru atau lainnya
  • Klik Simpan


Contoh :


Artikel Terbaru

  • Cara Memasang Widget Recent Post Di Blog
  • Read More

    Friday 6 July 2012

    Kode Yang Terdapat Pada HTML

    HTML

    HTML singkatan dari Hyper Text Markup Language,dalam arti umum,sebuah web adalah sebuah dokumen HTML,yang mana sebuah HTML itu sendiri merupakan bahasa yang menggunakaan tanda-tanda tertentu(Tag)untuk menyatakan kode-kode yang harus diterjemahkan oleh Browser,agar halaman dapat di tampilkan secara benar.
    HTML sendiri,sebenarnya hanya dokument biasa,hanya dokumen ini dapat dilakukan untuk pemformatan text,peletakan object,maupun Hypertext yakni text yang berfungsi ganda sebagai penghubung (Link)antara halaman satu dengan yang lain.

    Nah!link inilah yang menjadi ciri sekaligus membentuk suatu www (Jaringan global antar text / halaman)

    Bagaimana contoh sederhana bentuk sebuah halaman HTML?
    Sebagaimana Pengertian Blog pada posting pelajaran-blog.blogspot.com beberapa waktu lalu,bahwa sebuah halaman web yang baik,secara fisik akan terdiri dari sebuah Header,Body,Sidebar dan Footer.

    Untuk membentuk sebuah halaman HTML secara sederhana,kita memanfaatkan Notepad pada komputer anda.

    Tapi sebelum itu,pergi ke My Document,pilih Folder Option,lalu pilih View,kosongkan check box pada Hide Extentions for Known Filetypes,inihanya untuk memperlihatkan File type dari setiap file di komputer anda.

    Setelah itu,buka Notepad dan tuliskan kode di bawah ini :

    <html>


    <head>

    <title>Belajar HTML</title>

    </head>

    <body>

    <p>Hallo! aku sedang belajar blog di Pelajaran Blog !</p>

    </body>

    </html>


    Setelah itu simpan dengan nama "belajar",yang nantinya di komputer anda akan menjadi "belajar.txt",setelah itu,klik kanan file tersebut pilih Rename rubah menjadi "belajar.htm".

    Setelah itu,Open file tersebut,dan anda sudah bisa melihat suatu tampilan halaman HTML yang di maksud.

    Apa keterangan dari kode-kode di atas?


    Kode HTML,dalam setiap kodenya di awali dengan tanda <> dan di akhiri dengan </>
    contoh:

    <html>merupakan penandaan bahwa halaman HTML di mulai.

    </html>merupakan tanda bahwa halaman html ditutup.

    <Head>artinya merupakan awal kepala

    </Head>artinya merupakan akhir bagian kepala.

    <Title>menujukkan judul yang akan keluar pada Bar atas yang ditutup dengan </title>

    <body>isi dari halaman tesebut,seperti contoh HTML diatas,isinya berupa kata "Hallo! aku sedang belajar blog di Pelajaran Blog !"

    yang ditutup dengan akhir isi halaman,yaitu </body>

    Sedangkan tanda <p> yaitu pembentukan alinea baru,seperti halnya anda menekan Enter pada Ms Word untuk membentuk kursor baru pada Alinea baru,yang mana diakhiri pula dengan tanda </p>.

    Untuk membentuk alinea baru bisa juga menggunakan kode <br> dan diakhiri dengan </br>
    Gimana? masih kurang jelas? untuk kode-kode pengoptimalan,seperti mempertebal huruf,miring,garis bawah,membuat tabel dan lain-lain silahkan kunjungi di sini.

    Contoh Kode yang lain:

    Membuat Center,gunakan kode : 

    <p align="center">Belajar</p> hasilnya seperti:

    Belajar

    Membuat Posisi kekanan gunakan kode : 

    <p align="right">Belajar</p> hasilnya seperti :

    Belajar

    Membuat Posisi kekiri gunakan kode: 

    <p align="left">Belajar</p> hasilnya seperti :

    Belajar

    Membuat Huruf Tebal gunakan kode: 

    <b>Belajar</b> hasilnya seperti :

    Belajar

    Membuat Huruf Garis Bawah gunakan kode : 

    <u>Belajar</u> hasilnya seperti :

    Belajar

    Membuat Huruf bercetak Miring gunakan kode : 

    <i>Belajar</i> hasilnya seperti :

    Belajar

    Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :

    <b><i><u>Belajar</u></i></b> hasilnya seperti :

    Belajar

    Membuat Huruf tebal strong gunakan kode : 

    <srong>Belajar</strong> hasilnya seperti :

    Belajar

    Membuat Huruf Hidden gunakan kode : 

    <span style="visibility: hidden">Belajar</span> hasilnya seperti :


    Namanya juga hidden..ya..ga keliatan..

    Membuat Huruf Besar semua (uppercase) gunakan kode :

    <span style="text-transform: uppercase">Belajar</span> hasilnya seperti :

    BELAJAR

    Membuat Huruf Small caps gunakan kode:

    <span style="font-variant: small-caps">Belajar</span> hasilnya seperti ini:

    Belajar

    Membuat Huruf Subscribe / kecil di bawah gunakan kode:

    <p>4<sub>2</sub></p>hasilnya seperti ini:

    42

    Membuat Huruf Superscribe / pangkat gunakan kode:

    <p>4<sup>2</sup></p> hasilnya seperti ini:

    42

    Membuat Huruf bergaris atas gunakan kode:

    <span style="text-decoration: overline">Belajar</span> hasilnya seperti ini:

    Belajar mengganti huruf

    Membuat Huruf bergaris tengah gunakan kode:

    <strike>Belajar</strike> hasilnya seperti ini:

    Belajar

    Menentukan jenis huruf gunakan kode:

    <p><font-family="Arial" >Belajar</font></p> hasilnya seperti ini:

    Belajar

    Menentukan ukuran huruf gunakan kode:

    <p><font-size="3" >Belajar</font></p> hasilnya seperti ini:

    Belajar

    Menentukan warna huruf gunakan kode:

    <p style="color: green; >Belajar</p> hasilnya seperti ini:

    Belajar

    Membuat bullet dot bolong gunakan kode:

    <ul type="circle">
    <li>DOT 1</li>
    <li>DOT 2</li>
    <li>DOT 3</li>
    </ul>

    hasilnya seperti ini:

    • DOT 1

    • DOT 2

    • DOT 3


    Membuat bullet dot kotak gunakan kode:

    <ul type="square">
    <li>DOT 1</li>
    <li>DOT 2</li>
    <li>DOT 3</li>
    </ul>

    hasilnya seperti ini:
    • DOT 1
    • DOT 2
    • DOT 3

    Membuat bullet dot bulat gunakan kode:

    <ul>
    <li>DOT 1</li>
    <li>DOT 2</li>
    <li>DOT 3</li>
    </ul>

    hasilnya seperti ini:
    • DOT 1
    • DOT 2
    • DOT 3

    Mengatur posisi bullet gunakan kode:

    <blockquote>
    <blockquote>
    <blockquote>
    <ul>
    <li>DOT 1</li>
    <li>DOT 2</li>
    <li>DOT 3</li>
    </ul>
    </blockquote>
    </blockquote>
    </blockquote>


    hasilnya seperti ini:

    • DOT 1
    • DOT 2
    • DOT 3


    Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:

    <p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>

    hasilnya seperti ini:

    Belajar

    Membuat tabel border solid gunakan kode:

    <table border="1" width="200">
    <tr>
    <td style="border-style: solid">Text</td>
    </tr>
    </table>

    hasilnya seperti :

    Text


    Membuat tabel border dot gunakan kode:

    <table border="1" width="200"
    style="border-style: dotted">
    <tr>
    <td border="2" style="border-style:
    dotted">Text</td>
    </tr>
    </table>

    hasilnya seperti ini:

    Text


    Membuat tabel border dashed gunakan kode:

    <table border="1" width="200" style="border-style: dashed">
    <tr>
    <td style="border-style: dashed">Text</td>
    </tr>
    </table>

    hasilnya seperti ini:

    Text


    Membuat tabel border groove gunakan kode:

    <table border="1" width="200" style="border-style: groove">
    <tr>
    <td>Text</td>
    </tr>
    </table>

    hasilnya seperti ini:

    Text


    Membuat tabel border Ridge gunakan kode:

    <table border="1" width="200" style="border-style: ridge">
    <tr>
    <td>Text</td>
    </tr>
    </table>

    hasilnya seperti ini:

    Text


    Membuat tabel border Insert gunakan kode:

    <table border="1" width="200" style="border-style: inset">
    <tr>
    <td>Text</td>
    </tr>
    </table>

    hasilnya seperti ini:

    Text


    Membuat tabel border Outset gunakan kode:

    <table border="1" width="200" style="border-style: outset">
    <tr>
    <td>Text</td>
    </tr>
    </table>

    hasilnya seperti ini:

    Text


    Membuat Tabel Biasa gunakan kode :

    <table border="1"width="200"><td>Text</td></table>

    hasilnya seperti:

    Text


    Membuat Tabel berwarna gunakan kode :

    <table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :

    Text


    Membuat Tabel berwarna tak berbingkai gunakan kode :

    <table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:

    Text


    Untuk kode-kode HTML yang lain anda bisa mengulik lewat software-software web designer atau situs-situs penyedia layanan HTML.

    Membuat Teks Area Biasa

    Biasanya text area di gunakan untuk menyimpan kode-kode Html/Javascript ataupun text lainnya agar bisa di copy oleh para pengunjung.
    Untuk membuat text area, silahkan anda Copy kode di bawah ini :

    <p align="center"><textarea name="code" rows="5" cols="20" readonly>
    Aku Orang yang ganteng,kaya,mobilku banyak,istriku banyak,cantik-cantik,orang pada ngiri ama aku karena aku terlalu tampan!! :)
    </textarea></p>

    Keterangan :
    rows="6", menunjukan tinggi dari text area.
    Cols="20", menunjukan lebar dari text area.

    Hasilnya akan seperti di bawah ini :



    Text Area Dengan Memakai HighLight /Select



    Highlight
     atau Select All,yaitu dimana saat kita tekan tombol Select All,maka kode dalam text area akan otomatis terblok semua.




    Untuk kodenya,copy paste di bawah ini :


    <div>
    <form name="Select All code">
    <p align="left" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 184; height: 120" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly>
    Aku Orang yang ganteng,kaya,mobilku banyak,istriku banyak,cantik-cantik,orang pada ngiri ama aku karena aku terlalu tampan!! :)
    </textarea></p>
    </div>
    <p align="left" style="margin-top: 0; margin-bottom: 0">
    <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All">

    Contoh hasilnya :


    Yang berperan penting untuk highlightnya sebenarnya hanya pada kode

    <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()">



    Sekian...

    Sumber : http://pelajaran-blog.blogspot.com
    Read More