CrystalWeb Blogger Template

Iman Saiman Selasa, 31 Januari 2012

Menampilkan Thread Comments di Blogger

Iman Saiman Senin, 30 Januari 2012

Membatasi Jumlah Postingan di Homepage

Iman Saiman Minggu, 29 Januari 2012

Membatasi Pengunjung yang Berkomentar | Tutorial Blog

Pada tutorial kali akan saya bahas tentang cara Membatasi Pengunjung yang Berkomentar di blog. maksudnya Sobat bisa membatasi pengunjung yang diperbolehkan memberikan komentar pada halaman dan postingan blog Anda.

Langsung saja Sob, berikut caranya :

Login ke blogger, klik Pengaturan > Komentar, atau Settings > Comments.
Pada bagian Siapa yang Bisa Berkomentar / Who Can Comment?, terdapat beberapa pilihan yang harus Anda pilih salah satunya.
Keterangan :
Siapapun - termasuk pengguna Anonim (Anyone - includes Anonymous Users) : memperkenankan semua pengunjung, baik dengan maupun tanpa identitas memberikan komentar pada blog Anda.
Pengguna Terdaftar – termasuk OpenID (Registered Users - includes OpenID) : memperkenankan pengunjung yang telah terdaftar saja yang bisa memberikan komentar dalam blog.
Pengguna dengan Google Account (Users with Google Accounts) : hanya pengunjung yang telah memiliki account Google saja yang bisa memberikan komentar.
Hanya anggota blog ini (Only members of this blog) : hanya memperkenankan pengunjung yang telah tercatat sebagai anggota blog saja yang bisa memberikan komentar.
Kalau sudah selesai klik Simpan Setelan / Save Settings.

Demikian tutorial mengenai Cara Membatasi Pengunjung yang Berkomentar.

Tutorial Blogspot

Membatasi Pengunjung yang Berkomentar

Iman Saiman Sabtu, 28 Januari 2012

Menampilkan Widget Hanya di HomePage | Tutorial Blog

Trik ini dapat Sobat gunakan jika Anda ingin Menampilkan Widget Hanya di HomePage, jadi widget tidak akan muncul pada halaman posting, halaman label, dan halaman yang lainnya, karena widget hanya akan muncul pada halaman utama saja. Jika Sobat ingin kebalikannya atau widget tidak akan muncul pada halaman utama (Home Page), Sobat dapat mengikuti tutorial Menyembunyikan Widget di HomePage.

Jika Sobat hanya ingin menyembunyikan widget dari postingan saja, silakan baca Menyembunyikan Widget pada Halaman Posting.

Untuk cara Menampilkan Widget Hanya di HomePage, berikut tutorialnya :

Login ke Blogger, Klik Design/Rancangan > Edit HTML.
Beri tanda centang pada Expand Template Widget.
Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
Cari ID widget yang ingin di edit, misal HTML1, HTML2, HTML3, Label1, HTML9, PopularPosts1, dan lain lain.
Untuk mengetahui ID widget tersebut silakan baca Cara Mengetahui ID Widget Blogger.
Lalu tambahkan kode berikut pada kode widget tersebut.
Kode :
<b:if cond='data:blog.url == data:blog.homepageUrl'>

KODE WIDGET

</b:if>
Untuk lebih jelasnya lihat kode berikut :
Kode :
<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>
Ket : Kode yang berwarna merah adalah kode yang di tambahkan.
Terakhir klik Save / Simpan Template.

Sekian tutorial tentang Menampilkan Widget Hanya di HomePage.

Tips Dan Trik Tutorial Blogspot Widget / Gadget

Menampilkan Widget Hanya di HomePage

Iman Saiman Jumat, 27 Januari 2012

Cara Mengetahui ID Widget Blogger | Tutorial Blog

ID widget perlu Sobat ketahui jika Anda ingin menampilkan atau menyembunyikan widget tersebut pada suatu halaman. misalnya Menyembunyikan Widget di HomePage, Menyembunyikan Widget pada Halaman Posting, dan lain lain.

Untuk mengetahui ID widget, berikut caranya :

Login ke Blogger, Klik Design/Rancangan > Page Element/Elemen Halaman.
Letakkan posisi mouse pada tulisan Edit, sebagai contoh saya gunakan widget kode script Tutorial Blog.
Pada bagian bawah browser, akan terlihat URL widget, disitu tertulis ID widget tersebut HTML5.

Gampang kan?!?, Semoga tutorial singkat ini dapat membantu Sobat untuk Mengetahui ID Widget Blogger.

Tutorial Blogspot Widget / Gadget

Cara Mengetahui ID Widget Blogger

Iman Saiman Kamis, 26 Januari 2012

Tutorial Blogspot Tutorial Wordpress

