Membuat Posting Area Tersendiri dengan Efek Blur

Membuat Posting Area Tersendiri dengan Efek Blur

3 Comments

Mungkin sebagian orang berpendapat bah ini adalah hal yang menambah ribet posting saja, tapi ane yakin ini mempunyai daya tarik tersendiri untuk posting tertentu, karena diperlukan karakter atau tempat khusus untuk menampung ide liar anda. Beberapa hal yang perlu anda perhatikan adalah apa yang ingin anda share dan apa yang ingin anda tampilkan dalam area posting anda, lalu anda bertanya apakah penting membuat area posting tersendiri dalam postingan anda, karena hal ini tidak ada salahnya jika anda coba. Semua karena sebuah kreatifitas akan memberikan tampilan berbeda dan keuntungan tersendiri bagi beberapa blogger yang menggunakannya, dan tentunya tergantung dari sudut mana anda memandangnya. Contohnya seperti area posting di bawah ini.......Sekaligus Petunjuk Pemasangannya

banyak yang mengatakan bahwa mempunyai isteri cantik adalah suatu keberuntungan yang tak terhingga...bagi menurut ane cantik itu sudah biasa atau mungkin kita lagi mujur aja punya bini cantik, yang penting dia ngerti dengan kita. kayak bini ane yang baik hati, ketika ane datang malam dengan mulut bau minuman, dia malah menawarkan mau kopi atau teh, atau mau dibikinkan makan?...hal seperti itulah yang membuat saya insyaf dan menghormati dia sebagai, sahabat, bini, sekaligus ibu dari anak-anakku.

Anda tertarik, atau tertarik dengan cewek di atas? ok ikuti langkah berikut ini..

  • Log in di blog anda
  • Klik Rancangan
  • Edit HTML
  • Cari Kode ]]></b:skin>
  • Letakkan kode berikut di atasnya

.boxwidget {
      height: 300px;
      overflow: auto;
      margin: 20px 4px 10px;  
      padding: 15px 8px;
      background: #111;
      color: #666;
      border: 2px solid #555;
      border-radius: 6px;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
      opacity: 0.4;
      filter:alpha(opacity=40);
     -o-transition: all ease-in 1.2s;
     -moz-transition: all ease-in 1.2s;
     -webkit-transition: all ease-in 1.2s;
}
.boxwidget:hover {
      background: #660000;
      color: #eee;
      opacity: 1.0;
      filter: alpha(opacity=100);
}

  • Save Template

Langkah Posting 

Ketika anda memposting masuk ke Edit HTML sebelah kanan Compose, lalu masukkan kode ini 
<div class="boxwidget">
Tulisan dan Widget juga bisa</div>

<div class="boxwidget"><img hight="250" img-align="center" src="http://i445.photobucket.com/albums/qq171/etnikprogresif/3c6eae935ee89291d7aab06.jpg" width="200" /></div>

Silahkan ganti kode merah dengan direct link gambar anda...ok siibbb???
Selamat mencoba dan sukses selalu


''keep spirits and ado the best''

Mau belajar trick dan tips blogging lengkap dan mudah?... BACA DI SINI

About the Author

Blogonol adalah Blog - 0 atau blog kosong dengan konten tutorial blog, seo, widget, template gratis, dan blog info yang dikonsep secara sederhana untuk belajar membangun blog yang lebih baik.