Cara Membuat Read More Otomatis Pada Blog

Kali ini b.arjem  akan membahas bagaimana cara membuat read more otomatis pada blogspot, sebelum kita menuju keTKP b.arjem akan menjelaskan apa fungsi read more untuk blog kita, fungsi read more adalah meminimaliskan  halaman beranda blog agar terlihat lebih rapi dan simpel , read more otomatis ini sanggup memotong tampilan artiel yang panjang sesuai dengan pengaturan berapa banyak jumah huruf  yang ingin di tampilkan, bagaimana cara membuat read more otomatis, langsung menuju TKP :
- Login ke blog sobat >> dashoard  / jangan lupa backup template >> rancangan Edit HTML
- Cari kode </head> tekan ctrl+f untuk mempermudah pencarian
- Copas kode di bawah ini dan letakkan tepat di bawah kode </head>
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 410; summary_img = 320; img_thumb_height = 110; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
- Kemudian cari lagi kode <data:post.body/> jika ketemu 2 atau 3 kode yang sama silahkan sobat hapus yang pertama dan ganti dengan script di bawah ini,

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

- Terahir save template

: Keterangan: summary_noimg = 410 (jumlah huruf pada artikel tanpa gamabar) | summary_img = 320 (jumlah huruf pada artukel dengan gambar) |  img_thumb_height = 110 (tinggi gambar) | img_thumb_width = 120 (lebar ambar)

:  jika sobat ingin mengganti icon read more silahkan sobat ganti url http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif  atau mungkin sobat ingin mengganti icon gambar dengan tulisan read more maka sobat tinggal  hapus kode berikut ini<img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> dan ganti dengan tulisan read more

the source: Blog amz
.more.

Menyembunyikan Share Button's Pada Home Page


Askum all...!!

Gimana punya kabar ? semoga kita slalu berada dalam lindungaNya amiiin, Pada kesempatan kali ini b.arjem akan membahas bagaimana cara Menyenbunyika Share Button's Pada Home Page, karana ketika kita memasang read more ,tampilan share button bukannya mempercantik blog tapi sebaliknya, share button's tombol berbagi ini sangat berguna buat blog kita, karna menjadi sarana bagi pengunjung untuk menyebarkan artikel kita pada situs jejaring mereka. bagi sobat yang ingin mencobanya silahkan itkuti tutorial berikut ini.


- Pertama login ke blog sobat
- Download Template buat jaga-jaga
- Masuk ke racangan Edit HTML
- Cari kode dibawah ini tekan ctrl+f untuk mempermudah pencarian
</span> <div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div> </div>
- Kalau sudah ketemu kode di atas , hapus kode tersebut, ganti dengan kode di bawah ini
</span> <div class='post-share-buttons goog-inline-block'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if></b:if>
</div></div>
- Terahir save dan lihat hasilnya

  ( source )

.more.

Cara Memasang Emoticon Gundam Pada Blog

Ok sobat semuanya gimana punya so pasti baik-baik aja bakan, Kali ini blog arjem akan membahas bagaimana cara memasang emoticon Gundam pada blog, dengan bentuknya yang unik membuat kotak komentar sobat kelihatan lebih hidup. contoh gambar sebagai berikut :


Mari kita lanjutkan bagaimana cara penerapanya pada blg
1- Seperti biasa login ke blog sobat
2- Masuk ke dashboard >> rancangan Edit HTML 
3- Cari code </head> tekan ctrl+f untuk mempermudah pencareian 
4- Copy code di bawah ini dan letakan tepat sebelum code </head>
<script src='http://tateluproject.googlecode.com/files/Gundam%20emoticon.js'/>
5- Kemudian cari lagi code berikut ini <b:if cond='data:post.embedCommentForm'> dan copy code di    bawah ini letakkan tepat di bawah code <b:if cond='data:post.embedCommentForm'>


<b><img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/14-1.gif' width='50'/>
:b:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/13-1.gif' width='50'/>
:c:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/12-1.gif' width='50'/>
:d:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/11-1.gif' width='50'/>
:e:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/10-1.gif' width='50'/>
:f:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/9-1.gif' width='50'/>
:g:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/8-1.gif' width='50'/>
:h:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/7-1.gif' width='50'/>
:i:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/6-1.gif' width='50'/>
:j:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/5-1.gif' width='50'/>
:k:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/4-1.gif' width='50'/>
:l:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/3-1.gif' width='50'/>
:m:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/2-1.gif' width='50'/>
:n:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/1-1.gif' width='50'/>
:o:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/15-1.gif' width='50'/>
:p:
</b><BR/>