Membuat Dua Kolom Tulisan diPostingan

Iman Saiman Rabu, 25 Januari 2012

Mengganti Background di Postingan | Tutorial Blog

Buat Sobat yang ingin menampilkan sesuatu yang berbeda pada sebuah postingan, Sobat dapat mengganti background / latar berupa Image / gambar pada postingan tersebut.

Caranya gampang Sob, silakan ikuti tutorial berikut :

Masuk ke dashboard anda. Klik Posts > Add New pada wordpress.com dan Posting > New Post pada blogger.
Spoiler :
Blogspot

Wordpress.com
Lalu pilih tab Edit HTML.
Spoiler :
Blogspot

Wordpress.com
Copy kode dibawah ini dan paste-kan di area postingan
Kode :
<div style=”background-image:url(‘http://url_gambar.jpg‘); background-repeat:repeat; background-position:center center; text-align:justify; padding:5px;”>
Tulis text anda disini
</div>
Keterangan :
Ganti http://url_gambar.jpg dengan alamat gambar yang ingin Anda jadikan background.
Ganti Tulis text anda disini dengan artikel yang ingin Sobat posting.
Jika sudah selesai kembali ke mode Visual / Compose.
Spoiler :
Blogspot

Wordpress.com
Terakhir klik Publish.
Spoiler :
Blogspot

Wordpress.com

Demikian tutorial singkat tentang Mengganti Background di Postingan.

Tutorial Blogspot Tutorial Wordpress

Mengganti Background di Postingan

Iman Saiman Selasa, 24 Januari 2012

Tutorial Blogspot Widget / Gadget

Widget Web Counter

Iman Saiman Senin, 23 Januari 2012

Mengganti Homepage dengan Daftar Isi | Tutorial Blog

Tutorial kali ini saya buat atas permintaan dari Sobat Rangga saputra. Sobat Rangga ingin menampilkan daftar isi blog di homepage. Maksudnya tampilan homepage yang biasanya menampilkan artikel terbaru akan kita ganti dengan daftar isi.

Mungkin Sobat yang lain juga ada yang ingin Mengganti Homepage dengan Daftar Isi, Anda bisa mengikuti tutorial berikut ini :

Langkah pertama Login ke blogger Sobat, Pilih Design/Rancangan > Page Element/Elemen Halaman.
Klik Add a Gadget/Tambah Gadget.
Pilih HTML/Java Script.
Silahkan Copy kode berikut dan paste didalam konten HTML/Javascript nya.
Daftar Isi Menurut Artikel Terbaru
Kode :
<div style="border: 1px; padding: 5px;"><div style="text-align: center;"><h2>.:: Daftar Isi ::.</h2></div><script type="text/javascript" src="http://html-scripts.googlecode.com/files/feeds.js"></script><script type="text/javascript" src="http://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
Daftar Isi Menurut Label
Kode :
<div style="border: 1px; padding: 5px;"><div style="text-align: center;"><h2>.:: Daftar Isi ::.</h2></div><script src="http://post-xml.googlecode.com/files/feeds-labels.js"></script><script type="text/javascript" src="http://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
Daftar Isi Menurut Tanggal
Kode :
<div style="border: 1px; padding: 5px;"><div style="text-align: center;"><h2>.:: Daftar Isi ::.</h2></div><script src="http://post-xml.googlecode.com/files/feed-dates.js"></script><script type="text/javascript" src="http://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
Ganti wadahtutorial.blogspot.com dengan alamat blog Sobat.
Lalu klik Save.
Pindahkan widget tersebut ke bagian atas Blog Posts.
Selanjutnya klik Settings > Formatting.
Pada Show at most ganti dengan angka 0.
Lalu klik SAVE SETINGS.
Kemudian Klik Design/Rancangan > Edit HTML.
Beri tanda centang pada Expand Template Widget.
Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
Cari kode ]]></b:skin>, lalu letakkan kode berikut ini di bawah kode ]]></b:skin>
Kode :
<b:if cond='data:blog.pageType == "item"'>
<style>
#HTML5 {display:none;}
</style>
</b:if>
Ket : Kode yang berwarna merah adalah ID widget, ganti dengan ID widget yang baru Anda buat.
Untuk mengetahui ID widget, berikut caranya :
- Pilih Design/Rancangan > Page Element/Elemen Halaman.
- Letakkan posisi mouse pada tulisan Edit widget tadi, dan lihat dibagian bawah browser, akan terlihat URL widget tersebut.
Terakhir klik Save / Simpan Template.

Selesai dan lihat hasilnya pada Homepage blog Sobat. Semoga bermanfaat...

Sekian tutorial tentang Mengganti Homepage dengan Daftar Isi.

