Showing posts with label Related Site. Show all posts
Showing posts with label Related Site. Show all posts

Tuesday 27 July 2010

Meta y_key

Membuat Meta y_key: "

Apakah anda sudah mempunyai meta y_key?


Meskipun saat ini meta sudah tidak begitu vital diterapkan sebagai langkah untuk Search Engine Optimation(SEO),tapi masih banyak blogger-blogger papan atas menggunakan langkah ini.

Selain meta diskripsi dan keyword yang sering diterapkan (meta ini di letakkan di antara <head> dan </head>)seperti:

Contoh meta untuk diskripsi di pelajaran-blog.blogspot.com:

<meta content='Pelajaran tentang cara membuat blog di blogspot,juga belajar tentang menghias blog,membuat sambil blogging belajar menghias blogger khusus untuk pemula' name='description'/>

**Untuk menjelaskan diskripsi dari blog tersebut

Contoh meta untuk keyword di pelajaran-blog.blogspot.com:

<meta content='pelajaran blog,cara membuat blog,belajar menghias blog,untuk pemula,blogspot,blogger,blogging' name='keywords'/>

**Untuk menjeaskan kata kunci untuk menuju blog tersebut

Nah!yang akan kita bahas kali ini,adalah meta y_key.


Bagaimana saya bisa mendapatkan meta y_key?


Meta y_key
adalah meta yang dimiliki oleh Yahoo,maka kita harus mempunyai account di Yahoo,sebelum mensubmit blog kita ke directory mereka.

Contoh bentuk meta yang di berikan,nantinya akan seperti ini :

<meta content='32bf6291ec6ec61f' name='y_key'/>

Langkah pertama,masuk Yahoo dengan ID Yahoo anda yang masih valid tentunya,untuk lebih cepat anda bisa kunjungi di https://siteexplorer.search.yahoo.com/.

Selanjutnya,masukkan alamat URL blog anda,lalu klik Add My Site.

Setelah itu,anda di hadapkan halaman bahwa anda telah mensubmit URL blog anda,pada tabel keterangan nya disitu ada kolom Sites,Feeds,Action dan Status pada kolom terakhir.

Nah! pada kolom Status,hanya diperlihatkan sebuah object berbentuk bulat,klik tanda bulat tersebut untuk melihat status.
Selanjutnya anda akan di hadapkan 2 pilihan.
  • By uploading a verification file to my site.
  • By adding a META tag to my home page
Pilih tanda segitiga pada tulisan 'By adding a META tag to my home page' dan copy kode y_key nya,yang mana ya?
Yang mirip seperti ini:

<META name="y_key" content="xxxxxxxxxxxxxxxx">
Kode diatas hanya contoh kodenya,tulisan 'x' diatas adalah nomor key blog anda.
Copy kode tersebut dan letakkan di bawah kode <head> pada halaman HTML anda lalu Simpan Template anda.
Setelah anda berhasil meletakkan kodenya,kembali ke halaman account Yahoo dimana anda baru saja mengcopy kode tadi,setelah itu klik Tombol 'Ready to Authenticate',dan tunggu sampai muncul halaman yang memberi tahu bahwa y_key anda telah berhasil untuk difungsikan.

Contoh tulisan jika sudah berhasil kurang lebih seperti ini :

Your site has been authenticated

If you have added the META tag <META name="y_key" content="<meta name="y_key" content="xxxxxxxxxxxxxxxx" >, please keep the tag in your site's home page. We will revalidate your site ownership by checking this META tag regularly.

If you have uploaded the verification file, please keep the file y_key_xxxxxxxxxxxxxxxx.html on your site root http://alamat-blog-anda.com and do not change the content (xxxxxxxxxxxxxxx). We will revalidate your site ownership by checking this file regularly.


Saat saya meletakkan y_key, koq Error ya?


Error,mungkin hanya disebabkan kode yang tidak ditutup dengan benar.Memang dari Yahoo sendiri,memberikan kode yang seperti ini:
<META name="y_key" content="xxxxxxxxxxxxxxxx">
Anda tinggal disuruh menyisipkan tanda '/' pada akhir kode,yang nantinya menjadi seperti ini:
<META name="y_key" content="xxxxxxxxxxxxxxxx'/>
Dalam waktu kurang lebih 24 jam,Bibi Yahoo akan segera mengindex anda. :)

Baca Juga Yang Ini..


Saturday 24 July 2010

