Showing posts with label Membuat. Show all posts
Showing posts with label Membuat. Show all posts

Monday 2 August 2010

Hide or Show Comments / Show Hide Comments

Cara Membuat Show-Hide Komentar/Expand-Collapse Comment: "

Membuat Show-Hide Komentar/Expand-Collapse Comment.Tutorial pada pelajaran blog kali ini,adalah salah satu belajar tentang menghias kotak komentar.
Tapi disini bukan akan membahas bagaimana cara memodifikasi komentar tersebut,melainkan mempelajari script kode menampilkan dan menyembunyikan komentar yang telah ada,hanya dengan satu klik.
.
Gimana? dah maksud yang saya maksudkan (ngomong oopo aku iki :D)?
Yup! anda betul sekali,kali ini kita akan mempelajari lebih dalam bagaimana cara membuat komentar show and hide/expand collaps comment pada blog.

Biar langsung kelar,kita langsung ke topiknya yuk,yuuuk...!
Pertama,pergilah ke Dashboard,lalu Tata Letak,kemudian pilih tab Edit HTML.
Lalu contreng check box tulisan Expand Widget Templates,lalu cari kode berikut:


]]></b:skin>
Setelah ketemu,tepat diatasnya,letakkan kode berikut:

.commenthidden {display:none}
.commentshown {display:inline}

Setelah itu,masih di HTML area (aaaalah!),tarik scroll kebawah cari kode:

</head>
Setelah ketemu letakkan kode script di bawah ini tepat diatas kode </head> tersebut.

<script type='text/Javascript'>
function togglecomments (postid){
var whichpost = document.getElementById(postid);
if (whichpost.className==&quot;commentshown&quot;){
whichpost.className=&quot;commenthidden&quot;;
}
else{
whichpost.className=&quot;commentshown&quot;;
}
}
</script>


Setelah itu cari kode berikut:

<dl id='comments-block'>
Untuk mempermudah pencarian kode gunakan Ctrl+F pada keyboard anda.
Jika sudah ketemu,lalu hapus kode tersebut,dan gantilah dengan kode dibawah ini:

<a aiotitle='click to expand'
href='javascript:togglecomments
(&quot;comments-block&quot;)'
rel='nofollow'><strong>Show or Hide Comments/Tampilkan atau Sembunyikan Komentar</strong></a>
<dl class='commenthidden'
id='comments-block'>

Lalu Simpan Template,Selesai!!

Ket:
Untuk tulisan 'Show or Hide Comments/Tampilkan atau Sembunyikan Komentar' gantilah sesuai keinginan anda.
Semoga Bermanfaat :D

Baca Juga Yang Ini..


Wednesday 28 July 2010

Cara Membuat Sitemap

Belajar Membuat Sitemap: "

  • Membuat Navigasi Global pada Blog


Belajar Membuat Sitemap.
Apa itu Sitemap?
Saya sendiri bingung menamakan istilah sitemap dalam bahasa yang mudah di mengerti,mungkin akan lebih jelas jika sitemap saya katakan sebuah peta atau bentuk navigasi pada blog yang bertujuan untuk mempermudahkan pengunjung dalam melihat isi dari suatu web/blog.

Bisa dibilang sitemap adalah peta navigasi alamat suatu blog/web.
Kenapa Pelajaran Blog tak meletakkan sitemap?

Karena bagi saya pribadi,sitemap tak ubahnya seperti Daftar Isi pada Blog.
Sampai disini,kira-kira sudah ada bayangan khan?seperti apa dan bagaimana sebuah sitemap.
  • Keuntungan menggunakan Sitemap


Banyak yang akan kita dapat dari adanya sitemap pada blog,antara lain:
Site Map sendiri sebenarnya bisa dibuat sendiri secara manual,bagi anda yang sudah sedikit mengerti Coding,anda bisa baca panduan belajar membuat sitemap di blog.re.or.id,yang berjudul ’SEO - Membuat Sitemap Sendiri (2)’.

