Rabu, 20 Maret 2013

Ayah dan ibu adalah dua orang yang sangat berjasa kepada kita. Lewat keduanyalah kita terlahir di dunia ini. Keduanya menjadi sebab seorang anak bisa mencapai Surga. Doa mereka ampuh. Kutukannya juga manjur. Namun betapa banyak sekarang ini kita jumpai anak-anak yang durhaka kepada kedua orang tuanya. Panti jompo menjamur di mana-mana, ini menunjukkan tidak mengertinya sang anak akan 'harga' kedua orang tua. Mereka titipkan kedua orang tuanya di sana dalam keadaan sengsara dan kesepian melewati masa-masa tuanya, sementara mereka bersenang-senang di rumah mewah. Kejadian seperti ini juga akibat kesalahan orang tua yang tidak memberikan pendidikan agama kepada anaknya.
Ayah dan ibu adalah dua orang yang sangat berjasa kepada kita. Lewat keduanyalah kita terlahir di dunia ini. Keduanya menjadi sebab seorang anak bisa mencapai Surga. Doa mereka ampuh. Kutukannya juga manjur. Namun betapa banyak sekarang ini kita jumpai anak-anak yang durhaka kepada kedua orang tuanya. Panti jompo menjamur di mana-mana, ini menunjukkan tidak mengertinya sang anak akan 'harga' kedua orang tua. Mereka titipkan kedua orang tuanya di sana dalam keadaan sengsara dan kesepian melewati masa-masa tuanya, sementara mereka bersenang-senang di rumah mewah. Kejadian seperti ini juga akibat kesalahan orang tua yang tidak memberikan pendidikan agama kepada anaknya.
Rasulullah Saw ditanya tentang peranan kedua orang tua. Rasulullah Saw
ditanya tentang peranan kedua orang tua. Beliau lalu menjawab, "Mereka adalah (yang menyebabkan) surgamu atau nerakamu." HR. Ibnu Majah

Apabila seorang meninggalkan do'a bagi kedua orang tuanya maka akan terputus rezekinya. HR. Ad-Dailami

"Ridho Allah tergantung kepada keridhoan orang tua dan murka Allah tergantung kepada kemurkaan orang tua" HR. Bukhari Ibnu Mas’ud berkata: “Aku pernah bertanya kepada Rosululloh, ‘Amalan apakah yang paling dicintai Alloh?’ Beliau menjawab, ‘mendirikan sholat pada waktunya,’ Aku bertanya kembali, ‘Kemudian apa?’ Jawab Beliau, ‘berbakti kepada orang tua,’ lanjut Beliau. Aku bertanya lagi, ‘Kemudian?’ Beliau menjawab, ‘Jihad di jalan Alloh.’” HR. Bukhari

"Sungguh merugi, sungguh merugi dan sungguh merugi orang yang masih memiliki kedua orang tua yang sudah renta atau salah seorang dari keduanya kemudian hal itu tidak dapat memasukkan ia ke dalam jannah." HR. Muslim.

"Orang tua adalah bagian tengah pintu Jannah. Jika engkau mau silahkan menyia-nyiakannya, jika tidak maka jagalah pintu itu." HR. At-Tirmidzi dan berkata: "Hadits shahih". Disahihkan oleh Al-Albany.

Dalam salah satu riwayat, bahwa Ibnu Abbas pernah didatangi oleh seseorang dan ditanya: 'Saya pernah meminang seorang wanita, lalu ia menolak menikah denganku. Kemudian ada orang lain yang meminangnya lalu ia mau menikah dengannya. Kemudian aku menerkamnya dan membunuhnya. Apakah ada taubat bagi saya?' Ibnu Abbas bertanya: 'Apakah ibumu masih hidup?'. Ia menjawab: Tidak!' Ibnu Abbas berkata: 'Bertaubatlah kepada Allah swt dan mendekatkan dirilah kepada Allah semampumu.' Lalu saya berlalu.

