• INI GAMBAR NORAH JONES
    Norah Jones adalah seorang musisi jazz yang sudah banyak mendapatkan Grammy Award

Kamis, 05 Juli 2012

Membuat Posting Perlabel

Cara membuat postingan perlabel memang sangatlah dibutuhkan untuk mempermudah pencarian artikel dan untuk menarik perhatian pengunjung/Visitor. Sekaligus untuk memisahkan antara kategori/label posting supaya tidak bercampur baur dengan kategori yang lain. 

Membuat postingan perlabel kali ini sekaligus membuat resentpost atau disebut juga dengan postingan terbaru perlabel. Anda bisa lihat contohnya di blog Tabloid Blogger  di bagian paling bawah.
Membuat Posting Perlabel
Contoh Postingan Perlabel


Untuk kodenya sangat sedikit anda bisa lihat dibawah:

Kode Scriptnya:
<script style="text/javascript">function showrecentposts(json){for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}document.write('<li><a href="'+posturl+'">'+posttitle+'</a>'+'<br>')}}</script>
<ul><script style="text/javascript">var numposts=100;var numchars=100;</script></ul>
<ul><script style="text/javascript">
var numposts=100;
var numchars=100;
</script>
<script src="http://www.blogAnda.com/feeds/posts/default/-/Ganti Dengan Nama Label Atau Kategori?alt=json-in-script&callback=showrecentposts"></script>
</ul>



Sedikit Keterangan:

http://www.blogAnda.com/feeds/posts/default/-/Ganti Dengan Nama Label Atau Kategori
Url diatas adalah url yang diambil dari feeds post yang biasa dimasukan ke sitemap webmaster. Warna hitam tebal ganti dengan nama domain anda sendiri dan warna hitam tebal kedua ganti dengan nama label/kategori postingan anda huruf besar kecilnya harus sesuai dan  jika nama label anda lebih dari satu kata contoh Tabloid Blogger maka penulisan dalam kode script seperti ini Tabloid%20Blogger.

Cara pemasangannya anda cukup tambah gadget dalam edit element pilih html/javascript kemudian berinama sesuai dengan label postingan.

Semoga berhasil...
Diposting oleh di Tidak ada komentar:

 Label atau lebih banyak dikenal oleh orang dengan kategori yang fungsinya untuk mengelompokan postingan artikel dengan artikel-artikel yang sama atau satu pembahasan. Label juga memiliki pengaruh terhadap SEO blog Seperti yang sudah dibahas Dapur Tutorial Blogspot pada tutorial sebelumnya tetang pengaruh judul label (kategori) terhadap SEO blog.

Mengisi label atau kategori pada sebuah artikel sangatlah mudah tapi lain halnya dengan pemula besar kemungkinannya dia tidak tau cara mengisi lebel tersebut pada sebuah artikel, untuk itu jangan sampai hal terkecil ini terlewatkan Dapur Tutorial Blogspot akan sampaikan caranya mengisi label (kategori) pada sebuah artikel.

