IKPPM ALAS BARAT PERIODE 2009-2011
Mengenai Saya
Waktu Indonesia Tengah
Category
- Kasanah Budaya Samawa (4)
- Lawas (1)
- PENDIDIKAN (1)
- Potensi Wisata (2)
- Puisi (1)
- Tutorial Blog (9)
Blog Archive
About
Minggu, 30 September 2012
POTENSI WISATA DI GERBANG BULAENG
Diposting oleh
Unknown
di
21.11
0
komentar
Label: Potensi Wisata
Jumat, 28 September 2012
Navigasi Nomor Halaman di Blog (2)
Lelah dengan lomba-lomba yang aku ikuti akhir-akhir ini, kali ini pun
aku akan membuat artikel tentang 'Membuat Navigasi Nomor Halaman Keren' ,
sedikit berbagi hal-hal kecil yang berguna untuk ke-keren-an blog.
Sudah tau apa itu navigasi nomor halaman ? Biasanya widget tersebut
dapat di temukan di bawah artikel, contoh yang sering kita lihat ada di
mbah google, yang ada nomor 1-10 ? Nah itu lah yang di sebut navigasi
nomor halaman.
Setiap blog kebanyakan sudah banyak yang menggunakan widget
seperti itu, tapi apa tidak bosan lihat yang itu itu aja ? Dalam
kesempatan ini aku akan berbagi navigasi nomor halaman yang keren-keren
daripada yang lain, dan gak hanya satu.. ada lima macam navigasi nomor
halaman untuk di gunakan di blog kalian agar lebih menarik untuk di
lihat dan bermanfaat juga pastinya.
Tertarik ? Salin dan Letakkan salah satu kode berikut ini, di atas kode </b:skin> ^_^