6- Save template lihat hasilnya

original

.more.

Cara Mudah Pasang Translate Google Pada Blog

Askum all

Pada kesempatan kali ini bog arjem akan bebagi bagaimana cara memasang translate google pada blog , kali aja ada orang asing nyasar pada blog sobat hehehehe.... cara penerapanya sangatlah mudah, bagi sobat yang ingin mencobanya silahkan ikuti tutorial di bawah ini:



- Yang pertama masuk ke blog sobat masing-masing:
- Kedua tata letak >> add gadget >>Pilih HTML/javascript
- Copy script di bawah ini dan letakkan pada gadget yang baru di tambahkan

<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script>

- Terahir simpan template dan lihat haslmya
________________________________________
Untuk translate gambar bendera berkibar caranya sebagai berikut:  lihat contoh dibawah ini

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

1- Login ke blog sobat
2- Klik tata letak >> add gadget >> Pilih HTML/javascript
3- Copas code dibawah ini

<center>
<a style="cursor: pointer;" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img border="0" alt="English" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/inggris.gif" height="20" title="English" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/francis.gif" height="20" title="French" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img border="0" alt="German" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jerman.gif" height="20" title="German" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img border="0" alt="Spain" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/spnyol.gif" height="20" title="Spain" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/italia.gif" height="20" title="Italian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img border="0" alt="Dutch" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/belanda.gif" height="20" title="Dutch" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/rusia.gif" height="20" title="Russian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/brazilia.gif" height="20" title="Portuguese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jepang.gif" height="20" title="Japanese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/koreautara.gif" height="20" title="Korean" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/saudiarabia.gif" height="20" title="Arabic" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/cina.gif" height="20" title="Chinese Simplified" align="absbottom"</a></center>
<br/>

4- Simpan template lihat hasilnya

.more.

Cara Membuat Wedget Jaringan Sosial Dengan CSS

Jaringan sosial adalah jalan alternatif para pengunjung untuk menelusuri kegiatan kita di jaringan kita yang lain. untuk tampilan icon jejaringan dengan css3 contohnya sebagai berikut:


          Cara penerapanya 
  1. Login ke blog sobat>>dashboard
  2. Klik tata letak ..Add gadget >> pilih HTML/javascript
  3. Copy  code di bawah ini dan pastekan pada element baru sobat


<style type="text/css">
#mkrbutton .iconz {background:#E3E3E3 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMWKtwcP-XLLcAD2nioAZcAJgfJMNEfirY2TKW4Nxx6_NGiUmUInLMRkyWmVVzqnoJ-VwTYA_0uCHo9VsFylI9oLktCH7OTw3wBgIKj1g9fWetcrWL0vrxL6ymmf3yQJP4MG8by6pIzWU/s1600/blsocial12.png') 0 0 no-repeat;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-o-border-radius:40px;
border-radius:40px;
display:block;
color:#212121;
float:none;
height:48px;
width: 48px;
line-height:48px;
margin:10px auto 0;
position:relative;
text-shadow:0 1px 0 #FAFAFA;
text-align:center;
text-decoration:none;
white-space:nowrap;
-webkit-transition:width .25s ease-in-out;
-ms-transition:width .25s ease-in-out;
-moz-transition:width .25s ease-in-out;
-o-transition:width .25s ease-in-out;
transition:width .25s ease-in-out;
-webkit-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
-moz-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
-o-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 1px 3px;}
#mkrbutton a span {display:none;}
#mkrbutton:hover a span {display:inline;}
#mkrbutton a span {font-size:1.4em;}
#mkrbutton:hover .iconz {width:250px;}
#mkrbutton .fb {background-position: 0 -384px;}
#mkrbutton .twiter {background-position: 0 -432px;}
#mkrbutton .google {background-position: 0 -480px;}
#mkrbutton .pint {background-position: 0 -528px;}
#mkrbutton .linkedin {background-position: 0 -576px;}
#mkrbutton .devart {background-position: 0 -624px;}
#mkrbutton .ytube {background-position: 0 -672px;}
#mkrbutton .rss {background-position: 0 -720px;}
#mkrbutton .fb:hover {background-position: 0 0;color: #0374DD;}
#mkrbutton .twiter:hover {background-position: 0 -48px;color: #00A1DF;}
#mkrbutton .google:hover {background-position: 0 -96px;color: #A70000;}
#mkrbutton .pint:hover {background-position: 0 -144px;color: #C00;}
#mkrbutton .linkedin:hover {background-position: 0 -192px;color: #005772;}
#mkrbutton .devart:hover {background-position: 0 -240px;color: #4C7A4A;}
#mkrbutton .ytube:hover {background-position: 0 -288px;color: #A00;}
#mkrbutton .rss:hover {background-position: 0 -336px;color: #EC5601;}
</style>
<div id="mkrbutton">
<a href="#" class="iconz fb"><span>Facebook</span></a></div>
<div id="mkrbutton">
<a href="#" class="iconz twiter"><span>Twitter</span></a></div>
<div id="mkrbutton">
<a href="#" class="iconz google"><span>Google+</span></a></div>
<div id="mkrbutton">
<a href="#" class="iconz ytube"><span>Youtube</span></a></div>
<div id="mkrbutton">
<a href="#" class="iconz rss"><span>RSS</span></a></div>


