Cara Membuat Efek Pada Gambar Posting

Sorry sob lagi males bertele2. langsung aja lihat live demonya disini. silahkan arahkan moouse pada gambar posting akan tahu efeknya.

tutorialnya ada dibawah ini.

1. Dekatkan kopi dan roko sobat ( setidaknya itu obat penenang )
2. Login ke Blogger Sobat
3. Pilih Template lalu Pilih Edit HTML tekan Lanjutkan
4. Kalu takut error silahkan di backup dulu template sobat
5. Kemudian Centang Expand Template Widget
6. Terus Cari Kode ]]></b:skin> biar mudah tekan CTRL+F
7. Tambahkan Kode Berilut Tepat diatsa kode ]]></b:skin> atau bisa di urutkan di .post img{ 

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}

Selamat mencoba sobat semoga berhasill. . . .

Blog , Tutorial

Cara Buat Efek Pada Link

Ok kali ini akan mencoba membahas style pada link dengan sesuatu yang berbeda sob, sedikit memodifikasi pada CSS3 dan kita akan mendapatkan hasil yang lumayan bagus. Sebenarnya masih banyak lagi jenis pengaturan CSS ini, namun tidak ada salahnya kita mencoba hal yang baru. Ok langsung aja kita praktekkan.

Kita buat Mark-up HTML terlebih dahulu :

<ul class="shift">
<li><a href="#">Arahkan Mouse Kesini</a></li>
<li><a href="#">Arahkan Mouse </a></li>
</ul>

Sesudah itu mari kita buat CSS-nya :

.shift {
list-style: none;
display: inline-block;
}

.shift li {
background: orangered;
width: 0%;
display: block;
-webkit-transition: all 0.125s ease-in-out;
-moz-transition: all 0.125s ease-in-out;
transition: all 0.125s ease-in-out;
}

.shift li:hover {
width: 100%;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}

.shift li a {
text-transform: uppercase;
display: block;
color: #000;
font-size: 1em;
margin: 0.5em;
padding: 0.5em;
text-decoration: none;
white-space: nowrap;
}

Berikut hasilnya yang sudah jadi, coba sorot tulisan “Arahkan Mouse Kesini” lalu lihat efeknya :

• Arahkan Mouse Kesini
• Arahkan Mouse

Silahkan buat kreasi yang lain yang akan mengembangkan CSS ini.
Kerenkan, cocok untuk membuat efek pada sidebar ataupun footer blog kita. siapa yang mau coba ?


Tags : Trimudareog, Nurrohman, Ngebel, Cah Gunung, Artikel, Coretanku.

Blog , Tutorial

Membuat Efek Tulisan Berjalan

Ok, Tulisan berjalan sering juga disebut marque, n itu sama saja alias podo sob. kadang kita bingung dengan istilah2 yang berbeda. nah untuk membuat tulisan yang ber-efek2 kaya gitu saya coba kasih script sederhana untuk membuatnya. ok langsung aja kita mulai :
1. Tentukan sebelah mana yang akan dikasih tulisan tersebut
2. Login ke blogger anda
3. Klik Rancangan/Layout
4. Pilih Tambah Gadget. lalu pilih Tambahkan HTML/Javascript
5. Masukan dengan kode berikut

Tulisan berjalan ke kanan atau ke kiri

Tulisan berjalan ke kiri

(<marquee behavior="scroll" direction="left">Tulisan berjalan ke kiri</marquee><br />)

Tulisan berjalan ke atas


Tulisan berjalan ke atas
(<marquee height="75" behavior="scroll" direction="up">Tulisan berjalan ke atas</marquee>)

Tulisan berjalan yang jika disentuh cursor berhenti

Tulisan berjalan yang jika disentuh cursor berhenti

(<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan berjalan yang jika disentuh cursor berhenti</marquee>)

Tulisan yang bergerak lambat

Tulisan yang bergerak lambat

(<marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan yang bergerak lambat</marquee>)

Keterangan Atribut :

~  Tulisan Berwarna Merah : adalah arah bergerak tulisan marquee, seperti "left" ,  "up" Jika ingin mengganti arahnya gunakan bahasa inggris. contoh, kanan="right" dsb.

~  Tulisan Berwarna Biru : adalah tulisan yang ingin ditampilkan ditampilkan.