display: inline-block;
padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px #c0c0c0;
background: #e9e9e9;
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171;
text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.pagenavi span:hover,.pagenavi a:hover {
background: #fefefe;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}
.pagenavi a.current {
border: none;
background: #616161;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
color: #f0f0f0;
text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

display: inline-block;
padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px #32373b;
background: #3e4347;
box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #feffff;
text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}
.pagenavi span:hover,.pagenavi a:hover {
background: #3d4f5d;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}
.pagenavi a.current {
border: none;
background: #616161;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
color: #f0f0f0;
text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

width:300px;
margin: 50px auto;
}
.pagenavi span, .pagenavi a {
background: #f7f7f7;
background: -webkit-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
background: -moz-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
background: linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
padding: 5px 10px;
text-decoration: none;
color: #7e7e7e;
border: 1px solid #c6c6c6;
-webkit-box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
-moz-box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
font-weight: bold;
border-radius:3px;
}
.pagenavi span:hover,.pagenavi a:hover, .pagenavi a.current {
background: #9ad6fb;
background: -webkit-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
background: -moz-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
background: -o-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
background: -ms-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
background: linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
border: 1px solid #72ade4;
color: #4879a6;
-webkit-box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
-moz-box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}
.pagenavi { border:none; }

width:300px;
margin: 50px auto;
}
.pagenavi span, .pagenavi a {
display: block;
text-decoration: none;
color: #717171;
font: bold 11px Arial, sans-serif;
text-shadow: 0px 1px white;
padding: 5px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
background: #f9f9f9;
background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 );
}
.pagenavi span:hover,.pagenavi a:hover {
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
background: #fff;
background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: linear-gradient(top, #fff 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e8e8e8',GradientType=0 );
border:none;
color:#575757;
}
.pagenavi a.current {
color: white;
text-shadow: 0px 1px #3f789f;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
background: #7cb9e5;
background: -webkit-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -moz-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -o-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -ms-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cb9e5', endColorstr='#57a1d8',GradientType=0 );
}
.pagenavi a.current:hover {
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
background: #99cefc;
background: -webkit-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -moz-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -o-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -ms-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: linear-gradient(top, #99cefc 0%, #57a1d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cefc', endColorstr='#57a1d8',GradientType=0 );
}
.pagenavi a.current:active {
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
-moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
}
display: block;
text-decoration: none;
color: #717171;
font: bold 11px Arial, sans-serif;
text-shadow: 0px 1px white;
padding: 5px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
background: #f9f9f9;
background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 );
}
.pagenavi span:hover,.pagenavi a:hover {
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
background: #fff;
background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: linear-gradient(top, #fff 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e8e8e8',GradientType=0 );
}
.pagenavi span:active,.pagenavi a:active, .pagenavi a.current:hover {
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
-moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
}
.pagenavi a.current {
color: white;
text-shadow: 0px 1px #3f789f;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
background: #7cb9e5;
background: -webkit-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -moz-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -o-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -ms-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cb9e5', endColorstr='#57a1d8',GradientType=0 );
}
.pagenavi a.current:hover {
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
background: #99cefc;
background: -webkit-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -moz-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -o-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -ms-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: linear-gradient(top, #99cefc 0%, #57a1d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cefc', endColorstr='#57a1d8',GradientType=0 );
}
Ingat ! Cuma pasang satu dari ke lima macam kode navigasi nomor halaman di atas yaa.. Sudah tau kan letak </b:skin> dimana ? Letaknya di Blogger ke Template ke Edit HTML dan cari kode yang tadi dengan menggunakan 'ctrl + f' , di tunggu komentar dan sarannya juga ! Semoga bermanfaat yaaa~ ^^
Referensi : http://bloggerbin.com/5-cool-numbered-page-navigation-widgets/
Diposting oleh
Unknown
di
20.18
0
komentar
Label: Tutorial Blog
Membuat Kategori di Blog
Kategori atau yang biasa disebut oleh seorang blogger pengguna blogspot label, merupakan hal yang terpenting dalam sebuah blog untuk lebih mudah di jelajahi oleh para pengunjung. Fungsi dari sebuah widget kategori ini tidak akan pernah lepas dari sebuah tampilan website/blog, maka dari itu alangkah baiknya widget kategori ini terdapat di blog mu. Bagaimana caranya mamen? oooohhhh itu mudah sekali sobat, tinggal ikuti saja cara di bawah ini :
- Login ke blogger
- masuk ke Rancangan >> Elemen halaman
- setelah itu tambahkan sebuah gadget dimana saja
- lalu akan muncul pop-up window, kamu pilih yang LabelsKeterangan :
- Title atau judul : isi dengan judul widget itu, misalnya "Kategori di blog oketrik"
- Show menandakan kategori apasaja yang akan muncul, semua atau tertentu
- Sorting : mengurutkan kategori berdasarkan Alpabet atau kategori yang paling banyak
- Display : bentuk susunan dari widget kategori tersebut, apakah berbentuk daftar (List) atau paragraf (cloud) terserah kamu mau pilih yang mana, recomended List
- Setelah mengikuti langkah diatas, simpan deh
sumber :
http://oketrik.blogspot.com/2008/05/cara-membuat-widget-kategorilabel-di.html
Diposting oleh
Unknown
di
20.09
0
komentar
Label: Tutorial Blog
Favicon Langsung di Dashboard Blogger
posting tentang blogging lag nich,, yang saya share ini adalah tentang favicon, dulu saya juga pernah mengeshare tentang cara mengganti favicon,
kali ini yang saya share masih berhubungan dengan favicon lagi. yang
kemarin kan dengan cara manual, tapi kali ini dengan cara yang sangat
instan. tidak perlu ribet kaya kemarin. cara ini masih saya anggap baru,
karena saya baru mengetahuinya tadi pagi, mungkin ada sobat blogger
yang udah tau dari kemarin-kemarin.caranya tinggal menggunkan tool dari
blogger.
itulah tool baru yang di berikan oleh blogger, anda tinggal klik edit dan muncul gambar di bawah ini.
muncullah gambar seperti di atas, caranya seperti uploud foto biasa sobat blogger,, seperti layaknya fb dan twitter. nah itulah yang saya ketahui,,, semoga bermanfaat bagi sobat blogger semua.
untuk membuat/mengganti gambar dalam bentuk favicon .. silahkan beliau meluncur ke http://favicon.cc
sumber :
http://www.threex-hans.com/2011/07/cara-ganti-favicon-langsung-dari.html
Diposting oleh
Unknown
di
20.07
0
komentar
Label: Tutorial Blog
Tombol Chatting Room di Blog
Mau pasang fasilitas chatting diblogmu ??? Gampang kok dan sangat mudah.
Fasilitas chatting ini agar kamu bisa berinteraksi lebih dinamis
dengan para pengunjung blogmu. Jika ada pengunjung blogmu untuk
memasuki chat diblogmu tidak perlu untuk Sign Up, hanya memasukkan nama
yang diinginkan dan bisa memulai chatting. Chat yang kita akan pasang
dari Chatroll, chat ini sangatlah ringan. Kamu bisa memasang chat ini
sebagai widget.
Berikut langkah-langkahnya:
1. Buka www.chatroll.com
2. Klik Sign Up
3. Isi data-data yang diperlukan: Username, Password, Email dan Verification Code
4. Nah, sekarang kamu sudah buat ID. Untuk membuat chatnya, klik create a chatroll
5. Isi kolom Name untuk memberikan nama chatmu.
6. Lalu klik Blogger
7. Nah, kamu pilih satu satu script yang diberikan. Add Chatroll to your Blogger Sidebar untuk dipasang diwidget disamping dan Add Chatroll to a Blogger Post untuk dipasang di postinganmu maupun di laman.
8. Untuk mengganti ukuran, angka width (lebar) dan height (tinggi) dapat dirubah sesuai ukuran untuk blogmu.
9. Siap untuk dicopy-paste
Saatnya Memasang Di Sidebar:
1. Login ke www.blogger.com
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Pilih HTML/JavaScript
5. Lalu pastekan kode script yang diberikan tadi
6. Jika sudah disesuaikan ukurannya, klik Simpan
Saatnya memasang di Postingan:
1. Login ke www.blogger.com
2. Klik Entri Baru
3. Lalu pastekan kode script yang diberikan tadi.
4. Jika sudah disesuaikan ukurannya, klik Terbitkan Entri
sumber :
http://naxzapram.blogspot.com/2011/06/cara-memasang-chatroll.html
Diposting oleh
Unknown
di
20.01
0
komentar
Label: Tutorial Blog