Kemudian Ibnu Abbas bertanya kepadaku: Kenapa aku tadi bertanya kepadanya: 'Apakah ibunya masih hidup?' Ia menerangkan: 'Saya tidak tahu satu amalanpun yang lebih mendekatkan diri kepada Allah swt selain berbakti kepada kedua orang tua.' HR. Bukhari

Filosofi Burung Garuda

Posted by Sebisa Qw On 09.35 | No comments
 
blog--sphere.blogspot.com - Filosofi Burung Garuda

Filosofi Burung Garuda Burung Garuda berdekatan dengan burung elang dan rajawali. Burung ini terdapat dalam lukisan di candi-candi yang dilukiskan sebagai manusia berparuh dan bersayap, lalu di candi Prambanan dan Panataran berbentuk menyerupai raksasa, berparuh, bercakar dan berambut panjang.



Beberapa kerajaan di pulau jawa menggunakan Garuda sebagai materai/stempel kerajaan, seperti yang di simpan di Musium Nasional adalah stempel milik kerajaan Erlangga (1006-1042) sebagai moyang dari kerajaan Kediri dan Jenggala. Raja Eralangga juga dikenal dengan nama Garudhamukha. Ketika wafat Eralangga dinobatkan sebagai wisnu yang ada di arca candi Dieng, yang digambarkan wisnu menunggang burung Garuda.


Garuda adalah seekor burung yang hidup dalam dunia khayalan, terutama dalam perwayangan. Garuda dianggap mulia karena memiliki kekutan dan kecantikan parasnya. Burung Garuda juga dapat melambangkan kebebasan karena dapat terbang kemana saja. Bukan dicengkram tetapi mencengkram simbol Bhineka Tunggal Ika. Perjelasan yang terkait ada didalam kitab Mahabarata yang ditulis semasa pemerintahan Dharmawangsa (991-1007) yang memerinthkan kerajaan Hindu-Mataram. Dalam Mahabarata dikisahkan burung Garuda membebaskan dari perbudakan dan penjajahan.



Leher burung Garuda yang menoleh kekanan, melambangkan bahwa jiwa-jiwa Bangsa Indonesia haruslah bergerak kearah kebaikan. Sesuai dengan budaya Nusantara yang juga menganggap "Kanan" itu adalah kebaikan. Sedang sebelah kiri melambangkan hal-hal yang negatif.

Selasa, 19 Maret 2013

Cara membuat Menu Bar pada blog

Posted by Sebisa Qw On 23.11 | No comments
Kali ini saya akan menjelaskan bagaimana cara membuat menu bar pada blog. Pada postingan sebelumnya saya juga telah menjelaskan bagaimana cara membuat menubar pada template klasik.  Namun, bedanya kali ini membuat menubar pada custom template. Untuk melihat bagaimana screenshot menubarnya lihat di bawah ini:
Karena banyaknya sobat blogger yang berkomentar karena kebingungan membuat menubar, saya update lagi postingan ini agar lebih relevan dan mudah:

1. Login pada blogger
2. masuk ke halaman Template
3. Edit HTML lalu Lanjutkan
4. Klik centang pada Expand Template Widget
5. Cari kode ]]></b:skin> (gunakan ctrl+f)
6. Pasang kode di bawah ini di atas kode ]]></b:skin>
#menubar{
width:900px;
height:32px;
background:#de360f;
margin: 0 auto;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
border-right:1px solid #F0512D;
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
color:#ffa500;
text-decoration:underline;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #de360f;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #F0512D;
color: #ffa500;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##F0512D;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}
7. Selanjutnya cari kode <div id="content-wrapper">
8. Pasang kode di bawah ini di Atas kode yang bercetak tebal pada no 7
<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
</ul>
</div>
9. Simpan Template dan lihat hasilnya

Untuk membuat sub menu (menu dropdown) agar mudah ganti saja kode pada no 8 dengan kode di bawah ini
<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a>
<ul>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
</ul></li>
</ul>
</div>
Keterangan:
  • Ganti tulisan yang berwarna Merah dengan url link menubar yang diinginkan, misal: link postingan, link kategori, link halaman statis atau lainnya
  • Ganti tulisan berwarna Biru (Edit me) dengan tulisan judul menubar tersebut, seperti: About, Contact, Guest book atau lainnya
  • Untuk mengubah panjang menubar bisa sobat ganti tulisan 900px menjadi sesuai dengan keinginan sobat
  • Nah, jika sobat ingin menambah item menubar (list), sobat hanya tinggal Copy kode yang bergaris bawah, dan Paste di bawah kode yang bergaris bawah tersebut.