Membuat Sidebar Berada di Kanan Kiri Posting / Posting Di Tengah - Tengah

Membuat Sidebar Diantara Posting: "

Sering saya jumpai situs-situs yang mempunyai sidebar di sebelah kanan dan kiri .Atau lebih gampang nyebutnya Posting terletak diantara sidebar ,berarti posting berada di tengah-tengah.
Sedangkan dari blogger tak menyediakan template yang seperti itu.Untuk memodifikasi template anda,cobalah langkah-langkah seperti di bawah ini :
Pergi ke Dashboard------>Tata Letak----->Edit Html .
Cari kode / yang hampir sama dengan kode di bawah ini :


#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */


Jika sudah ketemu,letakkan kode di bawah ini tepat dibawah kode tersebut :

#newsidebar-wrapper {
width: 180px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}


Selanjutnya,cari kode seperti di bawah ini :

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>


Jika sudah ketemu,letakkan kode di bawah ini,tepat diatas kode tersebut :

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'/>
</div>


Simpan Template .Lihat Hasilnya!!! Kode yang berwarna hijau,menunjukkan ukuran lebar sidebar nantinya,anda bisa merubahnya sendiri,sampai anda mendapatkan ukuran yang anda inginkan.
Untuk lebih jelasnya baca artikel Kang rohman di sini

Baca Juga Yang Ini..



Cara Merubah / Mengubah Format Judul Agar Seo Friendly

Cara Merubah / Mengubah Format Judul Agar Seo Friendly: "

Salah satu langkah SEO(Search Engine Optimation),adalah mengubah format pada Judul Blog.
Sebelumnya,Pelajaran Blog,minta maaf karena tidak adanya Ilustrasi berupa Gambar/Image pada setiap artikelnya.

Ya,benar,hanya penalaran saja,klo baca khan lebih Fokus..

(ngomong aja ga ada gambar yang bisa dipostingin,he..)


Langsung ke Topik.Maksud mengubah Format Judul pada Blog,misal Judul Blog saya:

Pelajaran Blog|Belajar Membuat Blog

Biasanya,nanti setelah membuka halaman,contoh tentang artikel :

'SEO,Mengatur / Mengubah Format Title'

Judul pada Menu bar akan menjadi seperti ini :

Pelajaran Blog|Belajar Membuat Blog:SEO,Mengatur / Mengubah Format Title

Ya,khan?

Nah,agar SEO Friendly,kita ubah susunan Judul menjadi hanya seperti ini:

SEO,Mengatur / Mengubah Format Title

Maka,jika berhasil diindex sama paman Google ya..akan terindex seperti itu.
Untuk kodenya,sebenarnya anda tinggal merubah format Title nya.

Pergi ke Dashboard,lalu pilih Tata Letak,selanjutnya pilih Edit HTML.
Cari kode seperti di bawah ini:

<title><data:blog.pageTitle/></title>

Setelah ketemu,hapus kode tadi,dan ganti dengan kode dibawah ini

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>


Lalu Simpan Template.
Dan,baca salah satu artikel anda sekarang,dan lihat tampilan Judul Bar atas.
Berhasil khan?

Baca Juga Yang Ini..


Cara Menyembunyikan Profil di Blogger

Menyembunyikan Profil di Blogspot: "

  • Menyembunyikan Profil


Sekali lagi ya,ini untuk pemula,dan bagi yang belum tahu bagaimana menyembunyikan profil pribadi pada Blog.

Seperti yang pernah saya lakukan sebelumnya,menyembunyikan profil pada blog ini,tapi setelah di pikir lagi,gimana bisa dapet temen klo profil kita tidak tersedia.Pelajaran Blog

Untuk melihat profil yang saya maksud,adalah seperti ini,klik disini.

Untuk blogspot,yang masih asli biasanya,anda tinggal ke Bagian 'Mengenai Saya' dan klik 'Lihat Profil Lengkapku' (Untuk blogspot berbahasa Indonesia).


Nah,jika sudah tahu yang dimaksud,sekarang ke topiknya,ya,menyembunyikan profil,atau pasnya tidak mengaktifkan profil.

Anda tinggal disuruh pergi ke Dashboard,pilih disebelah kiri atas tulisan 'Edit Profil'.
Setelah itu,akan muncul jendela baru bertuliskan 'Edit Profil Pengguna'.

Contreng checkbox pertama 'Bagi-pakai profil saya',untuk menyembunyikan Profil,dan Kosongkan jika anda ingin menyembunyikannya.Lalu Simpan.

  • Menyembunyikan Daftar 'Blog Saya'


