Putri Salubiru

Cara Membuat Navigasi Breadcrumbs

2010-11-20T23:21:00.000-08:00

Menu breadcrumabs adalah merupakan salah satu tips blogger yang memudahkan pengunjung untuk melihat artikel lainnya yang terkait dengan artikel yang sedang di baca.

Navigasi menu yang berada di atas judul posting umumnya disebut dengan menu breadcrumbs. Selain kita edit judul posting menjadi judul blog, mendaftarkan blog di search yahoo site explorer dan webmaster tools menu breadcrumbs ini adalah bagian dari menjadikan blog menjadi seo

Buat sahabat blogger yang masih pemula seperti saya, jika ingin membuat menu breadcrumbs caranya adalah sebagai berikut:

Login ke blogger.com
Kemudian pilih Rancangan
Pilih Edit HTML
Download template lengkap, untuk di upload kembali jika terjadi kesalahan pada edit.
Centang kotak kecil pada tulisan Expand Widget Template
Kemudian cari kode:
]]></b:skin>, gunakan tombol pencarian untuk mempermudah pencarian kode.
Tambahkan kode di bawah ini, tulisan yang berwarna biru di atas kode: ]]></b:skin>
.breacrumbs {
margin:0;
padding:5px;
line-height:1.4em;
border-bottom:4px double black;
color:#000000;
}
Selanjutnya cari kode berikut:
<div class='post hentry'>
Kemudian tambahkan kode di bawah ini, tepat di bawah kode:
<div class='post hdntry'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse »
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> »
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>
</b:if>
</b:loop>
</b:if> »
</b:loop>
<data:post.title/>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
Browse »
<a expr:href='data:blog.homepageUrl'>Home</a> »
Archives for
<data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:naviMessage'>
<div class='breadcrumbs'>
<data:naviMessage/>
</div>
</b:if>
</b:if>
Setelah selesai klik Simpan Template dan lihat hasilnya.

Semoga bermamfaat..
Sumber:
Membuat Navigasi Menu Breadcrumbs

Aplikasi MobyEXplorer 3.0 Buat Ponsel

2010-11-20T07:09:00.000-08:00

Aplikasi MobyExplorer 3.0 adalah aplikasi yang berfungsi sebagai file manager pada handphone yang mendukung aplikasi Java mobile, dan aplikasi ini hampir semu handphone bisa di supportnya.

Buat sahabat yang mempunyai handphone dengan apikasi Java jika belum mempunyai aplikasi mobyeexplorer 3.0 ini, menurut saya MobyExplorer adalah merupakan aplikasi yang layak di tambahkan ke dalam ponsel.

Aplikasi java mobile MobyExplorer 3.0 ini mempunyai banyak fitur, di antaranya:

Bisa membuka dan mengedit file html
ZIP dan UNZIP, fitur ini dapat mengkompres dan mengextract file
Protect, fitur ini bisa melindungi atau menyembunyikan file-file yang penting agar tidak dapat di buka oleh orang lain.
Fitur umum seperti Copy, Paste, Rename, New Folder, Select All dan lainnya.
Tampilan, dapat di atur secara Landscape atau Portrait

Aplikasi MobyExplorer 3.0 ini bisa di downlod langsung dengan menggunakan ponsel. Jika ingin mencobanya silahkan
DOWNLOAD
Semoga bermamfat...
_________________________

Hanya Menampilkan Judul Posting Dan jumlah Komentar Pada Halaman Label

2010-11-18T22:50:00.000-08:00

Tampilan label dan arsip blog yang masih standard, kalau di di klik akan menampilkan judul dan dan semua isi posting. Hal ini mungkin mengganggu jika label yang dibuka memiliki banyak posting.

Nah.., dengan menampilkan hanya judul posting dan jumlah komentar pada label, pengunjung dapat lebih mudah mencari artikel yang di inginkan.

Banyank cara yang dapat kita lakukan untuk menpermudah pengunjung dalam mencari artikel blog, seperti membuat navigasi menu horizontal, dan membuat navigasi menu breadcrumbs atau yang lainnya

Untuk mengubah tampilan halaman label yang masih standard dengan menampilkan hanya judul dan jumlah komentar, caranya adalah cari code berikut pada template blog anda:

<b:include data='post' name='post'/>
Gunakan tombol pencarian untuk mempermudah pencarian code.
Hapus kode tersebut dan ganti dengan kode di bawah ini,
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "item"'>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
Label : <b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'/></b:loop> | <a expr:href='data:post.addCommentUrl'><data:post.numComments/>Komentar</a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
Setelah selesai klik Simpan Template dan lihat hasilnya.