Cara merubah menu bawaan template blogger

Posted by Sebisa Qw On 23.02 | 5 comments
Sedikit share tentang Cara edit menu navigasi bawaan template. Pada awal nya saya bingung pisan bagaimana cara mengedit menu navgasi yang sudah ada ketika mengganti template, Kemudian browsing dan nemu dech, Saya akan bagikan informasi ini kepada sobat semoga ber manfaat…


Ikuti langkah dibawah ini Untuk membuat :
  • login ke dasbord blog anda
  • cari rancangan- edit html
  • jangan lupa centak kotak expand widget template 
  • selanjutnya cari kode <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
  • trus lihat kode dibawahnya anda akan menemukan code seperti ini 


 <li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>



Catatan!!!

  • Code diatas adalah kode yang akan diubah. anda bisa merubah kode sejenisnya diantara kode diatas
  • warna biru bisa sobat ganti dengan judul halaman yang lain terserah sobat, warna ungu adalah Cabang dari judul halaman warna merah dan hijau cabang nya lagi.Sedangkan warna merah link yang akan menunjukkan artikel-artikel dari judul halaman(URL).
  • Sedangkan kode <ul class='children'> digunakan untuk membuat cabang halaman .sobat bisa gunakan kode itu untuk menciptakan cabang lainya.
Selamat mencoba. . .Happy Blogging . . . ! !
Cara Membuat Menu Dropdown Keren di Blogger


Bocah Poris Blog's | Saat Ini Saya Akan Berbagi Tentang Cara Membuat Menu Dropdown Keren di Blogger  , Cara ini Juga Masuk dalam Keyword  Cara Buat Menu Dropdown di Bawah Header Membuat Sebuah Menu Navigasi dengan Efek Dropdown Memang Sangat Perlu di Perlukan Oleh Seorang Blogger Karena Tanpa Menu Navigasi Dropdown Blog Akan Cepat ditinggalkan Oleh Seorang Pengunjung karena tidak efektif kecuali anda sudah Memasang Artikel Terkait Dengan Scroll ataupun Artikel Terkait Dengan Thumbnail . Tapi Beda Lagi Bagi Robot Google Karena Dengan Menu Navigasi Dropdown Seringkali Membuat Loading Blog Akan Menjadi Lama dan Ini Tidak Baik Bagi SEO blog. tapi jangan Khawatir Menu Navigasi Dropdown yang Keren ini Tidak Membuat Loading Blog Berat . Menu Dropdown ini Bukan Buatan Saya Melainkan Buatan Seorang Blogger Master .

Berikut Kelebihan Memakai Menu Dropdown ini :



  1. Didesain dengan background dan warna menu yang sangat stailis
  2. Didesain juga dengan gambar dan link
  3. juga didesain dengan kotak berlangganan artikel lewat email
  4. di Desain Dengan Menggunakan Breaking News atau Headlines News
  5. Didesain dengan 2 dropdown, kiri dan kanan seperti pada gambar diatas.

Jika Kalian Ingin Melihat Seperti Apa Nantinya Menu Navigasi dengan Dropdown ini akan Terjadi 
Ayo Kita Langsung Ke Tutorial Cara Memasang Menu Dropdown Keren di Blogger ini 
Untuk Menghindari Hal yang Tidak di Inginkan BackUp Terlebih Dahulu Template Anda
1. Login Seperti Biasa ke Akun Blogger Anda.

2. Masuk Ke Menu Template Anda > Edit HTML > Centang Expand Template Widget

3.  Cari Kode dibawah untuk Memudahkan Tekan ctrl+f
]]></s:kin>
4. Jika Sudah Ketemu Masukkan Kode dibawah Tepat diatas Kode ]]></s:kin>