Maksudnya,saat anda melihat profil,baik profil sendiri atau orang lain,(profil yang saya maksud profil seperti diatas),disitu akan terlihat deretan daftar blog yang anda buat.
Nah dalam hal ini,kita akan menyembunyikan daftar blog yang tidak ingin kita tampilkan.

Sebenarnya saya mempunyai banyak blog,tapi saya hanya menampilkan Daftar Blog dari Blog ini,anda bisa lihat sendiri tadi khan?

Nah untuk menyembunyikannya,sama dengan langkah di atas.
Pergilah ke Dashboard,lalu pilih Edit Profil,selanjutnya contreng check box 'Bagi-pakai profil saya',dan cari tulisan 'Tampilkan blog saya' dan klik tulisan bergaris bawah 'Pilih blog untuk ditampilkan'.
Selanjutnya contreng partai pilihan kamu,Hus !!Pelajaran Blogsalah lagi,maksudnya contreng blog yang ingin di tampilkan.
Lalu Simpan.
Dan selanjutnya lihat Profil Anda,meskipun anda telah membuat banyak blog,tapi pada profil hanya akan muncul blog yang anda contreng tadi.Pelajaran Blog

Baca Juga Yang Ini..


CSS

Apa itu CSS?: "

Untuk kesekian kalinya,Pelajaran Blog,akan merepotkan lagi Bapak Supono.

Ya,karena mungkin pusing akan penjabaranya,CSS,pengertian CSS,anda bisa baca disini.

Tapi,Pelajaran Blog,nggak mau dong dibilang nggak modal lagi,he..he..
Contoh simple sebuah CSS,anda bisa lihat ilustrasi di bawah ini:


Jika dengan HTML,saya menuliskan sebuah kalimat:

Apa Itu CSS?

Maka saya akan menuliskan kode:

<font-size="12px";font-family="arial"><b>Apa itu CSS?</b></font>


Tapi dengan CSS,kita bisa menghemat penerapan kode,hanya dengan mengatur atribut kalimat yang akan kita tulis,di bagian atas kode <HEAD>,pada halaman HTML anda.

Contoh,tulisan Apa itu CSS? di atas,akan saya tulis memakai CSS.
Pertama,saya meletakkan kode ini di atas kode <Head> pada halaman HTML saya.

<style type='text/css'>
#Contoh {
color:black;
font-size:12px;
font-weight: bold;
font-family: arial;
}
</style>


Setelah itu,saya menuliskan kode di bawah ini sesudah kode <Head>

<script type='text/javascript'/>
<div id="Contoh">
Apa Itu CSS?
</div>


Hasilnya akan seperti ini :

Apa Itu CSS?

Sama khan ?Nah itu penjelasan dikit tentang CSS.
Kurang Jelas,anda bisa pelajari CSS di http://learn-css-tutorial.com/.

Baca Juga Yang Ini..


Disable Copy Paste

Disable Copy dan Paste pada IE: "

Sebelumnya,saya juga pernah memposting tentang Disable Right Click,nah kali ini kita akan membahas Disable Copy dan Paste,suatu halaman Blog,meskipun ini hanya bekerja baik pada Browser Internet Explorer (IE)


Jika kita sedang membutuhkan suatu artikel dari sebuah Blog,dan ingin mengcopy artikel tersebut,tapi !!234@!

Kok nggak bisa ya..??Pelajaran Blog

Nah sebenarnya teknik semacam itu hanya menyelipkan beberapa kode pada :


<body>

Maksudnya?

Coba anda pergi ke Dashboard,lalu pilih Tata Letak,selanjutnya pilih Edit HTML.

Cari kode berikut:


<body>

Jika sudah ketemu,hapus kode tersebut dan ganti menjadi seperti di bawah ini:

<body ondragstart="return false;" ondragstart="return false" onselectstart="return false">

Lalu Simpan.

Untuk melihat hasilnya,silahkan buka halaman blog anda pada browser IE,dan coba blok artikel anda,apa yang terjadi?Pelajaran Blog

Baca Juga Yang Ini..

Wednesday 21 July 2010

Cara Membuat Daftar Isi di Blogspot

Membuat Daftar Isi pada Blog: "

Hallo!! baru sempet update lagi nich! Membuat Daftar Isi,berhubung 3 hari pulang ke kampung Purworejo,he..he..