Masih banyak lagi silahkan tanya mbah google. ok.... hanya sebatas petunjuk.

Blog , Tutorial

Mengembalikan File Yang Hilang

Salam Sejahtera Sobat. . . (sok manisss) :)

seringkali kita menemui hal semacam kehilangan data di flash disk o.. o... pusing tuh klu tu maslahnya mungkin aja ter-sembunyi ato ter-hiden akibat virus (lagi-lagi itu) iya kalau gitu langkah pertama adalah:

• hentikan dulu proteksi anti virus yang terpasang di komputer kita
• trus masuk ke menu Start >> RUN lalu ketik cmd (command promt itu lochh)
• lalu ketik attrib(spasi)-s(spasi)-h(spasi)i:*.*(spasi)/s(spasi)/d
• Atau lebih simplenya ketik attrib -s -h i:*.* /s /d

catatan: ganti tulisan i dengan lokasi flash disk terpasang, juga bisa membuka data di hard disk juga lohh caranya tinggal ganti aja lokasinya dengan lokasi hard disk misalnya C: D: ato yang lain

langkah selanjutnya yang palin penting adalah Good Luck. Lihat hasilnya

Ket: Biasanya Data yang disembunyikan virus sortcut pasti begitu

Tags : Virus Shortcut, atasi shortcut, hajar virus, file hilang, mengembalikan file, filku hilang, atasi file hilang, kembalikan file, file hidden, cara mengembalikan file hilang, cara atasi virus, cara musnahkan virus, cara menghapus virus

Coretanku , Komputer , Tutorial

Trik Ganti Background WMP (Windows Media Player)

Ok sahabat semua, baru bisa posting lagi! Kali ini aq akan ngasih satu info lagi buat sahabat semua. Bagaimana caranya kita mengganti atau merubah background library pada WMP/ Windows Media Player. Sedikit akan saya jelaskan, file didalam WMP itu tidak akan bisa kita rubah sama sekali kecuali yang empunya file tersebut. Nah disini kita harus masuk sebagai si pembuat WMP itu sendiri atau minimal mengambil alih file tersebut agar kita bisa memodifikasinya. Paling tidak kita harus mendapat ijin akses untuk masuk dalam file tersebut sebagai administrator.

Tidak usah panjang tapi lebar langsung aja ke TKP sob,
1. Siapkan satu software penunjang yaitu PE EXPLORER. (cari aja di mbah google pasti banyak) 
2.  Siapkan gambar atau foto yang akan kita gunakan untuk menggantinya (min, 800 x 600) jika tidak akan berubah ukurannya. 
3.  Buka PE explorer yang sudah kita install,
4. Buka OPEN FILES sebelah atas kaya dokumen, lihat dibawah

 
5. Masuk Drive C, Buka Windows, Kemudian Scroll kebawah pada System32, Scroll lagi kebawah cari file wmploc.dll , lalu Open. Akan tampak seperti dibawah ini.

6. Dari gambar tersebut coba perhatikan tombol 4 warna yang ditengah dinamakan Resource Viewer/ Editor. Kemudian klik Icon tesebut sehingga jadi seperti dibawah ini.

7. Kemudian ekspan yang paling bawah dengan nilai 257. . . Scroll kebawah cari yang  Library_Background7.PNG----- Kemudian Klik sampai gambarnya tampil sebelah kanan. 
 
8. Nah, uda ketemu kan??? Kalau sudah silahkan klik Shift+Ctrl+P. . 
9. Pada gambar tangan terlihat tipe, ukuran gambar juga.
10. Kalu sudah Klik Ctrl+Shift+E maka akan tampil Image Replaceing kaya dibawah ini, kemudian Open dan Ganti gambar dengan gambar yang sudah kita siapkan tadi sob. . . paham kan? Ckckckck

11.   Kalau sudah tinggal OK

12.   Akan Kembali pada jendela no. 7,,, Kemudian cari Save File As. Simpan pada Dokumen dengan Ekstensi *.DLL

13.   Sampai Tahap 12 Sudah pahamkah? Sudah sukses tinggal kita lakukan trik sekali lagi.

14.   Sekarang Close semua jendela yang ada. Tekan Logo Windows+R kemudian ketik CMD akan muncul Jendela Comamnt Promt (pasti tidak asing dengan yang satu ini). Ini khusus yang masih newbie

