Showing posts with label saat. Show all posts
Showing posts with label saat. Show all posts

Thursday, December 22, 2016

Cara Membuat Gambar di Blog Berputar saat disentuh Cursor

Cara Membuat Gambar di Blog Berputar saat disentuh Cursor


Selamat sore sahabat blogger semua !!! Kali ini, aq akan membagikan Tips dan Trik nih buat kalian semua tentang Cara Membuat Gambar di Blog Berputar saat Tersentuh Cursor.

Cara Membuat Gambar Berputar Tersentuh Cursor :

  • Login Blogger.com
  • Klik Template
  • Edit HTML => expand template widget => Cari kode  ]]></b:skin>
  • Letakkan kode di bawah ini di tepat atas kode  ]]></b:skin> :
Gambar berputar di posting blog :
.post img{-o-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;}.postimg:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
Gambar berputar dan membesar di posting blog :
.post img{-o-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s 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;}
Gambar Post dan Komentar :
.img{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.img:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
Hanya Gambar comment :
.comment img{-o-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;}.commentimg:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
Hanya Gambar Header saja :
.header img{-o-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;}.headerimg:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
  • Save template
Catatan : Kode-kode diatas sebenarnya sama, yang membedakan hanyalah perintah yang telah aq beri warna merah pada fontnya.


Go to link Download

Read more »
Posted by at
Labels: , , , , , , , ,

Cara membuat link otomatis saat artikel di copas di blogger

Cara membuat link otomatis saat artikel di copas di blogger


Sekarang saya akan menjelaskan tentang sebuah trik blogger yang cukup menarik dan mungkin sangat penting bagi para blogger, trik ini adalah cara membuat sebuah link otomatis saat artikel di copy paste di blogger. Manfaat dari membuat link otomatis ini adalah jika saat ada orang lain yang ingin mengcopy paste artikel kita tanpa ada izin dari admin, link tersebut akan muncul di bawah postingan yang di copy dengan sendirinya. Cara ini sedikit membutuhkan bantuan kepada sebuah website yang bernama tynt yang bisa Anda kunjungi disini. Nah, sekarang dari pada berlama-lama disini dan tidak ada gunannya langsung saja kita belajar membuat link otomatis saat artikel di copy paste di blogger, ikuti langkah-langkah di bawah ini.

Cara membuat link otomatis saat artikel di copy paste di blogger

Part 1

1. Kunjungi websitenya disini

2. Klik " Start Here. Its Free "

3. Masukkan E-mail, Domain, dan Password Anda

4. Jangan lupa untuk mencentang " I agree to the Usage and Privacy Agreements "

5. Kemudian klik Next, sampai menemukan sebuah kode HTML

6. Simpan kode HTML tersebut sementara

Part 2

1. Login ke blogger
2. Pilih Rancangan
3. Klik Edit HTML
4. Centang Expand Template Widget
5. Taruh kode HTML tadi dibawah kode <head>

6. Simpan jika sudah selesai

Catatan :

? Anda bisa mengatur link data yang ingin di tampilkan jika sudah selesai

? Kode HTML dibawah ini adalah milik http://v3-class.blogspot.com/

<script type="text/javascript">

if(document.location.protocol==http:){

 var Tynt=Tynt||[];Tynt.push(dMf2i-mo4r4B25acwqm_6r);Tynt.i={"ap":"Read more:"};

 (function(){var s=document.createElement(script);s.async="async";s.type="text/javascript";s.src=http://tcr.tynt.com/ti.js;var h=document.getElementsByTagName(script)[0];h.parentNode.insertBefore(s,h);})();

}

</script>
Semoga Berhasil...

Go to link Download

Read more »
Posted by at
Labels: , , , , , , , ,

Friday, December 2, 2016

Cara Membuat Gambar Membesar Saat Disorot Pointer Mouse

Cara Membuat Gambar Membesar Saat Disorot Pointer Mouse


[parwito-file]:Nah kawan kawan semua untuk kali ini saya ingin mencoba berbagi trik bagaimana Cara Membuat Gambar Membesar Saat Disorot Pointer Mouse, sangatlah simple caranya yaitu dengan cukup memasang kode di bawah ini bersama kode css yang lain. 
<style type=text/css>
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
</style>
 Jika teman-teman ingin membuat efek seperti ini hanya ada pada halaman posting, silahkan ganti kode diatas dengan kode di bawah ini.
<b:if cond=data:blog.pageType == "item">
<style type=text/css>
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
</style>
</b:if>
Bagaimana cara pasangnya :

1. Masuk blogger dahulu
2. ke Template kemudia edit HTML --> Proses
3. Cari kode </head> dengan cara CRTL + F
4. Taruh kode tadi diatas kode </head>
5. Simpan
 

Contoh Gambar , soroti dengan MOuse untuk cek :


Go to link Download

Read more »
Posted by at
Labels: , , , , , , ,

Tuesday, November 15, 2016

CARA MEMBUAT TEKS SKRIP ALERT SAAT MASUK BLOG KITA

CARA MEMBUAT TEKS SKRIP ALERT SAAT MASUK BLOG KITA


Nah bagaimana seh cara buatnya..ayo jadi penasarankan? sebenarnya ini cuma content biasa aja dan dulu sudah sering dibahas oleh para blogger angkatan 90-an hehehe..tapi ga pa pa deh kita bahas lagi ya
Nama tutorial ini adalah Alertbox atau pesan pembuka pada blog seperti punya teman kalian, nah sebenarnya sekarang tutorial ini jarang dipakai, ntah kenapa, tapi ada juga yang memodifikasi lebih sempurna lagi contohnya coba liat www.pdp.or.id maaf ini bukan mau kampanye cuma ini hanya sekedar contoh aja ya....


membuat Pesan pembuka diBlog seperti ketika kamu membuka blog teman kalian tidak begitu sulit...mudah-mudahan bisa ya


1. Kamu Harus Punya Blog
2. Login ke Blogger.
3. pilih Layout ==> Edit HTML
4. letakkan kode berikut dibawah tag <body>




<script type=text/javascript>
var name = prompt("Hallo..Selamat Datang... Nama Kamu siapa..?", "nama kamu disini");
alert("Lam Kenal yach "+name)
alert("met Surfing di Blogku...")
</script>




5. Simpan. Lihat Hasilnya SELAMAT BERKREASI................good luck!!!

Go to link Download

Read more »
Posted by at
Labels: , , , , , , , ,

Monday, November 14, 2016

Cara Membuat Link Sumber Muncul Secara Otomatis Saat Artikel Di Copy Paste

Cara Membuat Link Sumber Muncul Secara Otomatis Saat Artikel Di Copy Paste


Selamat Datang kembali di blog KrayonPekalongan.
Tentunya kabar kalian baik-baik saja bukan,ya jika tidak begitu kalian tidak akan berkunjung untuk melihat artikel ini. sebelum membaca artikel ini Sahabat juga bisa baca artikel sebelumnya yang telah saya bahas hampir sama dengan artikel ini yaitu "Cara Agar Postingan Blog Tidak Bisa Copy Paste" mungkin para Sahabat Krayonpekalongan tidak ingin artikelnya di copy paste oleh orang lain apalagi orang yang copy paste artikel kita tidak meminta izin terlebih dahulu, atau tanpa menyertakan sumber akan tetapi sahabat tidak perlu cemas karena saya punya solusinya.

Sebenarnya sudah yang banyak yang membuat artikel seperti ini akan tetapi setelah saya selidiki ternyata caranya banyak yang salah atau sudah tidak bisa digunakan (Hal ini dikarenakan banyak yang postingan artikel tentang "Cara Membuat Link Sumber Muncul Secara Otomatis Saat Artikel Di Copy Paste" dari hasil copas") dan banyak yang mengeluh.

Tapi kali ini krayonpekalongan.blogspot.com akan share Tips Blog yang dijamin 100% bisa, yang berjudul Cara Membuat Link Sumber Muncul Secara Otomatis Saat Artikel Di Copy Paste. Muncul Link sumber secara otomatis ketika artikel kita di Copy Paste atau bahasa sekarang namanya COPAS, cara ini akan menambah kualitas Artikal/Postingan sahabat. Jadi jika sahabat memasang Link sumber muncul secara otomatis, akan terlihat link sahabat. Dan dapat mengetahui dari mana Artikel tersebut. Langsung saja ikuti Step by Step dibawah ini.

Cara Membuat Link Sumber Muncul Secara Otomatis Saat Artikel Di Copy Paste :

· Login ke Blogger, atau klik disini
· Template --> Edit HTML
· Cari kode </head> agar cepat mencarinya tekan ctrl +F lalu ketik </head>
· Dan copy kode dibawah ini diatas kode </head>


<script type=text/javascript>

function addLink() {

var body_element = document.getElementsByTagName(body)[0];

var selection;

selection = window.getSelection();

var pagelink = "<br/><br/>Sumber :<a href="+document.location.href+">"+document.location.href+"</a><br/>Copyright krayonpekalongan.blogspot.com | Dunia Software dan Informasi teknologi |"; // change this if you want

var copytext = selection + pagelink;

var newdiv = document.createElement(div);

newdiv.style.position=absolute;

newdiv.style.left=-99999px;

body_element.appendChild(newdiv);

newdiv.innerHTML = copytext;

selection.selectAllChildren(newdiv);

window.setTimeout(function() {

body_element.removeChild(newdiv);

},0);

}document.oncopy = addLink;

</script>



Catatan :
1. Kode yang berwarna MERAH ganti dengan URL Blog Sahabat
2. Kode yang berwarna Biru ganti dengan Deskripsi Blog Sahabat atau kata-kata terserah Sahabat.




Go to link Download

Read more »
Posted by at
Labels: , , , , , , , , , , ,

Monday, November 7, 2016

Cara Memberikan Efek Pada Icon Saat Di Klik Caya Techno

Cara Memberikan Efek Pada Icon Saat Di Klik Caya Techno



Hi sobat Blogger,ane mau share Trik pc yang dapat memperindah tampilan PC sobat.Trik ini sudah saya lakukan dan hasilnya memuaskan.Pernah nggak meng-klik icon yang ada di deskop PC sobat???Ada efeknya nggak???Kalau nggak ada efeknya,silahkan sobat simak trik yang satu ini.

Persiapan :
1.Uber Icon,kalau belum punya silahkan download di sini
2.Icon pada deskop PC sobat.

Langkahnya :
1.Setelah sobat download dan install Uber Icon,pindahkan juga folder Plugins-nya ke C:Program FilesUber Icon
2.Buka Uber Icon sobat,trus klik kanan

3.Setelah sobat klik kanan,pilih Plugins trus Klik salah satu plugins yang ada

Go to link Download

Read more »
Posted by at
Labels: , , , , , , , , ,

Saturday, October 29, 2016

Cara Membuat Link Membesar Saat disentuh Kursor

Cara Membuat Link Membesar Saat disentuh Kursor


 
http://tutorialblog.org/wp-content/themes/tb_agent/images/tb-logo.png 
 
Tutorial kali ini tentang trik atau cara untuk membuat blog menjadi lebih menarik. "Membuat Link Membesar Saat disentuh Kursor". Maksudnya link yang pada saat dilintasi cursor mouse akan menjadi besar tulisannya, Selain cara ini Anda juga bisa Membuat Gambar Membesar Saat disentuh Cursor, Membuat Link Berkedip Saat Disentuh Cursor, Membuat Link Berwarna Warni, dan lain-lain.
Buat Sobat yang ingin memasang trik ini silakan ikuti tutorial dibawah ini.

Cara Membuat Link Membesar Saat disentuh Kursor :
  • Masuk ke akun blogger sobat.
  • Pilih Template > Edit HTML.
  • Ceklis / Centang Expand Widget Template.
  • Cari kode a:hover { 
  • Ganti kode font-size dengan ukuran yang lebih besar.
    Contoh :
    a:hover {
    color:#d2691e;
    font-size:10px;
    font-style:italic;
    cursor:wait;
    }
    ganti dengan
    a:hover {
    color:#d2691e;
    font-size:19px;
    font-style:italic;
    cursor:wait;
    }
  • Terakhir klik Simpan Template.
Selamat Mencoba dan Semoga Bermanfaat...

Go to link Download

Read more »
Posted by at
Labels: , , , , , ,

Monday, October 24, 2016

Cara Membuat Gambar Membesar Saat disentuh Cursor

Cara Membuat Gambar Membesar Saat disentuh Cursor


 
http://tutorialblog.org/wp-content/themes/tb_agent/images/tb-logo.png
 
Mungkin sebagian Blogger sering melihat gambar yang menjadi besar apabila tersentuh cursor. Dalam dunia blogging fitur seperti ini sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects. Fitur yang satu ini lumayan banyak di senangi para blogger walaupun sebenarnya dengan memasang Image Zoom Effects ini di blog dapat menggangu pengunjung yang sedang membaca postingan kita.
Postingan ini saya buat untuk melengkapi Tutorial di blog ini, buat sobat yang ingin memasangnya silakan Anda ikuti tutorial dibawah ini.

Cara Membuat Gambar Membesar Saat disentuh Cursor :
  • Masuk ke akun blogger sobat.
  • Pilih Template > Edit HTML.
  • Ceklis / Centang Expand Widget Template.
  • Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
  • Kalau sudah ketemu, letakkan kode berikut tepat di atas kode ]]></b:skin>
    .post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
    .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
  • Terakhir klik Simpan Template. Sekarang lihat hasilnya di blog Sobat.
Semoga tutorial singkat ini bisa bermanfaat...

Go to link Download

Read more »
Posted by at
Labels: , , , , , ,
Subscribe to: Posts (Atom)