lankah-lakah yang perlu anda lakukan adalah sebagai berikut :

  1. Pastikan anda sudah sign in ke akun blogger anda
  2. Klik pada tombol Entri Baru untuk membuat artikel baru pada blog anda


  3. Buat tulisan baru pada halaman entri baru


  4. Selesai menulis artikel lihat kesisikanan Klik Label


  5. Akan mucul kotak untuk membuat judul label. Tulis judul lebel yang anda inginkan (disini diambul contoh judul label yaitu "Tutorial Blog" dan klik Selesai


  6. Selanjutnya posting artikel blog anda dengan mengklik Publikasikan


  7. Selesai lebel pada blog anda sekarang sudah ditambahkan.
Untuk memastikan apakah label pada postingan artikel anda sudah ditambahkan silahkan anda lihat di list artikel anda. Jika pada ujung artikel anda terdapat tulisan label yang anda buat tadi seperti gambar dibawah ini berarti anda sudah benar dan berhasil menambahkan label pada artikel blog anda.
Terus bagaimana menambahkan lebel pada artikel blog yang sudah diposting sebelumnya ?

Mudah berikut langkah-langkahnya :
  1. Silahkan anda masuk ke list postingan artikel blog anda
  2. Centang artikel yang ingin anda beri lebel


  3. Perhatikan gambar dibawah. klik pada pada tempat yang ditunjuk oleh anak panah


  4. Buat judul label yang anda inginkan kemudian klik OK


  5. Selesai
Diposting oleh di Tidak ada komentar:
Label:

Pengaturan Tulisan Older Post dan Newer Post


Pengaturan Tulisan Older Post dan Newer Post


Mengatur Tulisan Posting Lama Posting Baru.Artikel kali ini memang bukan barang baru lagi,memang sudah banyak blogger-blogger disana yang memposting tentang ’mengganti atau menghilangkan tulisan older post dan newer post’ atau jika dalam blogspot indonesia,tulisan ’posting lama dan posting baru’.

Tapi di Pelajaran Blog akan menjabarkannya lebih rinci.

Menghapus Tulisan Posting Lama dan Posting Baru


Bagi anda yang risih atau kurang begitu menyukai tulisan older dan newer post tersebut,anda bisa menghapus/menghilangkannya.Anda bisa ikuti langkah berikut:

  • Menghilangkan Tulisan Posting Lama/Older Post


Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:
<data:olderPageTitle/>
Agar lebih mudah mencarinya,tekan Ctrl+F pada keyboard anda,lalu ketikkan kode tersebut.Jika sudah ketemu,hapus kode tersebut,lalu Simpan Template.

  • Menghilangkan Tulisan Posting Baru/Newer Post


Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:
<data:newerPageTitle/>
Jika sudah ketemu,hapus kode tersebut,lalu Simpan Template.

Mengganti Tulisan Posting Lama Posting Baru



Jika anda hanya ingin merubahnya saja,misal tulisan Posting Lama/Older Post diganti menjadi tulisan Artikel terdahulu,artikel sebelumnya,dll,anda bisa ikuti langkah berikut:

  • Mengganti Tulisan Posting Baru/Newer Post


Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:
<data:newerPageTitle/>
Jika sudah ketemu,hapus kode tersebut,lalu ganti tulisan sesuai keinginan anda,lalu Simpan Template.

  • Mengganti Tulisan Posting Lama/Older Post


Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:
<data:olderPageTitle/>
Jika sudah ketemu,hapus kode tersebut,lalu ganti tulisan sesuai keinginan anda,lalu Simpan Template.

Mengganti Tulisan Posting Lama Posting Baru/Older Post,Newer Post dengan Image/Gambar


Jika anda tidak ingin menghapusnya ataupun mengganti tulisanya,anda bisa menggantinya dengan sebuah gambar.
Hasilnya seperti gambar di bawah ini:


ganti posting lama dan posting baru


(gbr di atas saya ambil dari Blog Kang Rohman)

Jika anda berminat,ikuti langkah berikut:

Sebelumnya,siapkan url gambar yang akan di tampilkan,disini saya ambil contoh dari Pelajaran Blog sendiri.
Misal:untuk Older Post/Posting Lama saya akan menggunakan gambar seperti di bawah ini:


posting lama


Dimana url alamat gambar tersebut adalah:
http://3.bp.blogspot.com/_n7xseT2-HDU/SaPTr4ueIZI/AAAAAAAAALs/lUpIGO5TQpg/s200/next.png
Untuk Newer Post/Posting Baru saya akan menggunakan gambar seperti di bawah ini:


posting baru


Dimana url alamat gambar tersebut adalah:
http://1.bp.blogspot.com/_n7xseT2-HDU/SaPTxYnm-QI/AAAAAAAAAL0/2jPoRDndZSk/s200/prev.png.
Nah selanjutnya ikuti langkah berikut:

  • Mengganti Tulisan Posting Lama/Older Post dengan Image/Gambar


Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:
<data:olderPageTitle/>
Jika sudah ketemu,hapus kode tersebut,lalu ganti kode tersebut dengan kode dibawah ini:
<img src="http://3.bp.blogspot.com/_n7xseT2-HDU/SaPTr4ueIZI/AAAAAAAAALs/lUpIGO5TQpg/s200/next.png" alt="Prev"/>
Lalu Simpan Template.

  • Mengganti Tulisan Posting Baru/Newer Post dengan Image/Gambar


Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:
<data:newerPageTitle/>
Jika sudah ketemu,hapus kode tersebut,lalu ganti kode tersebut dengan kode dibawah ini:
<img src="http://1.bp.blogspot.com/_n7xseT2-HDU/SaPTxYnm-QI/AAAAAAAAAL0/2jPoRDndZSk/s200/prev.png" alt="Next"/>
Lalu Simpan Template.

Pengaturan pada Home/Halaman Muka


Jika anda ingin mengganti atau merubah tulisan Home/Halaman Muka,ikuti langkah berikut:
Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
Perhatikan kode <data:homeMsg/>yang bercetak tebal,ada 2 <data:homeMsg/> kode yang sama,tapi anda hapus kode <data:homeMsg/> yang berada dibagian atas,selanjutnya ganti sesuai dengan keinginan dan hapus jika anda ingin menghilangkannya.
Misal;saya akan menggantinya bukan dengan mengganti tulisan melainkan dengan gambar sbb:


Home


Dimana URL gambar diatas adalah:
http://3.bp.blogspot.com/_n7xseT2-HDU/SaPU_Bl5X7I/AAAAAAAAAL8/aRDZo_QBlDs/s200/home.gif
sebagaimana yang saya pakai pada blog ini.
Selanjutnya saya akan merubah kode diatas sehingga akan menjadi seperi ini:
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src="http://3.bp.blogspot.com/_n7xseT2-HDU/SaPU_Bl5X7I/AAAAAAAAAL8/aRDZo_QBlDs/s200/home.gif" alt="home"/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
Lalu Simpan Template,Selesai.
Diposting oleh di Tidak ada komentar:
Label: , , ,

Selasa, 03 Juli 2012

Generators/picture-cube


Diposting oleh di Tidak ada komentar:
Label:

Animated Picture Generator

Create your own animated photo and display on your website or myspace profile.






Image 1:
Image 2:
Image 3:

Width: Height: Speed:




Diposting oleh di Tidak ada komentar:
Label: ,

Jumat, 22 Juni 2012

bendera inggris


Diposting oleh di Tidak ada komentar:
Label: , ,
Langganan: Postingan (Atom)