15.   Ketikkan ICACLS /F C:WindowsSystem32wmploc.dll /G Administrator:F (ganti “Administrator” dengan Nama yang anda buat untuk user) Pastikan tulisannya benar kemudian tekan Enter. Kalau benar akan muncul seperti dibawah ini.

16.   Pastikan gambar sudah tampil seperti diatas,, itu discrooll kebawah masih banyak lagi. Kalau sudah tinggal file yang kita simpan tadi Copy paste pada C:Windows – System32. Muncul Jendela Pilih COPY n REPLACE. Akan tampak efek dengan kecepatan XXX Cahaya. SUKSES silahkan lihat tampilan WMP Sobat.

Ket:

Kita masuk dalam CMD tadi hanya untuk mengambil alih kepemilikan atau ijin akses dan ganti file *dll tadi. Jika belum berhasil bisa tanya.

#Sorry Sob Tulisane agak morat-marit soalnya lagi pusing banget. . . :)

Komputer , Tutorial

Cara Membuat Label Animasi

Cara Membuat Label Animasi >>>buat blog sobat lebih menarik dengan membuat label bergoyang, Sekarang kita akan menambahkan membuat label ala Ayu Ting-ting yang suka bergoyang. Apa efeknya? Jadi, ketika sobat meletakkan kursor sobat pada salah satu label, label akan bergerak ke kanan. . Terlihat benar bagus? Sekarang, jika sobat ingin mencoba Label animasi dengan jQuery, cukup ikuti langkah-langkah di bawah ini.

1. Login ke akun blogger sobat
2. Pergi ke Desain -> Edit HTML
3. Copy kode di bawah, dan paste di atas </head>

__________________________________________________

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 450;
$undefineddocument).readyundefinedfunctionundefined) {
$undefined'a.linknudge, .Label ul li a').hoverundefinedfunctionundefined) {
$undefinedthis).animateundefined{
paddingLeft: '20px'
}, dur);
}, functionundefined) {
$undefinedthis).animateundefined{
paddingLeft: 0
}, dur);
});
});</script>

__________________________________________________

 4. clik save template.. 

Cara Membuat Label Animasi Mudah n Simpel kan?? Semoga bermanfaat sobat. . . .

 Tags: Membuat animasi label, membuat label bergerak, cara membuat label animasi, tips membuat label bergerak

Blog , Tutorial

Mau Browsing Lebih Cepat??

Ingin mengakses website lebih cepat di Firefox, tips berikut adalah 8 langkah mempercepat Firefox

1. Ketik about:config di address bar Firefox kamu kemudian tekan Enter
2. Double-klik pada pada network.http.pipelining and network.http.proxy.pipelining dan rubah nilainya ke TRUE
3. Double-klik network.http.pipelining.maxrequests dan rubah nilainya ke 8.
4. Double-klik network.dns.disableIPv6, rubah ke TRUE
5. Double-klik network.http.keep-alive, rubah ke TRUE
6. Rubah network.http.version ke “1.1″
7. Klik kanan di area kosong dan kemudian klik New, pilih Integer dan beri nama nglayout.initialpaint.delay dengan nilai (value) 0
8. Klik kanan di area kosong kemudian pilih New, klik Boolean kasih nama config.trim_on_minimize dan nilai (value) TRUE

Setelah cobalah untuk mengetes Firefox kamu.

Gimana? Simpel Bukan???

Keyword: Tips Mempercepat Internet, trik mempercepat Browsing, Hack Internet.

Tutorial

Cara Membuat Daftar Isi Keren

Cara Membuat Daftar Isi Keren tidaklah sulit sob, qm bisa ganti background sesuai keinginan atau menyesuaikan warna template sobat. Nich seperti punyaku disamping kanan juga bisa n satu lagi, pastinya dapa dikelompokkan menurut tanggal publikasi, judul, ataupun menurut kategori.

Ok langsung aja menuju TKP :

1.     ==>  Masuk Dasboard sobat

2.     ==>  Pilih Design or Rancangan  

          ==>  Pilih Add Gadget kemudian HTML/Java Script

3.     ==>  Masukkan kode berikut didalamya n bisa kasih judul sesuai selera

 _________________________________________________________

 