Tapi disini aku tidak mau ngomongin soal pengalaman aku waktu di kampung,ntar panjaaang dech ceritanya..Buat Daftar tentang Isi

Langsung aja yach! sesuai judul artikel pelajaran kali ini,kita akan membuat Daftar Isi Pada Blog,contohnya anda sudah bisa melihat Daftar Isi pada Blog ini.

Sebelumnya,dari mana saya dapat artikel ini? ya..dari senior kita semua tentunya,
Kang Rohman
di Blog Tutorialnyanya.

Siapa sich yang belum pernah berkunjung ke Blog nya?Isi dari Daftar Blog

Meskipun demikian,Pelajaran Blog,tanpa mengurangi etika sopan santun Blogging,akan menjabarkan lagi,bagaimana sich membuat Daftar Isi pada Blog.


Langkah pertama,Pergi Dashboard lalu pilih Tata Letak,selanjutnya pillih Edit HTML.
Selanjutnya,beri contreng Partai pilihan kamu,..

Hus ! bukan maksudnya,contreng tulisan Expand Widget Template,seperti di bawah ini :

Daftar Isi Dibuat

Selanjutnnya,cari kode di bawah ini:

<b:include data='post' name='post'/>

Untuk mempermudah pencarian,tekan Ctrl+F pada Keyboard anda,pakai keyboard khan?
Setelah ketemu kode diatas,Hapus kode tersebut,lalu ganti dengan kode di bawah ini :

<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px
5px;border-right:1px solid
#ccc;border-bottom:1px solid
#ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>


Lalu Simpan Template.

Apakah dah selesai?

Ya belum dong! Kalau dah selesai,gimana caranya bisa ngliat daftar isi blog?

Nah! Untuk melihat Daftar Isi Blog,kita harus membuat Link terlebih dahulu,yang mana saat link di klik akan menuntun kita ke halaman khusus Daftar Isi tersebut.

Anda bisa menggunakan seperti contoh di bawah ini:

Untuk link berupa text:
Daftar Isi Blog

Anda bisa gunakan kode berikut :

<a href="http://NAMABLOGANDA.blogspot.com/search?max-results=100">Daftar Isi Blog</a>

Untuk Link berupa form:


Anda bisa gnakan kode berikut :

<form action="http://NAMABLOGANDA.blogspot.com/search?max-results=100" target="_blank"><input value="Daftar Isi Blog" type="submit"></form>

Jangan lupa! kode yang berwarna merah,tuliskan alamat Blog anda sendiri.

Sebenarnya,masih banyak pilihan yang bisa anda buat link untuk Daftar Isi Blog,caranya hanya dengan menambahkan Element Baru/Add New Widget dan pilih HTML/Javascript lalu tuliskan kode link pilihan anda (anda bisa memakai contoh di atas).

Lalu apa arti tulisan '100' yang berwarna hijau di atas ?
Angka '100' pada kode diatas,menentukan berapa jumlah judul yang akan di tampilkan untuk Daftar Isi tiap halaman,klo saya menuliskan '50',ya nantinya akan ada '50' judul yang akan di tampilkan pada setiap halamannya.

Udah jelas khan?Pelajaran Blog

Baca Juga Yang Ini..


Membuat Navbar Blog Auto Hide / Auto Hide Navbar Blogger

Navbar Blog Fleksible: "
Membuat navbar Blog Fleksibel,saya bingung mau ngasih judul apa,so..itu aja kali ya..:)Pelajaran Blog
Maksudnya apa nich?

Maksudnya,Navbar Blog hanya akan muncul hanya saat mouse diarahkan di atasnya,ya seperti Navbar pada Blog ini.
Meskipun ini hanya akan berfungsi baik di Mozilla Firefox.Pelajaran Blog

Untuk kodenya sederhana,Pilih Dashboard,lalu pilih Tata Letak,selanjutnya pilih Edit HTML.
Setelah itu cari kode berikut :

]]></b:skin>

Kalau sudah ketemu,letakkan kode dibawah ini diatas kode tersebut

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}



Setelah itu Simpan,dan lihat hasilnya di browser Mozilla Firefox.Pelajaran Blog

Baca Juga Yang Ini..


Membuat Menu Navigasi dengan CSS


Membuat menu navigasi,adalah pelajaran yang paling banyak di pertanyakan oleh blogger-blogger pemula,termasuk saya beberapa hari yang lalu.