Tapi jika anda tidak ingin repot-repot dalam membuat sitemap,ada 2 cara praktis dalam membuat site map ini.

Ada cara-cara yang lebih mudah untuk belajar membuat peta situs ini,antara lain,jika anda pengguna account Google,bisa dengan cara memanfaatkan Google Webmaster Tools.
Atau anda bisa memilih alternatif dari situs penyedia jasa sitemap.

SiteMap dengan Google Webmaster

Bagi pengguna Account Google dan memakai Blogger,tentu sudah tidak asing lagi,istilah Google Webmaster Tools.
Rahasia dibalik Google Webmaster ini,sebenarnya sebuah kunci bagaimana mengoptimalkan sebuah situs,baik dari Meta,Robot,Analisa Blog,dan salah satunya ’SiteMap’.

Sebelumnya,pada Feed situs anda tuliskan alamat,misal;

http://namabloganda.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=100

Cara lebih jelasnya ikuti langkah berikut:

Pergi ke ’Dashboard’,Pilih ’Pengaturan’,lalu pilih ’Feed Situs’.
Kemudian pada kolom ’Posting URL Pengubahan Arah Feed’,anda isikan URL Feeds seperti contoh diatas.
Lalu Simpan.

Nah,untuk membuat sitemap nya,anda bisa ikuti langkah di bawah ini:

Berhubung Google Webmaster sudah di ’Renovasi’,kita menyesuaikan menggunakan cara yang baru.


  1. Pastikan Blog/Web anda sudah ter verifikasi
  2. Kunjungi Situs www.google.com/webmasters/tools
  3. Jika anda belum punya Account,Pilih ’Sign Up’
  4. Setelah masuk klik ’Add Site’,lalu isikan alamat blog yang ingin anda buatkan SiteMap
  5. Klik tulisan ’Site Configuration’,di sebelah kiri atas
  6. Klik ’SiteMap’
  7. Klik tombol Submit a Sitemap
  8. Anda bisa tuliskan alamat seperti dibawah ini,pada kolom yang kosong.
    • feeds/posts/default
    • atom.xml?redirect=false&start-index=1&max-results=100
    • atom.xml?redirect=false
  9. Pilih salah satu,atau anda bisa gunakan empat-empatnya.
  10. Lalu tekan tombol Submit Sitemap
  11. Setelah itu,jika ada gambar jam,berarti Sitemap anda berhasil dan masih dalam proses.
  12. Selesai


Contoh sitemap yang Pelajaran Blog telah buat,anda bisa lihat disini.

Memanfaatkan dari Situs Jasa Sitemap

Cara yang lebih praktis,untuk membuat sitemap,tanpa harus daftar anda bisa kunjungi situs www.xml-sitemaps.com
Untuk langkahnya,anda bisa ikuti cara di bawah ini:


  • Masuk situs www.xml-sitemaps.com
  • Isikan alamat anda,pada kolom Starting Url
  • Pada pilihan Change frequency,Last modification,Priority anda isikan None ajach ya.. :D
  • Kemudian klik tombol Start
  • Setelah itu akan keluar tulisan
  • ’Please wait. Sitemap generation in progress...’
  • Tunggu,dan Selesai.


Yah! semoga artikel yang ga pernah jelas ini bisa bermanfaat ya,..
Ok! sampai ketemu artikel berikutnya ya.. :)

Baca Juga Yang Ini..


Cara Membuat Tanda Tangan Online

Membuat Tanda Tangan Online: "

  • Sudahkah anda mempunyai tanda tangan online?


cara membuat tanda tangan onlineWaduh!sebelum tamat riwayat blog ini,cuman gara-gara ga posting beberapa hari,mendingan posting artikel meskipun kurang banyak membantu,dalam belajar menghias blog.

Betul sekali,tanda tangan online anda bisa lihat contoh di bawah ini:
tanda tangan pelajaran blog

Ingin tahu cara membuatnya?