ul.dropmenu{
 position: relative;
 margin: 0px;
 padding: 1px 0px 0px 0px;
 background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGmQGotA67UPRs4DA9B8lo3DtiK5XkCsQMKO-hZONbtPLbZY-pUC5IvSVEyzCIrNR70Dy2S0C-KS9hJ9fEMj55AnIeuakb1J2ofjia22SBpWnbLQuvPZnyDo_D21jKGDVxjskI_b_lTwA/s1600/navigation.png) repeat-x scroll 0 0;
 display:block;
 height: 35px;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size: 12px;
}
.dropmenu li{
 position: relative;
 list-style: none;
 float: left;
 margin: 0px;
 padding: 0px;
}
.dropmenu li a{
 height: 22px;
 padding: 9px 30px 0px 15px;
 display: block;
 cursor: point;
 border-right: solid 1px #4a779d;
 color: #FFFFFF;
 text-transform: uppercase;
 text-decoration: none;
}
.dropmenu li span{
 display: block;
 float: right;
 height: 10px;
 width: 10px;
 background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Nb_n4VwswTLkb2q8Q9ElOFhPp1IWv6mmNALeltCqC3y7LxnipTCFBjJAJz75GMpSaGRfV5Dwi1OW3Kde0u197aAkt86gIGagYCh3q9R36jyczcEsKW5_pwLwVb8cLGm85gbNbMffsmc/s1600/arrow_up.png) repeat-x scroll 0 0;
 position: absolute;
 top: 12px;
 right: 10px;
}
.dropmenu li  a:hover span{
 background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzdYo_hyCZs2c0Se7y5N2hmUaMhT3bR6PeMzVlu937A62x1Yv7x32jo2rJuaZ2zQr6gad6lBmi9Z8Pgfkhy_OH62WFHIM7obLCS82qW5X0kMaZA5AtA8eeRrdRPs4V_kQrobxCJ1LKTMo/s1600/arrow_hover.png) repeat-x scroll 0 0;
}
.dropmenu li:hover ul, .dropmenu li:hover div{
 display: block;
}
.dropmenu ul{
 position: absolute;
 display: none;
 width: 140px;
 padding: 0px;
 margin: 0px;
 border-bottom: 1px solid #ccc;
 background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuPXskfRi0agyQDjkjIJagM_J0-XVMK7pnB1km23MWaseALkwKs71iYpVgEtvX1vec-nfUFjT4RSjspaGmqciRG5oFp4ismR56MCsF96OsU-piyydPeP5zV0bxt0z6nch6DZ8vrSw4HoA/s1600/gradient.png) repeat-x scroll 0 0;
}
.dropmenu ul li{
 border: 0;
 float: none;
}
.dropmenu ul a {
  border: 1px solid #ccc;
  border-bottom: 0;
  white-space: nowrap;
  display:block;
  color: #0657AD;
  text-decoration: underline;
  text-transform: none;
}
a.selected, a:hover{
 color: #0657AD !important;
 background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuPXskfRi0agyQDjkjIJagM_J0-XVMK7pnB1km23MWaseALkwKs71iYpVgEtvX1vec-nfUFjT4RSjspaGmqciRG5oFp4ismR56MCsF96OsU-piyydPeP5zV0bxt0z6nch6DZ8vrSw4HoA/s1600/gradient.png) repeat-x scroll 0 0;
}
a.selected span{
 background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzdYo_hyCZs2c0Se7y5N2hmUaMhT3bR6PeMzVlu937A62x1Yv7x32jo2rJuaZ2zQr6gad6lBmi9Z8Pgfkhy_OH62WFHIM7obLCS82qW5X0kMaZA5AtA8eeRrdRPs4V_kQrobxCJ1LKTMo/s1600/arrow_hover.png) repeat-x scroll 0 0;
}
.dropmenu ul a:hover {
 color:#F67A00 !important;
 text-decoration: none;
 background-color: #F0F0F0;
 background-image: none;
}
.dropmenu div ul{
 position: relative;
 display: block;
}
.dropmenu li div{
 background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuPXskfRi0agyQDjkjIJagM_J0-XVMK7pnB1km23MWaseALkwKs71iYpVgEtvX1vec-nfUFjT4RSjspaGmqciRG5oFp4ismR56MCsF96OsU-piyydPeP5zV0bxt0z6nch6DZ8vrSw4HoA/s1600/gradient.png) repeat-x scroll 0 0;
 border: 1px solid #ccc;
 padding: 5px;
 display: none;
 position: absolute;
}
.dropmenu li div ul{
 border: none;
 background: none;
 position: relative !important;
}
.dropmenu li div a{
 border: none;
 border-bottom: 1px solid #ccc;
}
.dropmenu li div div{
 display: block;
 position: relative;
 background: none;
 border: none;
}
.dropmenu li div div a{
 display: inline;
 border: none;
 color: #666;
 text-decoration: underline;
 padding: 0px;
 margin: 0px;
 text-transform: none;
}
.dropmenu li div div a:hover{
 color: #000;
 text-decoration: none;
}
ul.left{
 float: left;
 width: 145px;
}
ul.right{
 float: right;
 width: 145px;
}
.small{
 color: #666;
 font-size: 10px;
 padding: 10px 5px 8px 5px !important;
 display: block;
 clear: both;
}
.products{
 width: 300px;
 padding: 15px !important;
}
.products ul{
 width: 100%;
}
.products ul li{
 border-bottom: 1px solid #ccc;
 height: 40px;
 padding: 10px 0px;
}
.products h2{
 font-size: 16px;
 padding: 2px 0px 3px 0px;
 margin: 0px;
}
.products p{
 color: #666;
 font-size: 10px;
 padding: 0px;
 margin: 0px;
}
.products img{
 float: left;
 padding-right: 10px;
}
.products  ul li a{
 display: inline;
 border: none;
 color: #666;
 text-decoration: underline;
 padding: 0px;
 margin: 0px;
 text-transform: none;
}
.products  ul li  a:hover{
 color: #000 !important;
 text-decoration: none;
 background: none !important;
}
.tutorials{
 width: 300px;
}
input{
 border:1px solid #4A779D;
 padding: 3px 8px;
 margin-bottom: 8px;
 width: 164px;
}
label{
 padding: 0px 0px 4px 0px;
 display:block;
}
button{
 background: #4A779D url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGmQGotA67UPRs4DA9B8lo3DtiK5XkCsQMKO-hZONbtPLbZY-pUC5IvSVEyzCIrNR70Dy2S0C-KS9hJ9fEMj55AnIeuakb1J2ofjia22SBpWnbLQuvPZnyDo_D21jKGDVxjskI_b_lTwA/s1600/navigation.png) repeat-x scroll 0 0;
 color: #FFF;
 border:1px solid #4A779D;
 padding: 4px 10px;
 width: 180px;
}
.emailupdatesform{margin: 10px 0 5px 5px; width: 180px; float: left;}
.emailupdatesform input.emailupdatesinput{background: #fff !important; float: left; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 160px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.emailupdatesform input.joinemailupdates{background:-moz-linear-gradient(top,#57ABFE 0%,#0080ff 100%); background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#0080ff)); border: 1px solid #0080ff; text-transform: none; font:bold 12px arial; color: #fff; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer;}
5. Lalu Cari Lagi Kode dibawah ini
</head>
6. Setelah itu Copy Kode dibawah dan Taruh Tepat diatas kode </head>
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/jquery.js"></script>
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/dropdown.js"></script>
<script>
$(document).ready(function(){
 $("#nav-one").dropmenu();
});
</script>
7. Setelah itu Cari Kode yang Hampir Mirip Seperti Kode dibawah
<div id='header-wrapper'>
<div class='headerleft'>
<b:section class='headerleft' id='headerleft' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Bocah Poris Blog's (Header)' type='Header'/>
</b:section>
</div>
Keterangan : Jika Anda Kesulitan Mencari Kode diatas Cari saja koe <div id='header-wrapper'> atau <b:widget id='Header1

8. Jika Sudah Ketemu Masukkan Kode dibawah Taruh Tepat diatas Kode diatas.

<ul id="nav-one" class="dropmenu">
<li>
    <a href="#">Home</a> </li><li>
    <a href="#">Forum</a><ul>
        <li><a href="#">Support</a></li>
 <li><a href="#">Help</a></li>
 <li><a href="#">Examples</a></li>
 <li><a href="#">Your work</a></li>
</ul>
</li>
<li>
    <a href="#item3">Downloads</a><ul>
       <li><a href="#">Tools</a></li>
       <li><a href="#">Office</a></li>
       <li><a href="#">Custom projects</a></li>
</ul>
</li>
<li>
 <a href="#">Products</a>
 <div class="products">
<ul>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm6GCSqSaKkE0TzEWYpui0WS_Pd9bzrA9STN-FAwbdvOv-qIne5ojQUKWBiAiF8KzFo5mJak39AsnApexQxKQoezLwjIuCfKgcIHw1Uz5MnUWw9iC-AUOe7iBlkKbkMnYu4EM9WfsAp_s/s1600/1.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Featured Box</h2><p><a href="#">More information about this product</a></p></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9ley8lGVSVE7WshH1XcltmT7hyrN6JhtZmyUgWe03MsFjxXwiMxBUDsccqy7gH9DeCQxv8N2_aYc1s2MTm_hI8AzgTAz0vGWjElW_IpPy-WYHFQOtyt1snkqbBMXlJmXDiRQbQTd5MTE/s1600/2.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Mod Rewriter</h2><p><a href="#">More information about this product</a></p></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Y8CSOW8jpnamKVHaADZyXCOEsu3rU0gbNh3B3rqSQY5nwyvRP-HryUEUrjrUsYyPcPwvsOLGEmEODXq209USH8Ah0FYTT3l-umKLaCs5qDkfb-pR4RDWM7WVFY9gWRSrGemekbiDpVA/s1600/3.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Byte Scrambler</h2><p><a href="#">More information about this product</a></p></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Y8CSOW8jpnamKVHaADZyXCOEsu3rU0gbNh3B3rqSQY5nwyvRP-HryUEUrjrUsYyPcPwvsOLGEmEODXq209USH8Ah0FYTT3l-umKLaCs5qDkfb-pR4RDWM7WVFY9gWRSrGemekbiDpVA/s1600/3.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Image Processor</h2><p><a href="#">More information about this product</a></p></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihcv8G0SgBBvoPsKEWKYFPnt1Y_xhzrkp2wTufB4OJoiOGq7x1-Z7qita9zDqJjM1NnhxGg8G0TYuTzT9J0rzqv2VbAwUuDrfPo3VfoHCWOWGNc_yANJaml8ZqsJ4A_60WzqBWK-Lt9PE/s1600/5.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Registry Class</h2><p><a href="#">More information about this product</a></p></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG-CkpkZsz_ItHAxZ_OE_7M6mroYlGaWOAmldEbvNpNvY3eeUkQQwLNFs2o_TuQfUGKqiu3NrTkTaTHDOU4Bnv2Sow-C-XjmEDSpD8TBIx9nN8MepUqLv3YtNw4woIQ8h7OaTcGXZIhYI/s1600/6.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Data Validation</h2><p><a href="#">More information about this product</a></p></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_7PqQuqH_g6nZPuu2imBBiakVC1rf-twR9b2P2CX6egRzfd7HtAPvzu19ghaGIQGiyaP-QiHoSMrzAv62Xv9ScvebgXJICezHdN61H4jWkLhfs7zZmERug1xIUZFtS9UhEr4Rjj0H5bg/s1600/7.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Ajax Tables</h2><p><a href="#">More information about this product</a></p></li>
</ul>
<div class="small">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</div>
</div>
</li>
<li>
 <a href="#">Tutorials</a>
 <div class="tutorials">
 <ul class="left">
    <li><a href="#">Javascript</a></li>
    <li><a href="#">Python</a></li>
    <li><a href="#">PHP</a></li>
</ul>
 <ul class="right">
    <li><a href="#">HTML/CSS</a></li>
    <li><a href="#">ASP.NET</a></li>
    <li><a href="#">Actionscript</a></li>
</ul>
 
 <div class="small">View <a href="#">all categories</a> or a <a href="#">list of the best tutorials</a>.</div>
</div>
</li>
<li>
 <a href="#">Links</a> <ul>
    <li><a href="#">Programming</a></li>
    <li><a href="#">Inspiration</a></li>
    <li><a href="#">My websites</a></li>
    <li><a href="#">Clients</a></li>
    <li><a href="#">Cool stuff</a></li>
    <li><a href="#">Sitebase</a></li>
    <li><a href="#">Other</a></li>
</ul>
</li>
<li>
 <a href="#">Subscribe Now</a>
 <div class="emailsub">
        <div class="emailupdatesform">
        <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BocahPoris', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="tntbystc" name="uri" type="hidden" /><input value="Submit" class="joinemailupdates" type="submit" /></form></div></div>
</li>    </ul> 
9. Ganti Kode yang Berwarna Sesuai Data Blog Anda Sendiri.
10. Terakhir Untuk Menghindari Klik Pratinjau jika Sudah Sukses . Klik Save/Simpan .

Semoga Artkel Cara Membuat Menu Dropdown Keren di Blogger Sukses dilakukan di Blog Anda .

Cara Merubah Tampilan Blog

Posted by Sebisa Qw On 21.47 | No comments
Buat temen-temen yang baru memulai membuat sebuah blog, dan ingin mengganti tampilan atau templatenya, udah lihat semua tempalte yang sudah disediakan oleh blogger tapi nggak ada yang masuk dihati, dan ingin mempercantik tampilan blog sobat dengan template yang kita download dari orang-orang baik yang memberikan template cantik gratis. Nah setelah didownload, gimana sih caranya memasang atau cara uploadnya? Nah inilah yang akan kita bahas di postingan ini, oke langsung saja yah.

Langkah #1

Tentukan terlebih dahulu template yang mana yang akan kita pasang atau upload, jika sobat belum punya pilihan yang pasti, sobat bisa search do Google dengan kata kunci "Free Blogger Template" atau sobat bisa sambangi situs ini http://btemplates.com/ , disini sobat bisa lihat-lihat template yang sesuai dengan selera sobat.
Nah setelah sobat udah buat pilihan template yang baik, silahkan sobat download, gratis koq, hehehe.

Langkah #2

Selesai didownload, jangan lupa untuk ekstrak file Rar-nya dan buat dalam sebuah folder, udah gitu baru deh sobat masuk ke blogger. Kemudian Klik Template >> Cadangkan atau pulihkan.
Perhatikan gambar dibawah didalam kotak merah, Tapi untuk lebih aman supaya tidak terjadi duplikasi widget atau tidak terjadi masalah kesalahan widget karena kadang widget bawaan template tidak bisa kita hapus, sebaiknya sobat gunakan dasbor blogger yang lama, pelajari cara kembali ke dasbor blogger yang lama disini


Langkah #3
Setelah itu, Klik choose file atau browse, lalu pilih file yang sobat download dan ekstrak tadi, kira-kira nanti ada beberapa file disana, jaii pilihlah file yang extention file-nya ".xml" atau tipe datanya yang xml. Nah seletelah itu klik Unggah atau upload, tunggu beberapa saat. Jika nanti ada pemberitahuan tentang widget mau dipertahankan atau di hapus, pilihlah pertahankan widget, tapi kalau tidak ada pemberihauan, berarti template baru sudah berhasil kita upload.
Nah sekarang coba periksa blog sobat apakah templatenya sudah berubah atau tidak, Sampai disini kita sudah berhasil, tapi ada bebarapa kasus yang harus sobat perhatikan yaitu widget. Tampilan widget sobat mungkin berantakan atau susunannya kurang sesuai dengan keinginan sobat, tapi tenang sobat tinggal mengatur kemabali widget dan mengahapus widget yang sobat tidak perlukan caranya sobat bisa atur di tata letak blog, gampangkan?..hehehe.Selamat mencoba yah.

Blogroll

Test Footer 2

About

Test Footer