Disini kita akan membahas tentang bagaimana membuat menu makanan 4 sehat 5 sempurna,

Hus !! bukan,maksudnya Menu Navigasi dengan CSS.Pelajaran Blog

Tapi tidak seperti kebanyakan,biasanya mereka meletakkan di bawah kode <body>,tapi di sini kita akan meletakkan kodenya di Element HTML/Javascript yang baru.

Apa itu CSS? kita akan bahas beberapa hari lagi,berhubung yang kita bahas kali ini Menu Navigasinya.


Seperti apa sich contoh Menu Navigasi?

Navigasi pada web / blog,sesuai dengan namanya,yaitu untuk menuntun jalan,supaya web / blog lebih mudah di telusuri.

Contoh bentuk fisiknya seperti di bawah ini :







Untuk membuatnya kali ini,kita minta bantuan CSS,apa itu CSS,kita bahas naa..ant :
(,tadi sudah di omongiiin!!!! #$%#!
Pelajaran Blog.

Cara membuatnya sederhana sekali,berhubung kita dengan bantuan CSS,kita tak perlu membuat tabel untuk Menu Navigasi seperti di atas.

Tapi,yang paling surprise buat gw waktu aku jalan-jalan ke Blok-M,tiba-tiba aku ngliat yang belum pernah...OOee!!Ngemeng aja!ntar aja ceritanya ngapa !!

Ok! berhubung ntar malah tambah bikin rusuh suasana,kan dapet dosa tuh!,kalo dosa,kita masuuk Nera...@#$@#$@!!gUBRAK! gw bilang ntar ya ntar ceritanyaaa!!Pelajaran Blog

Ya..ya.ntar aja ceritanya ya..Ok langsung ke topik,kita hari ini.

Langkah pertama,pergi ke Dashboard (untuk blogspot),lalu pilih Tata Letak,selanjutnya pilih tab Edit HTML.
Lalu cari kode ]]></b:skin>,jika sudah ketemu,tepat diatasnya,letakkan kode di bawah ini :

#NavbarMenu { background: #000; width: 400px; height: 10px; font-size: 11px; font-family: Trebuchet MS, Tahoma, Verdana; color: #fff; margin: 0px; padding: 0px; } #NavbarMenuleft { width: 400px; float: left; margin: 0; padding: 0; } #nav { margin: 0; padding: 0; } #nav ul { float: left; list-style: none; margin: 0; padding: 0; } #nav li { list-style: none; margin: 0; padding: 0; } #nav li a, #nav li a:link, #nav li a:visited { background: #222222; height: 15px; color: #fff; display: block; font-size: 11px; font-family: trebuchet ms, ; text-transform: none; text-decoration: none; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; border-right: 1px solid #000; } #nav li a:hover, #nav li a:active {background: #222222; color: #ffffff; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #ffffff; width: 150px; color: #222222; font-size: 11px; font-family: trebuchet ms,; font-weight: normal; text-transform: none; float: none; margin: 0; padding: 7px 10px; border: 1px solid #000; } #nav li li a:hover, #nav li li a:active { background: #222222; color: #ffffff; padding: 7px 10px; } #nav li { float: left; padding: 0; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; } #nav li ul a { width: 140px; } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; }

Jika kode sudah anda letakkan,lalu Simpan Template.
Selanjutnya pilih Tab Tata Letak,dan buat Element Baru / Add New Widget,pilih HTML / Javascript.
Lalu letakkan kode di bawah ini pada halaman HTML / Javascript yang baru saja anda pilih.


<ul id='nav'>
<li><a href='http:///'>Menu 1</a></li>
<li><a href='http:///'>Menu 2</a></li>
<li><a href='http:///'>Menu 3</a></li>
<li><a href='http:///'>Menu 4</a></li>
</ul>


Jika kode sudah anda letakkan,lalu pilih Simpan,dan anda bisa langsung lihat hasilnya.

Untuk http:/// ,anda isi dengan alamat URL yang akan di tuju,sedagkan untuk Menu 1,2,3,4 ,Untuk tulisan yang akan tampil,sedangkan jika ingin menambahkan satu kolom lagi,anda tinggal menulis satu baris lagi,baris yang mana?

Copy aja salah satu kode :

<li><a href='http:///'>Menu 4</a></li>,dan paste persis di bawahnya.

Sekarang tinggal nglanjutin cerita di Blok-M tadi,jadi gini nich..@#$@#%$! Gubrak !Pelajaran Blog