Ya,ada cara praktis untuk membuat tanda tangan seperti diatas,bukan dari Paint da juga bukan dari Photosop.Lalu?
  • Membuat tanda tangan online pada blog


Untuk membuat bentuk tanda tangan diatas secara praktis,kita memakai jasa www.mylivesignature.com.
Tampilan halaman dari www.signature.com seperti ini :

gambar tanda tangan

  • Pertama,masuk situs www.mylivesignature.com
  • Pilih tulisan 'Click Here To Start'
  • Lalu akan tampil sebuah halaman dengan 3 pilihan pilih 'Using the signature creation wizard'.
  • Masukkan Nama,nama ini untuk hasil gambar tanda tangan anda,kemudian 'Next Step'
  • Ikuti petunjuk,dan sesuaikan sesuai selera anda
  • Jika anda sudah merasa cocok,klik tulisan 'Want to use this signature?'
  • Akan ada 2 pilihan 'Generate HTML code' dan 'Generate BB code '
  • Pilih 'Generate HTML code'
  • Selanjutnya ada 2 pilihan lagi,misal pilihan 1 pilih 'Generate a code from my handwritten signature'
  • Copy kode tersebut dan letakkan pada Halaman HTML anda.
  • Selesai

  • Meletakkan Kode pada Akhir Artikel/Postingan


Untuk meletakkan kode tanda tangan Online dari www.mylivesignature.com ini,ikuti langkah berikut :

  • Pilih Dashboard
  • Lalu pilih Pengaturan
  • Pilih Format
  • Tuju Tulisan Templates Posting
  • Letakkan Kode dari www.mylivesignature.com tadi pada kotak tersebut.
  • Simpan Perubahan.
  • Selesai


  • Melihat Tampilan Tanda Tangan Online pada Artikel


Saat hendak posting artikel baru,anda akan melihat tanda tangan/Signature tersebut,tinggal tulis artikel anda diatas kode tersebut.

Sederhana khan?

Jika anda sudah selesai mengikuti langkah-langkah seperti diatas,memang pada artikel sebelumnya (sebelum anda membuat tanda tangan ini),tanda tangan tersebut belum tampil,jika anda akan menampilkannya,tinggal Edit artikel anda,dan letakkan kode tanda tangan tersebut dibawah artikel anda.

Baca Juga Yang Ini..


Cara Membuat Drop Caps

Membuat Drop Caps pada Artikel Blog: "

Seperti yang aku pernah janjikan minggu lalu,kali ini kita akan bahas bagaimana ya caranya membuat Drop Caps pada Artikel Blog?
Yup!jika anda membuat Drop Caps pada Ms Word hanya dengan pengaturan pada Format?lain halnya dengan blogger yang tidak menyediakan fitur tersebut.

Makanya,untuk sekedar menghias blog,kita main-main sama yang namanya Drop Caps ini,aaaalah!Oh iya..tadi pagi-pagi sempet liat blognya temen di cepat-terindex-google.blogspot.com,dan makasih banget buat mbak ati yang sudah memuat artikel dan link saya,dan..udah!udah! koq malah curhat!mana topiknya!!@#$!12!!

Ok! langsung aja ya..

Sebenarnya banyak cara yang bisa anda pilih untuk membuat Drop Caps ini,bisa dengan CSS,maupun yang lain.

Nah cara membuatnya jika digunakan pada artikel di blog bisa gunakan cara di bawah ini :
Misal saya akan menuliskan sebuah kalimat seperti ini:

Saya sekarang sedang belajar membuat Drop Caps di Pelajaran Blog,saya nanti bisa membuat Drop Caps pada setiap artikel saya pada blog,jangan lupa,belajar membuat Drop Caps di Pelajaran Blog.
Jika saya ingin membuat Drop Caps dan memperbesar huruf 'S' di atas,saya hanya menuliskan kode berikut :

