Dengan perubahan tampilan dan tambahan fitur ini semoga para blogger lebih suka dan menikmati fasilitas yang baru dan keunggulannya. Untuk blogger maju terus memberikan tren gaya hidup digital.
This is default featured slide 1 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.
This is default featured slide 2 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.
This is default featured slide 3 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.
This is default featured slide 4 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.
This is default featured slide 5 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.
Kamis, 26 Februari 2009
Perubahan Bentuk widget Follower
Dengan perubahan tampilan dan tambahan fitur ini semoga para blogger lebih suka dan menikmati fasilitas yang baru dan keunggulannya. Untuk blogger maju terus memberikan tren gaya hidup digital.
Rabu, 25 Februari 2009
PDF E-book Search Engine
Untuk para penggemar "Electronic Book" atau yang sering disingkat E-book berbentuk PDF (Portable document format) yang bisa dibaca dengan PDF reader misalnya Adobe Reader atau software sejenis, untuk mencari E-book sudah tersedia search engine yang melayani kita untuk mencari E-book dengan format PDF.pdf-search-engine memberikan fasilitas PDF search engine dari berbagai situs yang menyediakan PDF dengan gratis.
Jadi tak usah pusing jika kita mau mencari e-book secara online tinggal cari di pdf-search-engine dengan cara masukkan kata kunci buku yang dicari kemudian klik tombol "search books" nah maka akan muncul e-book berformat PDF sesuai dengan kata kunci Anda.
Jika mau mencoba mencari PDF silahkan kunjungi disini.
Selasa, 24 Februari 2009
Widget Penerjemah Dari Google
dibawah ini adalah bentuk widget tool dari google translate :
Udah dicoba belum? kalau sudah jika mau pasang widget ini silahkan baca dibawah ini.
Copy paste code dibawah ini kedalam blog Anda dengan cara :
1. Masuk menu Layout kemudian masuk menu Page Elements
2. Pilih box layout yang diinginkan kemudian klik Add a gadgets
3. Pilih Gadget HTML/JavaScript dan taruh code dibawah ini :
Code yang berwarna merah diatas adalah ukuran dari widget yang bisa kamu ubah-ubah. Kalau sudah kemudian SAVE.
Nah sedikit info dari saya dan jika Anda mau menggunakan layanan dari google translate yang lain kunjungi : http://translate.google.com
Minggu, 22 Februari 2009
Membuat Menu Tab View
Coba perhatikan dibawah ini :

Gimana sudah paham belum? mau cara buatnya?
Oke kita pakai teori dari Mas Kendhin saja karena mudah dipahami.
Pertama yang harus kamu lakukan adalah Log In dan masuk menu Layout kemudian masuk bagian Edit HTML
Selanjutnya taruh code CSS dibawah ini diatas code ]]></b:skin>
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
Perhatikan text yang berwarna merah itu keterangan dari menu tab view yang bisa kamu edit sesuai keinginan kamu, untuk code warna bisa dilihat disini.
kalau sudah pasang script dibawah ini diatas code </head>
<script src='http://sites.google.com/site/anasku2000/tabview.js' type='text/javascript'/>
kalu sudah silahkan "Save Template" Anda.
kemudian masuk bagian "Layout -> Page Elements, lalu cari tempat gadgetnya kemudian klik Add new gadget kemudian pilih HTML/JavaScript dan taruh Code dibawah ini :
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">
<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
Keterangan :
- Code yang berwarna biru diatas adalah lebar dan tinggi tabview yang bisa kamu sesuaikan.
- Code yang berwarna hijau adalah text judul dari menu tabel (tab 1, tab 2, tab 3 ....)
- Code yang berwarna merah diatas adalah halaman dari tabel yang bisa kamu pasangi code-code gagdet, gambar atau link.
- Dan jika ingin menambah halaman tabel perhatikan code yang berkedip, dan tambah seperti itu dibawahnya.
Senin, 09 Februari 2009
Become the Star Gazer