<div style="-moz-border-radius: 7px 7px 7px 7px; background-color: transparent; border: 0px solid rgb(33, 33, 33); height: 400px; margin: 0px; overflow: auto; padding: 10px; text-align: left; width: auto;" >

    <div id="cl_option">

    Tunggu Broo. . .  </div>

    <div id="cl_content_list">

    </div>

    <script type="text/javascript">

    var jumlah_kata_dalam_ringkasan = 500;

    </script>

    <script src="http://cah-ngebel.googlecode.com/files/sitemap-rohman.js">

    </script>

    <script src="http://trimudareog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=9999">

    </script> </div>

    <div style="clear: both;" >

    </div>

 ________________________________________________________

Ok selamat mencoba sobb. . . semoga bermanfaat. . . .

Keterangan:

Ganti warna biru dengan alamat situs sobat

Ganti warna merah dengan warna sesuai keinginan sobat, kodenya bisa lihat disini

Ganti warna ungu dengan lebar gadget sobat,

NB: bisa juga diletakkan dalam posting

Tags: cara membuat daftar isi keren, cara membuat daftar isi menarik, cara buat daftar isi otomatis, cara buat daftar isi keren, cara membuat daftar isi keren, cara membuat daftar isi

Blog , Tutorial

Cara Mendapatkan 1000 Backlink Berkualitas

Cara Mendapatkan Backlink Gratis Berkualitas?? Sobat mau dapet backlink gratis dan berkualitas?? ok disini caranya?? hehehe :)
ini adalah salah satu cara yang ampuh untuk mendapatkan backlink satu arah(one way backlink) dengan cara yang mudah Gratis lagi. siapa coba yang gak mau gratisan :-p
Ini merupakan cara dahsyat untuk tukar link. Karena satu link yang kita pasang akan dibantu dipromosikan oleh 1 juta orang lebih hanya dengan mengajak 2 orang saja. Cukup mudah mengajak 2 orang untuk daftar, karena semua butuh promosi, setiap orang ingin linknya tersebar dengan cepat. Apalagi kalau lebih dari 2 orang., bisa sobat bayangkan bukan.
Kemudian ini juga sangat berkualitas karena kejujuran. artinya benar2 usaha kita.

Kalau berminat silahkan sobat daftar disini
Setelah itu silahkan cek password yang dikirim ke email sobat, kemudian langsung login dan pasang judul iklan sobat, keterangan dan URL link Blog sobat jangan lupa.
Dan satu lagi kita juga diberikan sebuah web replika untuk mengajak memberkita,


Kalau sudah siap sekarang tinggal sobat promosiin aja tu link yang diberikan dan dapatkan hasil backlink yang yang buuaanyakk sekali...
selamat mencoba semoga sukses dan sangat sukses!!!!!


tags: 1000 backlink, backlink gratis, trik backlink, cara mendapatkan backlink.

Tutorial

Membuat Kotak Parse kode HTML

Lihat Disini contohnya: Membuat Kotak Parse kode HTML >> Kotak untuk memparse kode html sangat penting bagi para blogger, contohnya untuk memberi tutorial seperti membuat efek pelangi pada link blog, maupun membuat efek turun salju pada blog yang memaksa kita untuk menampilkan kode html atau javascript pada postingan, nah kali ini saya tulis saja cara membuat kotak untuk parse html .
Kodenya adalah dibawah ini???
 _______________________________________________________
<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=315&amp;h=200&amp;title=Post-Code%3A+code+converter&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js"><br /></script>
________________________________________________________

Silahkan sobat letakkan sesuka hati, sesukamu boleh dipostingan, di sidebar, gadget kana kiri atau terserahlah. . .

mauuu???? langsung aja ambila ssob. . . jangan lupa koment. . .ok

tags: parse HTML, parse kode, encode, decode, jinakkan kode. trimudareog, cah ngebel

Blog , Tutorial

Membuat Rolling Buku Tamu Sembunyi

Ok setelah kemarin membuat buku tamu sembunyi maupun buku tamu tanpa di klik. Sekarang tutorialnya sedikit berbeda sob meskipun masih dalam ruang lingkup buku tamu/guest book.