Tips Dan Trik Tutorial Blogspot

Mengganti Homepage dengan Daftar Isi

Iman Saiman Minggu, 22 Januari 2012

Menyembunyikan Widget pada Halaman Posting | Tutorial Blog

Trik ini dapat membantu meringankan loading blog Sobat pada saat halaman postingan di tampilkan, karena widget tidak akan muncul pada halaman posting, tetapi hanya pada halaman utama saja. Jika Sobat ingin widget tidak muncul pada halaman utama / Home Page, Sobat dapat mengikuti tutorial Menyembunyikan Widget di HomePage.

Berikut cara menyembunyikan widget pada halaman posting :

Login ke Blogger, Klik Design/Rancangan > Edit HTML.
Cari kode ]]></b:skin>, lalu letakkan kode berikut ini di bawah kode ]]></b:skin>
<b:if cond='data:blog.pageType == "item"'>
<style>
#HTML1,#HTML2,#HTML3,#Label1,#HTML9,#PopularPosts1 {display:none;}
</style>
</b:if>
Ket : Kode yang berwarna merah adalah ID widget yang mau disembunyikan pada halaman posting.
Terakhir klik Save / Simpan Template.

Untuk mengetahui ID widget, berikut caranya :

Pilih Design/Rancangan > Page Element/Elemen Halaman.
Letakkan posisi mouse pada tulisan Edit, dan lihat dibagian bawah browser, akan terlihat URL widget tersebut.

Silakan dicoba Sob, dan semoga berhasil...

Tips Dan Trik Tutorial Blogspot Widget / Gadget

Drink Press WordPress Theme

Template Details :

Platform Type	WordPress Theme
Template Name	Drink Press WordPress Theme
Descriptions	Drink Press WordPress Theme is free wordpress theme, pattern style with maroon background, slide show ready, right sidebar, 2 columns, 3 columns footer.
Template Author	http://buymythemes.com
Designer	I Putu Eka Ariyasa

Themes Wordpress

Drink Press WordPress Theme

Iman Saiman Rabu, 18 Januari 2012

Tutorial Wordpress

Menampilkan Tombol Share Di WordPress.com

Iman Saiman Selasa, 17 Januari 2012

Membuat Tombol Back To Top di WordPress.com | Tutorial Blog

Beberapa waktu yang lalu saya pernah posting tentang Membuat Tombol Back To Top di blogspot, kali ini saya akan membuat tutorial untuk memasang tombol back to top tersebut pada blog wordpress.com

Berikut tutorialnya :

Login ke Wordpess Anda, Klik Appearance > Widgets.
Drag Text ke Sidebar.
Lalu letakkan kode berikut pada area Text.
<div style="display:scroll;position:fixed;bottom:10px;right:10px;"> <a href='#' title='Kembali Keatas'><img src='URL Icon' /></a> </a></div>
Ganti URL Icon dengan URL Image, Contoh :
<div style="display:scroll;position:fixed;bottom:10px;left:10px;"> <a href='#' title='Kembali Keatas'><img src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/up-blue.png' /></a> </a></div>
Untuk URL Icon Sobat dapat menggunakan Url berikut :
http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/up-blue.png
http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/up-green.png
http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/up-red.png
Terakhir klik Save.

Untuk tombol page downnya, silakan baca Tombol To Page Down di WordPress.com

Semoga bermanfaat...

Tutorial Wordpress

Tombol Back To Top WordPress

Iman Saiman Senin, 16 Januari 2012

Halaman

Social Items

Dunia Maya

CrystalWeb Blogger Template

Menampilkan Thread Comments di Blogger

Membatasi Jumlah Postingan di Homepage

Membatasi Pengunjung yang Berkomentar | Tutorial Blog

Membatasi Pengunjung yang Berkomentar

Menampilkan Widget Hanya di HomePage | Tutorial Blog

Menampilkan Widget Hanya di HomePage

Cara Mengetahui ID Widget Blogger | Tutorial Blog

Cara Mengetahui ID Widget Blogger

Membuat Dua Kolom Tulisan diPostingan

Mengganti Background di Postingan | Tutorial Blog

Mengganti Background di Postingan

Widget Web Counter

Mengganti Homepage dengan Daftar Isi | Tutorial Blog

Mengganti Homepage dengan Daftar Isi

Menyembunyikan Widget pada Halaman Posting | Tutorial Blog

Menyembunyikan Widget pada Halaman Posting

Situs Penyedia Layanan Statistic Counter

Memasang Widget Web Counter

Drink Press WordPress Theme

Drink Press WordPress Theme

Menampilkan Tombol Share Di WordPress.com

Membuat Tombol Back To Top di WordPress.com | Tutorial Blog

Tombol Back To Top WordPress

Rocket