Doni Efandy V2
:RE-VANSDARKâ„¢ Is Valid HTML5
Join Us !!

ADS

Sabtu, 29 Juni 2013

Cara membuat kotak Sereach di Header

Diposting oleh Unknown di 6/29/2013 10:34:00 PM 0 komentar
Hey yozers...
Apakah kalian tahu"Kotak Search"?
Ya tentu saja tahu ya,...
Karena sebenarnya sebuah blog harus memiliki kotak search di blognya,agar pengunjung tidak kesulitan untuk mencari artikel yang di carinya!
Tentu kotak search ini sangat berguna untuk para pengunjung,yah..
Walaupun pihak blog telah menyediakan widget "Kotak Search",tapi saya akan share "cara Membuat Kotak Search Di Header Blog"
Berikut contohnya!
Dan bagi yang ingin membuatnya,mari kita simak langkah-langkah berikut!
1. Buka Dasbor Blog -> Template -> Edit Template
2. Centang "Expand Template Widget"
3. Cari kode "]]></b:skin>" ( Ctrl+F atau F3 untuk mempermudah pencarian )
4. Letakkan kode CSS berikut tepat di atas kode ]]></b:skin
CSS : 
#search{float: right;
margin-right:300px;
margin-top: 215px;}#search input[type="text"]{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJILDICu8iUB2qK6DjK-4iKNvWj7KUuEbRfGMlmUjAil95kHKddor6f26e1aNOZnXuU1ZQkzoqahbIMOdUgiiP6i_iPtygKG62_JB7GwWMk_9cVftnp80-AtMGRZJk0uqu4TuytOTvUM/s1600/cari.png) no-repeat 10px 6px darkred;
border-top: 3px solid #000;
border-left: 3px solid #000;
border-right: 3px solid #000;
border-bottom: 3px solid #000;
font: bold 16px 'Advent Pro',cursive;
color: #BBB;
text-shadow: 1px 1px 1px black,-1px 1px 1px black,-1px -1px 1px black,1px -1px 1px black;
width: 325px;
padding: 6px 15px 6px 35px;
border-radius: 25px 25px 25px 25px;
-moz-transition: all 0.1s ease 0s;
-webkit-transition: all 900ms ease-out;
-moz-transition: all 900ms ease-out;
-ms-transition: all 900ms ease-out;
-o-transition: all 900ms ease-out;
transition: all 900ms ease-out;
margin-top: -300px;
margin-right: -200px;
float: right;
}
NB:
- Tulisan berwarna orange : Arah ,Jika "right" yaitu dari kanan dan "left dari kiri!
- Tulisan berwarna kuning : Margin dari kanan ( Sesuaikan degan blog sobat )
- Tulisan berwarna merah : Panjang search
- Tulisan berwarna biru muda : Warna font search
- Tulisan berwarna abu-abu : Tebal border ( garis tepi ) search
- Tulisan berwarna biru tua : Jenis border ( garis tepi ) search
- Tulisan berwarna hijau : Warna border ( garis tepi ) search
- Tulisan berwarna biru : Warna background search
- Tulisan berwarna pink : Margin dari atas ( Sesuaikan degan blog sobat )
- Tulisan berwarna hijau tua : Border radius ( lengkungan pada garis tepi ) search
5. Cari kode "</header>"  ( Ctrl+F atau F3 untuk mempermudah pencarian )
6. Letakkan HTML berikut tepat di atas kode "</header>"
HTML : 
<form action='/search' id='search' method='get'><input name='q' placeholder='Search...' size='30' type='text'/></form>

NB :
- Sebenarnya kode HTML di atas bisa di letakan di antara tag "<header>" dan "</header>"

7. Klik pratinjau dulu,jika tidak error,Klik Simpan
8. Selesai!

Hihihi.
ok yozers..
samapi di sini dulu ya kawan...
Semoga bermanfaat!
Terimakasih!
Read More →

Cara Memasang Widget Argoo Comunity

Diposting oleh Unknown di 6/29/2013 10:28:00 PM 0 komentar
Hey yozers...
Posting lagi nih..
Kali ini masih tetep ke ArGoo Comunity!!
Kali ini widgetnya nih.
Keren loh!
Kaya gambar di bawah ni deh!


Hahahah...
Keren kan??
Itu hasil experiment gw... XD
Wkwkwk
Oke!
Yang mau pasang,silahkan ikuti langkah" berikut!

1. Buka dasbor blog
2. Buka "Tata Letak"
3. Klik "Tambah Widget"
4. Pilih "HTML/JavaScript"
5. Masukkan code berikut di kolom yang tersedia!
Read More →
Selasa, 28 Mei 2013

Update Status Lewat Apa aja

Diposting oleh Unknown di 5/28/2013 10:21:00 AM 0 komentar
Read More →

Auto Readmore dengan NO Image