<span style="float: left; color: black; font-size: 50px; line-height: 30px; padding-top: 5px; padding-right: 5px; font-family: arial;">S</span>aya sekarang sedang belajar membuat Drop Caps di Pelajaran Blog,saya nanti bisa membuat Drop Caps pada setiap artikel saya pada blog,jangan lupa,belajar membuat Drop Caps di Pelajaran Blog.
Maka hasinya nanti akan menjadi seperti ini :

Saya sekarang sedang belajar membuat Drop Caps di Pelajaran Blog,saya nanti bisa membuat Drop Caps pada setiap artikel saya pada blog,jangan lupa,belajar membuat Drop Caps di Pelajaran Blog.
Mudah khan?
Anda hanya menisipkan kode seperti di atas,pada setiap anda menuliskan artikel pada blog.

Untuk lebih efisien anda fokuskan menulis artikel pada halaman html bukan tulis/compose!.

Baca Juga Yang Ini..


Tuesday 27 July 2010

Membuat Popup Windows

Membuat Popup dengan Ukuran Tertentu: "


Membuat Popup? nggak ah!



Tunggu dulu,pelajaran ini tidak ada kaitannya dengan Membuat Popup Iklan yang sering membuat orang jengkel dan bahkan tak jarang visitor enggan untuk berkunjung kembali.

Tapi,kali ini kita mencoba iseng belajar menghias blog dengan tampilan jendela baru dengan ukuran sesuai yang kita inginkan.

Jika Iklan popup kebanyakan memaksa visitor untuk melihat suatu pesan dari author,tapi disini kita hanya menawarkan visitor untuk melihatnya.

**Ukh! beberapa hari terakhir,aku lagi nggak semangat memposting artikel tentang blog (lg ga enak badan dan ga ada bahan,he..)so,..#%#$!

OK! Langsung ke topik,popup dengan ukuran yang kita tentukan sendiri,meskipun sekali lagi,ini berfungsi di Mozilla Firefox dan Opera :D.

So,yang minat untuk membuat jendela munculan dengan ukuran yang kita inginkan,coba ikuti langkah berikut:

Pertama,tentukan alamat URL yang ingin di tampilkan,selanjutnya anda bisa meletakkan kode ini pada halaman HTML anda maupun saat anda hendak mempublikasikan pada suatu artikel.

Saya ambil contoh dengan menambahkan Element Baru pada blog,seperti biasa,Dashboard,lalu pilih Tata Letak, selanjutnya Tambah Element Baru/Add New Widget.

Pilih HTML/Javascript,dan letakkan kode berikut:

<center><form onsubmit="window.open('http://URLYANGDITAMPILKAN/','popupwindow','scrollbars=no, width=250,height=250');return true"><input type="submit" value="TEXT YANG TAMPIL PADA BUTTON"></form></center>

Tulisan kapital dan angka yang berwarna merah,pada kode diatas,ganti sesuai perintah yang dituliskan dan rubah sesuai ukuran pilihan anda.
Setelah kode di letakkan Simpan,dan Selesai.

Baca Juga Yang Ini..


Cara Membuat Kotak Blogroll

Cara Membuat Kotak Blogroll: "

Beberapa hari nggak online/update blog,saat lihat komentar ada temen kita menanyakan sambil belajar bagaimana membuat fungsi scroll seperti pada sidebar seperti disamping blog ini.
Kira-kira komentar itu seperti ini :


mas, salam kenal. aku penasaran gimana cara buat kotak yang kayak the most popular post, membuat blog di blogger yang ada di kanan postingan itu lho. mohon bimbingannya.


Untuk itu mumpung lagi ada waktu,sekarang kita kita bahas menghias blog dengan memanfaatkan fungsi scrollbar ya..:)
Untuk lebih relevan,sebaiknya diletakkan pada sidebar.Untuk hasil contohnya seperti ini:


TENTUKAN JUDUL KOLOM



Untuk langkah pertama,pergilah ke Dashboard---->Tata Letak----->Edit html.
Selanjutnya cari kode : </head>
Jika sudah ketemu,tepat diatasnya,letakkan kode ini:

<style type='text/css'>
#fungsiscroll {
float: left;
width: 100%;
font-family:arial;
font-size:12px;
margin: 6px 0px 6px 0px;
padding:0px;
line-height: 18px;
display:;
}
#fungsiscroll p {
padding: 0px;
margin: 0px;
}
#fungsiscroll a:hover {
color: green;
padding: 0px;
}
#fungsiscroll a {
text-decoration:none;
color:black;
}
#fungsiscroll a img {
border: none;
margin: 0px;
padding: 0px 0px 15px 0px;
}
#fungsiscroll h2 {
color: #000000;
font-size: 14px;
font-family: Arial;
text-align:center;
color:white;
font-weight: bold;
margin: 0px 0px 7px 0px;
padding: 7px 5px 3px 13px;
letter-spacing:0em;
text-transform:normal;
background: #222222;
}
#fungsiscroll ul {
list-style-type:none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#fungsiscroll li {
list-style-type: none;
margin: 0px 0px 5px 0px;
padding: 0px;
border-bottom : 1px dashed #ccc;
}
#fungsiscroll ul ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#fungsiscroll ul li li {
background: #FFFFFF url(images/icon.png) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
border-bottom:1px solid #ddd;
}
#fungsiscroll ul li ul li {
background: #FFFFFF url(images/icon.png) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
border-bottom:1px solid #ddd;
}
#l_fungsiscroll {
background: #FFFFFF;
float: left;
width: 135px;
margin: 0px;
padding: 9px 9px 0px 9px;
line-height: 20px;
display: inline;
border: 1px solid #C0C0C0;
}
#l_fungsiscroll p {
margin: 0px;
padding: 0px 0px 15px 0px;
}
#l_fungsiscroll a img {
border: none;
margin: 0px;
padding: 0px 0px 15px 0px;
}
#l_sidebar ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#l_sidebar ul ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#l_fungsiscroll ul li li {
background: #FFFFFF url(images/icon.png) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
}
#l_fungsiscroll ul li ul li {
background: #FFFFFF url(images/icon.png) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
}
#r_fungsiscroll {
background: #FFFFFF;
float: right;
width: 135px;
margin: 0px;
padding: 9px 9px 0px 9px;
line-height: 20px;
display: inline;
border: 1px solid #C0C0C0;
}
#r_fungsiscroll p {
padding: 0px 0px 15px 0px;
margin: 0px;
}
#r_fungsiscroll a img {
border: none;
margin: 0px;
padding: 0px 0px 15px 0px;
}
#r_fungsiscroll ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#r_fungsiscroll ul ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#r_fungsiscroll ul li li {
background: #FFFFFF url(images/icon.png) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
}
</style>


Setelah itu simpan.

Lalu pada Tata Letak blog,tambah element baru dan pilih HTML/Javascript,lalu letakkan kode berikut:

<script type="text/javascript"></script>
<div id="fungsiscroll" class="sidebar section">
<h2 class="title" align="left">TENTUKAN JUDUL KOLOM</h2>
<div style="OVERFLOW: auto; WIDTH: 95%; HEIGHT: 120px">
<ul>
<li>>>
<a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
</ul>
</div>
<div id="fungsiscroll" class="sidebar section">
<h2 class="title" align="left">TENTUKAN JUDUL KOLOM</h2>
<div style="OVERFLOW: auto; WIDTH: 95%; HEIGHT: 120px">
<ul>
<li>>>
<a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
</ul>
</div>
</div>
</div>
<div id="fungsiscroll" class="sidebar section">
<h2 class="title" align="left">TENTUKAN JUDUL KOLOM</h2>
<div style="overflow:auto;width:95%;height:120px;">
<ul>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
</ul>
</div></div>


Lalu Simpan. Selesai.

**Jika anda ingin membuat satu kolom saja,tinggal hapus kode yang berwarna hijau di atas.

CSS,memang sangat membantu ya.. :)

Baca Juga Yang Ini..


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..



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..


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..