Semoga bermamfaat..
Sumber:
Halaman label dan arsip blog hanya menjmpilkan judul post dan jumlah komentar
_________________________

Cara Membuat Textarea Dengan Fasilitas Select All

2010-11-17T21:20:00.000-08:00

Textarea yang dimaksud adalah merupakan tempat unuk menyimpan data dalam bentuk text atau kode HTML/Javascript dan biasanya di tempatkan pada halaman posting dan sidebar. Dan mamfaat dari text area adalah untuk menghemat tempat halaman posting agar tidak terlalu panjang.

Walau Tutorial mengenai cara membuat textarea sudah menjadi tulisan atau bacaan yang ketinggalan jaman namun kiranya mungkin masih ada sahabat yang masih pemula seperti saya dan belum mengetahui cara membuatnya.

Nah.., untuk membuat textarea caranya adalah sebagai berikut :

Copy kode di bawah ini dan paste ke dalam widget HTML/javascript di blog anda atau pada postingan

<form name="copy">
<div align="center">
<input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button/></div><div style="text-align:center;"><textarea cols="20" rows="3" name="txt" style="background:transparent;color:blue;">Masukkan text atau koe html yang ingin di tampilkan disini</textarea></div></form>

Catatan :

Kode yang berwarna biru adalah text yang akan tampil di dalam textarea
Dan kode yang bewarna merah adalah ukuran panjan dan lebar dari text area
Silahkan ganti sesuai dengan kebutuhan anda

Hasil dari kode tersebut di atas adalah seperti di bawah ini:

Selamat mencoba dan semoga bermamfaat...
________________________

Cara Menambahkan Tombol Suka Facebook Di Blogspot

2010-11-17T14:17:00.000-08:00

Tombol suka atau like button facebook adalah tombol yang dapat memudahkan pengunjung untuk berbagi artikel yang di sukai.

Nah.., tips blogger yang akan saya share pada posting ini adala cara menambahkan tombol suka atau like button facebook di blogger/blogspot.

Jika sahabat belum mengetaui tutorial ini, caranya adalah tambahkan kode berikut pada template blog anda, setelah kode:
<data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none;overflow:hidden;width:450;height:40;'/>
</b:if>

Setelah selesai klik Simpan Template dan lihat hasilnya.
Semoga bermamfaat..

Cara Mengetahui Jumlah Posting Dan Jumlah Komentar Di Blog

2010-11-17T08:04:00.000-08:00

Tips dan tutorial mengenai cara mengetahui jumlah posting dan jumlah komentar di blog atau cara menampilkan widget total posting dan total komentar di blog sudah banyak bertebaran di google.

Namun untuk menambah posting di blog ini sekaligus berbagi kepada sahabat yang belum mengetahui cara menampilkan widget ini.

Nah.. untuk menampilkan widget total posting dan total komentar, caranya adalah copy kode di bawah ini dan paste kedalam widget HTML/javascript di blog anda:

<script style="text/javascript">
function numberOfPosts(json) {
document.write('Total Posting : </b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('Total Komentar : '<b> + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<script src="http://url-blog-anda.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://alamat-blog-anda.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

Catatan :

Ganti kode yang berwarna merah dengan url blog anda

Selamat menampilkan widget total posting dan total komentar di blog anda..
_________________________

Buku Tamu

2010-11-16T16:41:00.000-08:00

Terimah kasih atas kunjungan anda di blog Putri Salubiru.

Jika ada kesalahan dan kekurangan pada tampilan atau posting di blog ini, silahkan beri komentar agar kami dapat memperbaikinya.

Tukar Link Otomatis

2010-11-16T09:19:00.001-08:00

Jika berkenang untuk bertukar link dengan Putri Salubiru, silahkan copas kode di bawah ini ke blog anda.

Silahkan pasang link anda:

Cara Membuat Daftar Isi Widget By Abu farhan

2010-11-15T22:20:00.000-08:00

Daftar isi atau sitemap adalah merupakan menu yang dapat memudahkan pengunjung untuk mencari artikel pada web atau blog yang di kunjunginya.

Dan tutorial yang akan saya share pada posting ini adalah cara membuat daftar isi widget by abu farhan.

Nah.. jika sahabat belum mengetahui cara membuatnya dan ingin mencoba daftar isi widget by abu-farhan, caranya adalah sebagai berikut:

Tambahkan kode di bawah ini pada widget HTML/javascript di blog anda atau buat posting terbaru
<script style="text/javascrip" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script><script src="http://url-blog-anda.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script>
Ganti kode yang berwarna merah dengan alamat blog anda

Selamat mencoba..

Daftar Isi

2010-11-15T21:59:00.001-08:00