Diposting oleh Unknown di 5/28/2013 09:46:00 AM 0 komentar
Kali ini gue mau share trick tentang Cara Bikin "Auto Readmore dengan No Image" .
ini request dari sahabat saya yg sama2 blogger tentunya (masa sesama tukang ikan), baiklah dari ngomongin ikan mending langsung saja gue kasih tricknya :v

SS with image :



SS no image :

nah,sudah liat SSnya?? kalo sudah,kita langsung ke prakteknya saja :v

  • Cari kode </head>
  • Setelah ketemu kode pada nomor 1, letakkan kode berikut diatas/sebelum kode nomor 1
<script type='text/javascript'>
 // ganti angka dibawah untuk mengatur jumlah karakter
 summary_noimg = 350;
 summary_img = 280;
 // ganti angka dibawah untuk merubah ukuran thumbnail
 img_thumb_height = 100;
 img_thumb_width = 100;
 // ganti dengan gambar sesuai selera anda
 img_thumb_nosrc = "http://4.bp.blogspot.com/-zxPckZmJOK0/T_z_K1Tmd8I/AAAAAAAAApw/G2A5cq2Rj88/s77/noImageAvailable.jpg";
</script>
<script type='text/javascript'>
 //<![CDATA[
 function removeHtmlTag(strx,chop){
  if(strx.indexOf("<")!=-1)
  {
   var s = strx.split("<");
   for(var i=0;i<s.length;i++){
    if(s[i].indexOf(">")!=-1){
     s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
    }
   }
   strx =  s.join("");
  }
  chop = (chop < strx.length-1) ? chop : strx.length-2;
  while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
  strx = strx.substring(0,chop-1);
  return strx+'...';
 }
 function createSummaryAndThumb(pID){
  var div = document.getElementById(pID);
  var imgtag = "";
  var img = div.getElementsByTagName("img");
  var summ = summary_noimg;
  // this block of code is used to add default thumbnail to post without images
  if(img.length<=1) {
   imgtag = '<div style="clear:both; margin:0 10px 10px 0px;float:left;"><img src="'+img_thumb_nosrc+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';
   summ = summary_noimg;
  }
  if(img.length>=1) {
   imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
   summ = summary_img;
  }
  var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
  div.innerHTML = summary;
 }
 //]]>
</script>

  • Cari kode <data:post.body/> dan ganti dengan kode dibawah ini
<b:if cond='data:blog.pageType != "static_page"'>
 <b:if cond='data:blog.pageType != "item"'>
  <div expr:id='"summary" + data:post.id'><data:post.body/></div>
  <script type='text/javascript'>
   createSummaryAndThumb("summary<data:post.id/>");
  </script>
  <span class='rmlink' style='float:right;margin-top:10px'>
   <a expr:href='data:post.url'>
   </a>
  </span>
 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
 <data:post.body/>
</b:if> 
Note: Jika kalian telah memakai Auto Readmore sebelumnya,Kalian harus menghapus dahulu Auto Readmore kalian yang lama.


Sumber : altecdz
Read More →
Minggu, 21 April 2013

Download Thema BlackBerry 8529 Gratis

Diposting oleh Unknown di 4/21/2013 03:15:00 AM 0 komentar


1. Vintage Theme

Download Tema Blackberry 8250 Gratis
2. Buufdeuce Theme
Fitur Buufdeuce Theme: alt+D shows the first dock.
  • Alt+S shows the second-hidden-dock.
  • Alt+C hides the HTC clock and shows the normal banner.
  • Alt+X hides the banner and shows the HTC clock.
  • And lastly;
  • The Escape button hides the dock that was active, so that you have no docks visible.
Cek sendiri ya gimana berubahnya. Semua udah aku test dan berhasil dengan sempurna. Langsung download saja.
3.  Chalkboard Theme
Kalau ada pemberitahuan suruh upgrade di Cancel aja ya. Biar bingung nggak usah di download. :D
4.  BriskPlus Theme
5. PSHD Theme
PSHD merupakan themes buatan HedoneDesign dengan tampilan yang sangat mirip dengan tampilan PlayStation Portable. Ketika saya coba tema ini sedikit gelap dan menunya sedikit membingungkan. Biar tidak penasaran anda dapat mendownloadnya juga kok. Lagian gratis jadi wajar jika mungkin nggak sempurna.
6. Sketz Theme
7. TwitterOn Theme
Tema BB 8250 ini tampilannya hampir mirip dengan twitter. Modifikasi tampilan tentu ada dengan bawaan BB seperti indikator sinyal serta baterai. Download saja biar tahu lebih detail.
8. GoPlay Theme
Themes gemini dengan tampilan home screen menyerupai tampilan Blackberry Playbook (blackberry tablet yang menyerupai ipad)
9. Vigilant Theme
10. Skeper Theme


Semoga Berhasil :)
Read More →
 

Copyright © Doni Efandy V2| RVD Style V.6 | Design By Rezza. Original by Technology Tower