So, you are sitting at home and really bored and do not know what to do? You feel like going out and sitting in your garden and staring at the stars, but its too cold outside and cant do that too?? Here is a way you can do that just by sitting at home. No, I am not asking you to break open your roof, all you need is the Star Laser. The Star Laser is an electronic device that projects green laser stars along with blue cloud formations to give you the feeling that you're floating in space.
The Star Laser Projector can be adjusted to fill up your ceiling, walls, floor, or even the side of your house with a soothing star field created by green lasers and holographic optics. Here are a few things that the Star Laser contains:
- 2 built-in glass lenses
- Thousands of green lasers
- Multiphase diffractive holographic optics
Jumat, 06 Februari 2009
CSS Background
Masih membahas tentang CSS (Cascading Style Sheets) background yang memungkinkan Anda dapat mengatur posisi background, warna elemen background, pengulangan background dan yang lainya. Saya akan membahas CSS yang digunakan dalam pengaturan background secara singkat dan jelas, semoga bisa sedikit membantu Anda dalam mengontrol background dari elemen.Ada beberapa macam property background yang memungkinkan Anda dapat mengontrol background dari elemen.
1. background-color
Memungkinkan Anda memberikan warna pada background
| Property | Keterangan |
| transparent | Mengosongkan warna background atau membuat elemen menjadi transparan dengan elemen dibawahnya. |
| #FF3366 | Memberi warna pada background, code #FF3366 adalah code warna hex dari warna merah, Anda bisa mengubah dengan code warna rgb atau nama warna misalnya: red (merah), black (hitam), dan sebagainya. |
Contoh :
#kotak
{
background-color:#FF3366;
}
Menjadi
ELEMEN KOTAK
2. background-image
Memungkinkan Anda menambahkan gambar pada background
| Property | Keterangan |
| url(URL_GAMBAR) | memberi gambar pada background elemen, code URL_GAMBAR bisa Anda ganti dengan url server gambar Anda. |
| none | Mengosongkan background gambar pada elemen. |
Contoh:
#elemen-gambar
{
background-image:url(http://i725.photobucket.com/albums/ww258/anasceria/plays.jpg)
}
Menjadi :
ELEMEN GAMBAR
3. background-attachment
Memungkinkan Anda mengatur background gambar dengan pergeseran scroll bar
| Property | Keterangan |
| scroll | Memungkinkan elemen background mengikuti penggeseran scroll bar. |
| fixed | Memungkinkan elemen background tidak mengikuti pergeseran dari scroll bar. |
Contoh
#elemen-attachment
{
background-image:url(http://i725.photobucket.com/albums/ww258/anasceria/plays.jpg);
background-attachment:fixed
}
Menjadi
BACKGROUND FIXED
GESER SCROLL
BACKGROUND FIXES
GESER SCROLL
4. background-repeat
Memungkinkan Anda mengatur pengulangan background gambar
| Property | Keterangan |
| repeat | Membuat elemen gambar background menjadi berulang-ulang |
| no-repeat | tidak ada pengulangan |
| repeat-y | pengulangan vertikal |
| repeat-x | pengulangan horizontal |
Contoh :
#elemen-ulang
{
background-image:url(http://i725.photobucket.com/albums/ww258/anasceria/plays.jpg);
background-repeat:repeat-y;
}
Menjadi :
PENGULANGAN BACKGROUND SECARA VERTIKAL
PENGULANGAN BACKGROUND SECARA VERTIKAL
PENGULANGAN BACKGROUND SECARA VERTIKAL
5. background-position
Memungkinkan Anda mengatur posisi background gambar Anda.
| Property | Keterangan |
| top left | Penempatan posisi background gambar, top left adalah posisi background berada kiri atas, Anda bisa mengganti posisi menjadi : top center top right center left center center center right bottom left bottom center bottom right |
| x% y% | mengatur posisi background secara sumbu horizontal dan vertikal, misalnya 5% 30% adalah penempatan gambar horisontal 5% dan vertikal 30%. Atau bisa menggunakan pixel, 20px 30px artinya posisi horizontal berada pada 2o pixel dan vertikal 30 pixel. |
Contoh:
#elemen-posisi
{
background-image:url(http://i725.photobucket.com/albums/ww258/anasceria/plays.jpg);
background-position:top left;
background-repeat:no-repeat;
height:200px
}
Menjadi :
ELEMEN BACKGROUND
PENGULANGAN
ATAS KIRI
Dari semua perincian diatas Anda dapat menggunakan satu perincian property background saja. misalnya :
#kotak
{
background:#FFFFFF url(http://i725.photobucket.com/albums/ww258/anasceria/plays.jpg) no-repeat top left fixed
}
Nah sedikit tutorial dari Saya semoga dapat membantu Anda. Sekian semoga bermanfaat.
Selasa, 23 Desember 2008
Mengganti Background Blog Dengan CSS
Kali ini Saya akan menulis tutorial singkat blogspot tentang mengganti background dengan CSS, Mau tau caranya?
perhatikan dibawah ini.
Langkah pertama adalah masuk menu Layout (tata letak) kemudian masuk menu Edit HTML
Lalu cari CSS dari body seperti dibawah ini
body {
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Kalau mau mencari CSS diatas perhatikan code yang berwarna hijau saja.
perhatikan Code CSS background diatas
$bgcolor adalah variabel definisi, jika Anda ingin menggantinya bisa dengan code warna misalnya ganti dengan warna putih code warnanya adalah : #FFFFFF atau warna hitam #000000. Atau warna yang lain bisa dilihat disini.
Mengganti background blog dengan gambar :
untuk membuat background gambar kita perlu sebuah gambar yang sudah diupload di hosting. Atau Anda bisa mencari di google image search dan copy URL gambarnya.
Kalu sudah tersedia gambar yang mau dijadikan background perhatikan dibawah ini.
background:#FFFFFF url(URL_GAMBAR) ;
URL_GAMBAR ini bisa Anda ganti dengan URL gambar yang Anda pilih misalnya gambar :
URLnya : http://i725.photobucket.com/albums/ww258/anasceria/plays.jpg
Mengantur Background Gambar
background:#FFFFFF url(URL_GAMBAR) no-repeat top left;
no-repeat : berarti gambar didak akan mengulang, Bisa Anda ganti dengan
repeat : Mengulang-ulang gambar
repeat-x : mengulang secara horizontal
repeat-y : Mengulang secara vertikal
top left : Adalah posisi background bisa anda ganti misalnya bottom right
sedikit tambahan jika Anda mau mencari koleksi background
http://www.patterncooler.com/
http://www.bgpatterns.com/
http://patterns.ava7.com/
Nah sekian tutorial mengganti background blog, sedikit semoga membantu Anda.
Sabtu, 20 Desember 2008
Cara Pasang Iklan Di Blog (KumpulBlogger)
Anda sudah merasa lama didunia perbloggeran?, Anda merasa tidak mendapatkan apa-apa dari blog selain kepuasan hati?. Jangan salah blogger juga bisa dijadikan sumber penghasilan lho, Antara lain dengan cara memasang iklan di blog Anda dengan jasa periklanan Indonesia kumpulblogger.com, Anda tidak perlu bersusah-susah mencari iklan sendiri tinggal daftar terus pasang scriptnya di blog Anda karena kumpulblogger.com sudah mencarikan iklan untuk Anda jadi Anda tinggal terima beresnya saja.Apalagi kalau blog Anda pengunjungnya sudah banyak pasti uang akan mengalir dengan sendirinya. Kumpulblogger.com menghitung setiap text link atau banner yang disediakan dengan cara PPC (pay per clik) atau setiap ada pengunjung yang mengklik zona iklan Anda.
Gimana enak gak? mau? ikuti caranya dibawah ini
Langkah pertama yang harus Anda lakukan adalah mendaftar kumpulblogger.com disini dengan cara mengklik link "register now" pada pojok kanan atas di situs kumpulblogger.com
Lalu masukkan alamat email Anda lalu klik tombol "Register" otomatis password untuk Log In sudah ada di email Anda. Anda bisa mengubah passwordnya setelah Anda Log In
Lalu setelah Anda Log In sebelum pasang scriptnya klik link "Tambah Blog" Pada menu Blogger
Isi form sesuai perintahnya lalu klik tombol "Submit"
Kalau sudah klik link "Script Text Advertising untuk Blog anda" dan pilih style iklan yang Anda sukai lalu copy scriptnya dan tempatkan di blog Anda dengan cara masuk menu Layout (tata letak) pada dashboard blogger lalu pada menu Page element (elemen halaman) pilih tempat yang Anda sukai dan klik "add a gadget" lalu pilih "HTML/JavaScript" dan Paste Script tadi yang Anda copy di kumpulblogger.com
Nah selesai
Selamat datang didunia Blogger dan selamat datang didunia periklanan.
Ehhh sampai lupa mengucapkan terima kasih pada yang sudah daftar kumpulblogger.com melalui Refferal saya. makasih ya
Jumat, 19 Desember 2008
Menampilkan Next Page Hanya Judul Postingnya
Oke langsung aja ke topik pembicaraan yaitu menampilkan next page dengan judul postinganya saja di main blog. Gimana maksudnya next page sih?
Maksud Saya "next page" itu adalah halaman dari blog selain halaman depan itu loh! apabila Anda mengklik link "Older post" atau "Posting lama" di main page hanya muncul judul postingnya saja.
Seperti Anda jika mengklik link "older post" di blog kang rohman

Hanya akan tampak judul postingnya saja seperti dibawah ini

Iya tha..
Mau tau caranya?
Nah caranya cukup mudah kok gini lo
Masuk menu Layout kemudian masuk menu Edit HTML dan centang tanda "Expand widget templates"
Lalu Masukkan CSS dibawah ini diatas code ]]></b:skin>
padding:6px 0 6px 5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-bottom:2px;
background:#EAE9E9;
color:#B8002E;
}
Kalau Sudah cari code dibawah ini
Ganti Code diatas dengan code dibawah ini.
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div id='titleonly'>
<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>
Kalau Sudah tinggal SAVE dehh!!
Gimana gampang kan?
Tampilanya bisa kamu ubah sesuai dengan selera kamu tinggal mengedit CSSnya.
Nah jika ingin menampilkan semua judul post pasang URL link dibawah ini
Ganti tulisan yang tercetak merah diatas dengan alamat blog Anda
Gimana gampang kan?
Silahkan dicoba semoga berhasil jika Ada pertanyaan lontarkan saja di koementar
Rabu, 10 Desember 2008
Menonjolkan Teks Tertentu Pada Postingan
Contoh seperti dibawah ini
POSTINGAN YANG DITONJOLKAN DISINI
HANYA CONTOH
Dan seperti ini
Kesepian hati…
Adakah benar adalah lorong waktu kebahagiaan ?
Kesunyian hati…
Adakah sungguh adalah suara merdu saat usia senja ?
Aku takut, aku salah kira
Meski kusadari kini ku di tengah itu semua
Aku hanya dapat bertanya
Tanpa sedikitpun kepastian akan jawabnya
(http://www.anggrekbiru.com/)
Terlihat perbedaan dengan contoh pertama dan kedua : contoh pertama dengan background warna dan contoh kedua dengan background gambar.
Untuk membuatnya silahkan perhatikan cara berikut
cara pertama yaitu cukup mudah kita tinggal masuk ke posting editor dan tulis code seperti dibawah ini di posting editor bagian "Edit Html"
untuk background warna kita gunakan code seperti dibawah ini
<div style="background:#FFFFCC; border:1px dotted #F5003D; padding:5px;">
DISINI POSTINGAN YANG MAU DITONJOLKAN
</div>
background:#FFFFCC;
adalah warna background, codenya bisa Anda ganti menurut warna yang Anda sukai. (lihat code warna disini)
border:1px dotted #F5003D;
adalah garis tepinya 1px adalah ketebalan dari garis tepinya, bisa kamu ganti ketebalanya sesuai selera Anda, dotted adalah jenis bordernya bisa kamu ganti sesuai selera kamu (baca disini jenis border). #F5003D adalah kode warna dari border silahkan Anda ganti dengan selera Anda.
padding:5px;
Untuk memberi batas garis tepi dengan tulisan, memungkinkan agar ada jaraknya dari garis tepi. (baca disini untuk lebih jelasnya)
tambahkan overflow:auto; jika ingin menambahkan fungsi scroll
untuk background gambar seperti dibawah ini
DISINI TEXT
DISINI TEXT
</div>
Text yang tercetak merah diatas adalah url gambarnya. width:508px; adalah lebar area dan height:362px; adalah tinggi area.
Gimana gampang kan?
ini adalah sebagian cara untuk menonjolkan text tertentu, trik-trik berikutnya akan menyusul.
Sekian semoga sedikit membantu Anda dan bermanfaat bagi Anda.
Selasa, 25 November 2008
Hati-hati dalam Mengemudikan Kendaraan
Bagian-bagian Pada Template Minima
Lihat gambar dibawah ini yang merupakan capture dari layout minima untuk memperjelasnya

Nah terlihat pada gambar diatas adalah capture dari template dasar blogger yang belum termodifikasi, terlihat pada gambar diatas terdapat bagian bagianya yaitu header, main wrapper sidebar dan footer.
Untuk lebih jelasnya mengenai bagian-bagian layout template baca dibawah ini.

Nah dari gambar diatas keteranganya dibawah ini :
Susunan bagian template blogger seperti dibawah ini
BODY→ OUTER WRAPPER → (HEADER + MAIN WRAPPER + SIDEBAR + FOOTER)
BODY : Adalah bagian paling dasar dari bagian-bagian lainya, body pada blog biasanya memenuhi halaman dari browser Anda baru setelah itu tersusun bagian-bagian lainya.
OUTER WRAPPER : Bagian ini adalah tempat dimana bagian-bagian dasar seperti header,main wrapper, sidebar dan footer tersusun diatas bagian ini
HEADER : Header ini tempatnya pada bagian atas template karena berfungsi sebagai informasi suatu blog yang akan dibaca oleh pengunjung blog diantaranya judul blog dan deskripsi blog.
MAIN WRAPPER : Sering disebut juga Posting area karena pada main wrapper adalah area postingan pada suatu Blog.
SIDEBAR : Sidebar ini berfungsi sebagai tempat penyimpanan gadget/widget misalnya gadget yang telah disediakan oleh pihak blogger maupun luar blogger yang tempatnya disamping posting area/main wrapper.
FOOTER : Footer ini sama halnya seperti sidebar yaitu tempat penyimpanan gadget/widget pada blog kita namun footer tempatnya dibagian layout paling bawah yaitu dibawah main wrapper dan sidebar.
Nah sedikit pengetahuan Saya mengenai Layout semoga bermanfaat bagi Anda pembaca blog ini dan untuk blogger pemula yang belum tau bagian-bagian layout.
Sekian semoga artikel ini sedikit membantu Anda.
Sabtu, 22 November 2008
Lucu: Mr Pregnant Si Peniru Suara
Selasa, 11 November 2008
Roy Suryo: Foto Jenazah Imam Samudra Asli
Padahal sebelumnya pihak Kepolisian lewat Kadiv Humas Abubakar Nataprawira sempat meragukan keaslian
Namun polemik keaslian
Bahkan Roy pun dapat mendeteksi waktu pemotretan jenazah tersebut, yaitu hari Minggu (9/11) pukul 09.04 WIB di kediaman orangtua Imam samudra di Lopang Gede, Serang.
"Yang mengambil gambar jenazah itu bisa siapa saja, yang jelas ia adalah orang yang dekat dengan jenazah saat itu. Gambar itu diambil dengan menggunakan kamera digital bukan pocket atau SLR. Ya.. semi otomatis lah," terang Roy Suryo, kemarin.
Seperti telah diberitakan sebelumnya, pasca eksekusi Trio Bomber Bali, beredar
Kontan beredarnya
Senin, 10 November 2008
Ada-ada Saja, Plesetan Pidato Presiden SBY
Berikut adalah