Baca Juga Yang Ini..

Cara Menampilkan Kode HTML ke Posting

Menampilkan kode pada artikel: "

Hallo! Update lagi nih! Pelajaran Blog
Lagi musim naikin Page Rank maupun Traffic,kita harus rajin mosting..betul ga?
Meskipun postingan banyak yang Tong kosong nyaring bunyinya yang penting bermanfaat.


Meletakkan kode di dalam postingan,sebenarnya hanya masalah penyesuaian saja,maksudnya,agar sang blog
tidak dibikin bingung,makanya kode yang ingin kita tampilkan pada postingan harus di parse dulu.

Apa jadinya kalau tidak di Parse?

Jika kode yang ingin kita tampilkan tidak di parse terlebih dahulu,maka saat kita akan mempublikasikan,akan ada peringatan kesalahan format dan bahkan kode tidak tampil,sekalipun berhasil di publikasikan,betul ga?Pelajaran Blog
Untuk mengantisipasinya ya hanya memparse kodenya.

Parse ! Parse ! apaan sich ?

Parse menurut saya pribadi,ya hanya mengganti karakter kode menjadi notasi lain,misal :
Untuk tanda-tanda di bawah ini :

  • < notasinya : &lt;
  • > notasinya : &gt;
  • & notasinya : &amp;
  • ' notasinya : &quot;
  • ± notasinya : &plusmn;
  • Spasi notasinya : &nbsp;

Contoh:
Saya ingin menampilkan kode <body> pada posting,maka saya saat memosting harus menuliskan &lt;body&gt;.Jelas khan ?Pelajaran Blog

Contoh lain,saya ingin pembaca mengcopy kode berikut :

<html>
<head>
</head>
<body>
<a href="http://pelajaran-blog.blogspot.com/">Klik Disini</a>
</body>
</html>


Maka,saya dalam memposting harus menuliskan sebagai berikut :

&lt;html&gt;
&lt;head&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;a href=&quot;http://pelajaran-blog.blogspot.com/&quot;&gt;Klik Disini&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;


Parse kode,..bener ga sich artinya kaya' gitu ? Gubrak !Pelajaran Blog

Baca Juga Yang Ini..


Cara Membuat Label

Membuat Label / Kategori: "

Beruntung,blog saya ini tergolong baru karena peluncuranya baru 5 bulan yang lalu.
Trus apa hubunganya baru sama Membuat Label?

Ya..karena fitur Blogspot hampir semua sudah WYSWYG,termasuk cara membuat Label / Kategori pada Blog.


Untuk membuatnya,yang pastinya anda sudah mempunyai beberapa artikel / posting yang sudah anda publikasikan.

Pada,setiap artikel yang telah anda publikasikan,jika anda belum menuliskan Label pada setiap artikel,sebaiknya anda Edit lagi,artikel yang telah anda publikasikan tadi.
Jika anda belum tahu menuliskan label pada setiap postingan / artikel,coba ikuti langkah berikut:Pelajaran Blog

Pertama,bagi yang mau mengedit untuk menuliskan Label pada artikel,cari artikel yang ingin di Edit.

Untuk mencari artikel mana yang ingin di Edit,pergi ke Dashboard,pilih Edit Entri,blog yang ingin anda masukkan Label.

Bila anda sudah menentukan artikel mana yang ingin di beri label,pilih artikel tersebut,lalu lihat di sebelah kanan bawah halaman posting,anda hanya disuruh menuliskan nama label yang ingin anda tentukan,
contoh Kesehatan,dll,lalu selanjutnya publikasikanPelajaran Blog.

Selanjutnya,untuk menampilkan label-label tersebut pada halaman blog,pegilah ke Tata Letak,lalu pilih Element Baru / Add New Widget.
Pilih Label,dan beri judul sesuai keinginan anda,contoh;Tags,Label,Kategori atau yang lain.
Lalu Simpan.Pelajaran Blog

Baca Juga Yang Ini..


Tuesday 20 July 2010

Meletakkan Kotak Komentar di Bawah Posting

Meletakkan Kotak Komentar di Bawah Artikel: "