Keterangan: Ubah code yang  biru sesuaikan dengan blog sobat, dan ganti code  #  dengan URL jejaringan sobat

     4. Yang terahir save template  dan lihat hasilnya

.more.

Tekhnik Budidaya Jamur Merang

Unknown

Kami adalah sebuah perusahaan yang bergerak di bidang pertanian (budidaya jamur merang),di dukung oleh 28 petani profesional yang menangani lebih 10 kombong per petani, dan dengan cuaca dingin khas kec.panti, membuat kami sukses menghasilkan jamur merang berkwalitas terbaik.
        Pada masa sekarang ini,budidaya jamur merang membutuhkan tempat khusus yang diset sebagai tempat tumbuh jamur atau Kumbung yang telah dilengkapi media tumbuh dan telah diatur temperaturnya merupakan tempat terbaik untuk kembang biak jamur merang.Kumbung dapat dibuat dengan rangka besi, kayu atau bambu, serta dinding dan atap plastik. Di bagian luar kumbung ini dipasang lagi atap, dan dinding yang terbuat dari anyaman bambu, nipah ataupun kain yang dapat ditutup dan buka, untuk mengatur cahaya matahari yang masuk. Kumbung juga harus dilengkapi jendela untuk mengatur sirkulasi udara. Di dalam kumbung, dibuat tiga deret rak bertingkat, sebagai tempat meletakkan media tumbuh.
       Media untuk tumbuh jamur merang yang dibutuhkan merupakan hasil dari komposan jerami dan campuran dedak (katul), ditambah 1-2 % kapur. Jerami dibasahi air, kemudian ditimbun bersama kapur di lantai, lalu ditutup plastik polibag selama 4 hari. Pada hari keempat, timbunan itu dibuka, dibalik, dan ditambahi bekatul, kemudian diletakkan di bedengan. Bedengan itu kemudian ditutup polibag selama 3 hari untuk menjalai proses fermentasi.Kemudian setelah komposan siap, media tumbuh diletakkan di rak-rak bedengan di dalam kumbung. Agar terhindar dari serangan bakteri, ngengat, ataupun jamur lain, kumbung dan media tanam harus disterilkan. Sterilisasi dilakukan dengan proses pasteurisasi, yakni pemanasan kompos dan ruangan rumah jamur dengan uap panas hingga temperatur 70 derajat celcius selama 5-6 jam. Suhu kompos dipertahankan 70 derajat selama 2-3 jam.
      Pemanasan kumbung ini dilakukan dengan menghidupkan generator uap yang telah dihubungkan dengan ruangan dalam kumbung. Generator uap dapat dibuat sederhana, menggunakan drum-drum bekas yang diisi air, serta dipanaskan menggunakan kayu bakar. Uap yang dihasilkan disalurkan ke dalam kumbung.
Setelah penguapan selesai, di biarkan semalam atau setelah  suhu menurun hingga mencapai 32-35 derajat celcius. Saat inilah bibit boleh mulai di semaikan.
      Bibit ditebarkan di seluruh permukaan jerami yang telah dikomposkan. Setelah itu, jendela dan pintu kumbung ditutup selama tiga hari. Suhu dijaga dalam kisaran 32-38 derajat celcius. Bibit jamur memerlukan suhu yang agak panas untuk menumbuhkan miselium (benang-benang jamur).Sirkulasi udara harus dijaga. Selain itu, perhatikan pula media tumbuh, jangan sampai jerami kering.Pada hari ke 8-12 setelah peletakan bibit, jamur merang sudah siap dipanen. Jamur merang biasanya diminati saat kuncupnya belum mekar, masih berbentuk bulat dengan warna putih kecoklatan. Bila kuncup telah mekar, meski masih bisa dimakan, namun nilai ekonomisnya akan turun.
      Saat ini, jamur merang kualitas bagus dapat dijual dengan harga cukup tinggi, 14.000-21.000 perkilogram. Dari setiap kandang berukuran 4 x 5 meter berisi 15 rak bedengan, dapat dipanen 30-40 kilogram jamur. Setiap hari selama masa panen yang berlangsung 15-20 hari.

 

       
                        Manager PT
  • Email: muntaha.la@gmail.com
  • Phone: +6287757596519
  • Mobile: +6283847527749
  • Jln.Hayawuruk No.18 Dusun Karang asem timur Desa Glagahwero Kec Panti Kab Jember Jawa Timur ( 68153 ) Indonesia
  • Company center: Jamur merang99