Untuk membuat rolling widget supaya bersembunyi, berikut adalah langkah-langkahnya:
1. Login ke blogspot kamu
2. Klik Rancangan
3. Klik Edit HTML
4. Centang kotak kecil html dan download html kamu untuk backup
5. Copy kode dibah ini dan letakkan tepat dibawah kode </head>

<!-- Mulai Rolling Widget -->
<style type="text/css">
#gb{
position:fixed;
top:10px; /*jarak dari atas*/
right:0px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:none;
}
.gbcontent{
float:left;
border:2px solid #888888; /*warna bingkai*/
background:#F0F0F0; /*warna latar*/
padding:5px 10px 0px 10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">
<div class="gbtab" onclick="showHideGB()"></div>
<div class="gbcontent">
<div style="text-align:center;"><a href="javascript:showHideGB()" title="Close/Tutup"><img style="border:0px; width:100px; height:auto;" alt="Guestbook" src="http://i563.photobucket.com/albums/ss76/peace_enes/guestbook.png" /></a></div>

Kode Shoutbox atau Buku Tamu

<script type="text/javascript" src="http://infonetmu.googlecode.com/files/rollingwidget.js"></script>
</div></div>
<!-- Selesai Rolling Widget -->

6. Save template kamu.
7. Setelah itu buatlah sebuah link untuk menampilkan rolling widget, seperti berikut :

<a href="javascript:showHideGB()">Buku Tamu</a>

Ente bisa menempatkan link ini pada navbar menu, sidebar, atau di tempat lain. Sobat juga dapat mengganti Buku Tamu dengan Guest Book, Chat Room, ShoutBox, atau Juga dengan gambar.
Ok sob sampai disini cara membuat rolling Guest Book, Semoga Bermanfaat!

Tags: trimudareog, telaga ngebel, cah ngebel, nurrohman,  cara buat buku tamu, cara membuat buku tamu melayang, cara membuat buku tamu rolling, cara membuat buku tamu sembunyi

Blog , Tutorial

Mengubah Warna Background Blog Setiap Halaman Posting

Tetap semangat! Sehubungan dengan judul postingan Mengubah Warna Background Body Blog Setiap Halaman ini, saya ingin memberi tutorial sedikit. Maksudnya adalah warna background di Home Page (halaman depan) misalnya akan berbeda dengan warna background berikutnya ketikan membuka postingan lain. Jadi, warnanya akan berubah ketika pengunjung membuka halaman lain dalam blog Sobat. Langsung aja ke TKP :

1. Login ke akun blogger Anda.
2. Klik Rancangan
3. Klik Edit HTML
4. Cari kode . Untuk memudahkan mencarinya, tekan CTRL + F.
5. Letakkan kode berikut tepat di bawahnya.
6.

<script> /*Random background color- by javascriptkit.com Visit JavaScript Kit (http://javascriptkit.com) for script Credit must stay intact for use*/ //Enter list of bgcolors: var bgcolorlist=new Array(#DFDFFF, #FFFFBF, #80FF80, #EAEAFF, #C9FFA8, #F7F7F7, #FFFFFF, #DDDD00) document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)] </script>

7. Setelah itu klik Save Template dan lihat hasilnya.

Selamat mencoba sob. . .
Keyword:
Membuat warna background berbeda , membuat background tiap halaman, cara merubah background tiap posting beda.

Blog , Tutorial

Cara Pasang Link Gambar di Blog

1. Upload gambar yang Anda  inginkan ke dalam text editor, klik ikon seperti gambar berikut ini :
 

2. Nanti akan mucul gambar seperti di bawah ini :
 

Upload Images : ialah untuk memasukan foto/gambar dari komputer kita
****



Web address (URL) : ialah untuk memasukan foto/gambar yang sudah ada di internet, Anda tinggal copy paste alamat gambar, kalau Anda mengunakan mozila,
1. Arahkan kursor pada gambar yang anda pilih

2. Lalu klik kanan, pilih copy link location
 
3. Paste alamat tesebut di kolom seperti di atas
 

4. Lalu klik Ok

Membuat Link Gambar ;
1. Blok gambar yang ingin anda buat link :
 


2. Klik toolbar "link" seperti yang di tandai di atas,
lalu kan muncul seperti ganbar di bawah ini
 
3. Klik OK
Semoga bermanfaat

Blog , Tutorial