Dari beberapa artikel terakhir,pada blog ini,kenapa setiap postingannya di tambahin emoticons yang kurang jelas, Ya...($%&#) sebenarnya kami hanya ingin lebih dekat lagi sama pembaca setia Pelajaran Blog.

Artikel-artikel sebelumnya..koq perasaan kurang bersahabat and kaku,so..gitu dech salah satu usahanyaPelajaran Blog.


Menurut pembaca gmn? nurut aja yach! (ya klo ada yang baca,pede amat sich !)Pelajaran Blog
Oke dech! dari pada ntar malah ada yang nangis..Pelajaran Blog

Langsung ke topik,adalah meletakkan kotak komentar di bawah posting.

Saat ini,gw lagi di depan komputer,dan masih bercanda ria sama anak gadisku yang sekarang hampir berumur 11/2 tahun,dan..Aaalah!! ngomong apa sich? ,Gubrak !Pelajaran Blog

Untuk meletakkan kotak komentar (berlaku pada blogspot) di bawah posting,seperti kotak komentar pada bawaan Wordpress,sebenarnya hanya terletak pada pengaturannya saja.

Mungkin lebih pas judulnya,Meletakkan komentar di bawah posting kali ya..soalnya,kotak ini akan muncul saat di buka halaman yang bersangkutan tersebut,tapi untuk lebih jelasnya coba dulu yuuk!.

Langkah pertamanya,setelah Login ke Blogger,pergilah ke Dashboard,pilih Pengaturan,lalu pilih tab Komentar,lalu tuju tulisan Penempatan Formulir Komentar,udah ketemu?

Jika sudah ketemu,pilih radio button Disemat di bawah entri,lalu Simpan,Selesai.Pelajaran Blog
Eeee !! koq belum berhasil ? Pelajaran Blog

Masa sich? Test dulu,memakai comment sendiri,lihat,apakah komentar sudah di bawah artikel anda.

Jika belum juga berhasil,mungkin anda pernah memodifikasi kotak komentar,karena
ini akan bekerja baik jika anda belum pernah memodifikasi kotak komentarnya (masih perawan dari Blogger)

Baca Juga Yang Ini..


Cara Memasang Gambar Pada Blog

Meletakkan Gambar Pada Blog: "

Mumpung Dapet Lemburan..

Setelah beberapa hari absen Pelajaran Blog dari mosting artikel tentang blog,Kebetulan hari ini lagi dapet lemburan,meski cuman Rp.50.000,-.

Langsung ngambil langkah seribu menuju warnet kesayanganku,niatku mo ngedit blog sambil download film xxx,Pelajaran Blog aku juga sempet blog walking sebentar tadi,meski cuman ngliat-ngliat doang.:D

Untuk keyword 'Pelajaran Blog' di Google,Alhamdulillah aku masih di 5 Besar Pelajaran Blog dukung ya...!



Dalam pelajaran kali ini,kita membahas bagaimana meletakkan objek gambar ke dalam sebuah Blog.
Ada banyak cara sebenarnya,kali ini kita memakai cara pertama dulu.

# Untuk cara pertama :

Siapkan alamat URL gambar yang ingin anda masukkan,misal :
saya mempunyai alamat URL gambar seperti ini :

http://3.bp.blogspot.com/_n7xseT2-HDU/TTBcbYwrtDI/AAAAAAAAAq4/3i404_6ic-o/s1600/matahari%2Bdi%2Bpelajaran%2Bblog.jpeg

Maka untuk menampilkan di halaman blog anda,anda bisa menuliskan kode di bawah ini di halaman HTML anda tentunya :

<img src="Halaman URL anda">

Contoh pemakaian kode :

<img src="http://3.bp.blogspot.com/_n7xseT2-HDU/TTBcbYwrtDI/AAAAAAAAAq4/3i404_6ic-o/s1600/matahari%2Bdi%2Bpelajaran%2Bblog.jpeg">

Yang hasil kode diatas akan menghasilkan gambar seperti di bawah ini :

Pelajaran Blog Khusus Pemula

Keren ya...Pelajaran Blog

# Untuk Cara Kedua :

  • Pergi ke Dashboard,buat artikel / posting baru di Blog anda dengan cara Buat Posting Baru
  • Pilih Toolbar / Icon yang berbentuk Pemandangan seperti ini :
Kang Rohman Numpang gambarnya ya...he..Pelajaran Blog

  • Selanjutnya akan muncul jendela pilihan Browse File,yang akan menanyakan anda file mana yang ingin anda masukkan.Dalam pelajaran ini,anda bisa upload / meletakkan gambar baik dari komputer anda maupun alamat URL yang ingin anda kehendaki.
  • Selanjutnya tunggu proses,dan setelah proses selesai,klik tombol Selesai,dan anda bisa melihat hasilnya.


Baca Juga Yang Ini..

Javascript

Apa Itu Javascript ?: "

Apa sich itu Javascript ?

Kalau pengertian Javascript menurut Pelajaran Blog,yaitu kode yang mempunyai tugas unruk membedakan suatu variable.keliatanya sich kaya gitu..Pelajaran Blog

Secara umum kode ini akan menjalankan suatu tugas yang mana kode ini sangatlah 'sensitive',
Maksudnya? Lain seperti HTML yang tidak terpengaruh adanya tulisan <b> dan </b> (tanda '/' pada kode).

Javascript,tidak mempunyai tolerant dengan kode seperti diatas,contoh lain; penulisan kata 'var' tidak bisa ditulis 'VAR' maupun 'Var'.

Jika anda pusing seperti habis kena angin Puting Beliung Pelajaran Blog,karena baca arttikel ini,

ya dech...di bawah ini hasil pengertian Javascript oleh Bp.Supono,alamatnya di :

http://supono.wordpress.com/2006/09/05/apa-itu-javascript/ Pelajaran Blog


'JavaScript adalah bahasa pemrograman yang khusus untuk halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.
Hal-Hal Yang Harus DiperhatikanAda beberapa hal yang harus diperhatikan dalam pengelolaan pemrograman JavaScript, diantaranya JavaScript adalah “case sensitive”, yang artinya JavaScript membedakan huruf besar dan huruf kecil, Jika Anda pernah belajar bahasa pemrograman seperti Turbo C atau C++, maka sama seperti bahasa pemrograman tersebut, dimana huruf T tidak sama dengan huruf t. Dalam bahasa pemrograman JavaScript juga, sebagai contoh fungsi perintah var tidak boleh ditulis Var dan juga tidak boleh ditulis VAR (huruf besar semua), yang benar adalah var (huruf kecil semua). Perintah lain adalah new Date tidak boleh ditulis new date (huruf kecil semua), dan banyak yang lainnya
.'

Gimana?sudah lebih jelas? Pelajaran Blog

Nah contoh javascript bisa anda lihat seperti hasil postingan dari :

http://www.klik-kanan.com/js/tutorial/javascript3.shtml di bawah ini: Pelajaran Blog



Sebagai contoh KLIK DI SINI. Source script-nya DOWNLOAD DI SINI


Nah! selain di http://www.klik-kanan.com/js/tutorial/javascript3.shtml,
Anda bisa pelajari Javascript di http://www.angelfire.com/id/dinoclub/javascript.html.

Postingan ga modal,he...Pelajaran BlogPelajaran Blog
Semoga,penjelasan yang sedikit Njlimet ini bisa diterima,Amin !! Pelajaran Blog


Baca Juga Yang Ini..

Supaya TerIndex Google

Supaya Blog / Web TerIndex Google: "

Google,saat ini memang merupakan kebutuhan primer bagi para netter,secara,Google memenuhi hampir semua yang dibutuhkan saat kita browsing.

pelajaran blog

Bahkan dunia,saat ini seolah-olah Google dianggap Search Engine nomor wahid setelah Yahoo.
Yang sangat menarik adalah,dalam satu detik,Google dilihat kurang lebih 100 kali,dari seluruh dunia Pelajaran Blog

Siapa yang tak ingin merebut perhatian dari mesin ini? Pelajaran Blog


Sudah menjadi takdir kita berteman sama paman satu ini,secara..kita sedang belajar blog,di blogspot salah satu kepunyaan Google.
Dalam hal ini kita tak harus menambahkan tags apapun untuk bisa ke index Google.

Kita hanya menunggu untuk beberapa hari untuk melihat alamat blog kita ke index Google.
Dengan catatan,blog anda sudah di verifikasi.

Setelah blog sudah di verifikasi,anda tinggal memasukkan/menambahkan alamat URL blog anda disini

Nah! jika semua sudah dilakukan,tinggal nunggu aja,dan jangan lupa,Update terus blog anda,sesuai judul/nama dari blog anda.

Jika anda sudah melakukan langkah-langkah diatas,namun belum juga ter index Google,
kita gunakan teknik SEO ala pelajaran-blog.blogspot.com

Adapun teknik-teknik SEO itu anda bisa baca disini ,untuk pemula tentunya.Pelajaran Blog
Gimana? masih belum ter index Google? Pelajaran Blog


Baca Juga Yang Ini..