.more.

Cara Menambahkan Element Di Atas Header

Menambahkan element atau gadget di atas header
Bagi seorang master menambahkan element baru bukan suatu persoalaan , tapi bagi para pemula seperti aku  sungguh suatu hal yang memusingkan, tutorial ini di tujukan pada kaum pemula yang berniat belajar bareng hehehehehe langkahnya sebagai berikut

  1. Login ke blog sobat
  2. Design template>>Edit HTML>>ceklist expand widget template
  3. Cari code di bawah ini tekan crtl+f untuk mempermudah pencarian
<b:section class=

     4.Sobat akan melihat script di bawah ini


<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

     5.Hapus script No 4 dan ganti dengan script di bawah ini


<b:section class='header' id='header1' preferred='yes'>

     6.Simpan template dan lihat hasilnya

.more.

Pasang Kode Warna Lengkap Pada Blogspot

Kode warna adalah suatu kebutuhan pokok bagi para desainer template blog, meskipun kelihatannya kurang bermutu tapi guna faidahnya sangatlah membantu, pada kesempatan kali ini saya akan membahas bagaimana cara memasang kode warna pada blog



      Untuk penerapan pada widget
  1. Login ke blog sobat masing-masing
  2. Masuk tata letak ->Add gadget ->Pilih HTML javascript
  3. Copy paste code di bawah ini & simnpan

<div style="text-align: center; line-height: 0;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.allblogtools.com/MiSc/colors/color-codes.swf" /> <param name="pluginspage" value=" http://www.macromedia.com/go/getflashplayer" /> <embed width="400" height="400" type="application/x-shockwave-flash" src="http://www.allblogtools.com/MiSc/colors/color-codes.swf" pluginspage=" http://www.macromedia.com/go/getflashplayer" /></object></div><div style="display: yes; text-align: center;">





<center><div style="text-align: center;"> <object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="480" id="col" width="480"> <param value="sameDomain" name="allowScriptAccess" /> <param value="http://www.2createawebsite.com/build/col.swf" name="movie" /> <param value="high" name="quality" /> <param value="#ffffff" name="bgcolor" /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="400" align="middle" height="480"></embed> </object></div> </center>


      Unntuk pemasangan pada Entri
  1. Login ke blog sobat 
  2. Pilih new entri/buat postingan baru 
  3. Pilih HTML bukan compose 
  4. Copy paste code di atas dan publikasikan 

Keterangan :
                   Script yang berwarna biru ubah sesuaikan dengan blog sobat
                   Script yang berwarna hijau adalah warna background ganti sesuaikan denga selera anda

                  Semoga bermanfaat

.more.

Cara Membuat Gambar Warna Warni Saat Di Sorot Cursor


Pada kesempatan kali ini aku ingin berbagi bagaimana cara membuat gambar pada blog menjadi warna warni saat di sorot cursor, memang tapilan bukanlah hal yang utama dalam blogging melainkan info-info jitu yang di buru  para pengunjung , tapi menurut aku dengan tampilan blog yang cantik & unik justru akan membuat pengunjung betah , bagi sobat yang ingin menerapkan tutorial ini silahkan ikuti langka-langkah berikut ini :



  1. Login ke blog sobat
  2. Masuk Edit HTML >> jangan lupa conreng Expand Widget Template
  3. Cari ]]></b:skin> tekan ctrl+f untuk mempermudah pencarian
  4. Copi paste kode di bawah ini & letakkan tepat di atas kode ]]></b:skin>
@-webkit-keyframes hue {
100% { -webkit-filter:hue-rotate(360deg); }
}
img:hover {
-webkit-animation:hue 1s linear infinite;
}

Semoga bermanfaat tutorial sederhana ini

.more.
Template by: Blogger / Design: Blog arjem