Soft Digital: Seputar Blog

Showing posts with label Seputar Blog. Show all posts

Thursday, October 16, 2014

Anti Ctrl + U Pada Blog Dengan Efek Mengalihkan

"Anti Ctrl + U Pada Blog Dengan Efek Mengalihkan"

Memang dalam dunia blogging tidak bisa dihindari atau dihentikan yang namanya para copaser atau orang yang meng'copy paste artikel di blog kita, Untuk menghindari aksi pencurian kode ini dengan menggunakan tombol ctrl + u saya punya sebuah tips. Disini jika kita menekan tombol Ctrl + U maka kita akan dialihkan kepada sebuah halaman, yang dimana halaman ini fungsinya redirect.

Dengan menggunakan Script Anti Ctrl + U maka akan sedikit lebih aman dan bisa memberikan sedikit peringatan kepada orang yang akan mencuri script dari blog kita. Script anti ctrl+u ini diberikan efek untuk mengalihkan ke halaman lain agar tidak ada yang bisa melihat kode script blog kita. Langsung saja yang ingin tau script anti ctrl+u dengan efek redirect silahkan simak dibawah ini :

Untuk DEMO silahkan tekan tombol Ctrl + U diblog ini :

Masuk ke Blogger.com
Klik Template --> Edit HTML
Cari kode </body>
Copy kode dibawah ini, lalu Paste diatas kode </body>

<script type='text/javascript'><br />//<![CDATA[<br />shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="http://kreasikita32.blogspot.com/"});<br />//]]><br /></script>

Ganti URL http://kreasikita32.blogspot.com/ dengan URL sesuka anda.

5. Klik Simpan Template

Atau menggunakan cara dibawah ini :

Cara Memasang Script Anti Copas Klik Kanan dan CTRL + U :

Masuk ke blogger edit template, jangan lupa centang widget html
Cari kode <body> pada template anda
Masukkan kode berikut kedalam kode <body> tadi.
Sehingga menjadi <body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;' ondragstart='return false' onselectstart='return false' style='-moz-user-select: none; cursor: default;'>

5. Klik Simpan Template

Tag Title :

Anti Ctrl + U Dengan Efek Redirect (Mengalihkan)
Script Disable Ctrl + U Dengan Mengalihkan Ke Halaman Lain
Mengalihkan Tombol Ctrl + U
Script Anti Ctrl + U
Redirect Tombol Ctrl + U

Nah, Sekian dulu artikel dari saya tentang "Anti Ctrl + U Pada Blog Dengan Efek Mengalihkan" Semoga artikel ini bisa bermanfaat untuk kita semua...

"Terima Kasih"

Tuesday, June 10, 2014

Jenis-jenis Border CSS Pada Blog

"Jenis-jenis Border CSS Pada Blog"

Hallo Sobat...?? Kali ini saya akan mempostingkan artikel tentang "Jenis-jenis Border CSS Pada Blog", Border atau garis pinggir pada CSS pastinya sering anda temukan pada tutorial seperti membuat horizontal menu maupun vertical menu, tertulis dengan contoh kode seperti berikut :

border : 2px solid #000000;

Keterangan :

px menunjukan ketebalan dari garis tersebut, semakin besar angkannya, semakin tebal garis border tersebut.
solid menunjukan jenis garis border.
#000000 merupakan kode warna untuk memberi warna garis border.

Namun tahukah anda, selain solid ada berbagai macam jenis border pada CSS, dan akan saya ulas dalam posting kali ini.

Berikut Jenis-jenis Border CSS Pada Blog :

Border Solid.

<div style="border: 7px solid #2a4aeb; height: 100px; text-align: center; width: 400px;">Tulisan atau isi di dalam border</div>

Ini adalah contoh border solid

Border Dotted

<div style="border: 7px dotted #2a4aeb; height: 100px; text-align: center; width: 400px;">Tulisan atau isi di dalam border</div>

Ini adalah contoh border dotted

Border Dashed

<div style="border: 7px dashed #2a4aeb; height: 100px; text-align: center; width: 400px;">Tulisan atau isi di dalam border</div>

Ini adalah contoh border dashed

Border Double

<div style="border: 7px double #2a4aeb; height: 100px; text-align: center; width: 400px;">Tulisan atau isi di dalam border</div>

Ini adalah contoh border double

Border Groove

<div style="border: 7px groove #2a4aeb; height: 100px; text-align: center; width: 400px;">Tulisan atau isi di dalam border</div>

Ini adalah contoh border groove

Border Ridge

<div style="border: 7px ridge #2a4aeb; height: 100px; text-align: center; width: 400px;">Tulisan atau isi di dalam border</div>

Ini adalah contoh border ridge

Border Inset

<div style="border: 7px inset #2a4aeb; height: 100px; text-align: center; width: 400px;">Tulisan atau isi di dalam border</div>

Ini adalah contoh border inset

Border Outset

<div style="border: 7px outset #2a4aeb; height: 100px; text-align: center; width: 400px;">Tulisan atau isi di dalam border</div>

Ini adalah contoh border outset

Sobat ingin Copas semua kode diatas..??

Copas semua kode DISINI

Catatan :

   Dimulai dari border double ke bawah pada contoh di atas, ukuran atau tebal border harus di atas 2px agar lebih terlihat perbedaannya.

   Perintah border dalam kode css akan membentuk garis kotak yang didalamnya terdapat objek teks atau bagian template, dengan angka ketebalan border 2px akan menghasilkan ketebalan yang sama pada setiap sisi garisnya.

   Untuk memberikan ketebalan yang berbeda pada setiap sisi garisnya, kita harus memberi keterangan perintah berbeda pada setiap sisi garis tersebut, seperti border-top untuk garis bagian atas, border-bottom untuk garis bagian bawah, border-left untuk garis bagian kiri dan border-right untuk garis bagian kanan, sebagai ilustrasi dalam penulisan script-nya sebagai berikut :

border-top:2px solid #dddddd;
border-bottom:9px dotted #ffffff;
border-left:1px dashed #000000;
border-right:5px double #cccccc;

Setelah mengetahui jenis-jenis garis border, kalian bisa lebih menonjolkan garis-garis border tersebut untuk design tampilan blog dan menggabungkan efek transparan pada design tampilannya.

Nah, sekian dulu artikel dari saya tentang "Jenis-jenis Border CSS Pada Blog" semoga artikel ini bisa membantu dan bermanfaat untuk kita semua...

"Terima Kasih"

Thursday, May 29, 2014

Cara Membuat Efek Daun Berguguran Di Blog

"Cara Membuat Efek Daun Berguguran Di Blog"

Cara Membuat Efek Daun Berguguran Di Blog itulah yang akan saya bahas diartikel ini, blog adalah suatu alat media untuk berbagi dengan sesama oleh karena itu kita harus memberikan keindahan dan kenyamanan blog kita salah satu caranya memasang berbagai macam efek blog, namun kita harus waspada terhadap blog kita jangan sampai dengan di pasangnya berbagai macam efek justru blog kita menjadi berat.

Mungkin pada pembahasan ini yaitu Cara Membuat Efek Daun Berguguran Di Blog sudah banyak yang membahas terlebih dahulu tapi tidak apalah saya cuma bertujuan untuk sekedar berbagi sama kalian semuanya, nah buat kalian yang ingin mencobanya Cara Membuat Efek Daun Berguguran Di Blog bisa dilihat tutorialnya di bawah ini ya.

Dalam hal ini saya ada dua cara untuk Membuat Efek daun Berguguran.

Cara Pertama :

Seperti biasa sobat harus login dulu.
Pilih menu Tata Letak kemudian klik Add Gadget dan pilih HTML/Javascript.
Silahkan copy script di bawah dan pastekan pada HTML/Javascript pada bagian konten.

Atau Copy Disini

Jika cara pertama belum berhasil kamu bisa gunakan cara kedua

Cara Kedua :

Pilih menu Template > Edit HTML, selanjutnya cari kode </head>
Copy script di atas dan letakan di atas kode </head>
Setelah semuanya beres lalu save dan silahkan lihat hasilnya.

Bagaimana gampang kan Sob..??

Sekian dulu artikel tentang "Cara Membuat Efek Daun Berguguran Di Blog, semoga ini bisa membantu dan bermanfaat untuk kita semua...

Selamat mencoba...

"Terima Kasih"

Cara Membuat Link Berkedip Warna-Warni Di Blog

"Cara Membuat Link Berkedip Warna-Warni Di Blog"

Salam semuanya kali ini saya kembali akan mengulas pembahasan baru yaitu Cara Membuat Link Berkedip Warna Warni Di Blog, pada pembahasan sebelumnya saya sempat membahas tentang Cara Membuat Link Berkedip Bintang Saat Di Sentuh Mouse hampir sama antara kedua efek ini namun untuk kali ini ketika mouse menyentuh suatu link maka warna link akan berubah dengan berbagai macam warna seperti layaknya pelangi menarik kan.

Memang saya akui sebuah blog tidak terlepas dari pernak pernik demi mempercantik tampilan blog yang kita kelola berbagai macam tampilan efek telah saya berikan..

Apakah kalian mau mencobanya...???

Ikuti langkah-langkah dibawah ini :

Login ke akun blog kalian.
Pilih menu Template > Edit HTML ( Centang Expand Widget Templates ).
Cari kode </body> ( gunakan CTRL+F untuk mempercepat pencarian kode ).
Copy kode di bawah dan letakan tepat di atas kode </body>.

Code script

Atau Copy Script Disini

Jika ingin mengantinya pada teks warna merah kamu bisa ganti URL nya dengan URL upload kamu sendiri...

Sebelum di save alangkah baiknya pratinjau dulu.
Jika sudah berhasil save dan siap dengan tampilan blog baru kalian.

Demikian artikel saya tentang "Cara Membuat Link Berkedip Warna-Warni Di Blog" , Semoga tutorial kali ini bisa bermanfaat untuk kita semuanya....

"Terima Kasih"

Monday, May 26, 2014

Cara Menambahkan Widget Followers atau Pengikut Di Blog

"Cara Menambahkan Widget Followers atau Pengikut Di Blog"

Pada pertemuan ini , saya postingkan artikel tentang mengenai Cara Menambahkan Widget Followers atau Pengikut Di Blog, Kolom pengikut merupakan salah satu cara untuk meningkatkan traffict blog kita,dengan tersedianya kolom pengikut para pengunjung bisa bergabung jika merasa tertarik atas artikel artikel yang kita buat, pengikut blog akan mendapatkan update artikel terbaru yang kita buat, dengan demikian ada kemungkinan blog kita sedikit bisa terkenal, itu kan yang kita semua inginkan....??

Cara memasang kolom pengikutnya seperti tutorialnya di bawah ini:

Langkah pertama anda login terlebih dahulu.
Pilih menu Tata Letak kemudian pilih Tambahkan Gadget.
Selanjutnya cari kolom Pengikut,jika sudah ketemu klik tanda +

Kemudian save dan silhkan lihat hasilnya.

Demikian tutorial kali ini yang menurut saya sangat singkat semoga artikel ini bisa bermanfaat buat kita semuanya...

"Terima Kasih"

Sunday, May 25, 2014

Cara Mudah Membuat PageRank Di Blog

"Cara Mudah Membuat PageRank Di Blog"

Merupakan pembahasan saya kali ini,PageRank cukup lumayan penting kita pasang pada blog dengan tujuan untuk mengetahui seberapa populerkah blog kita atas artikel artikel yang telah kita buat dengan kata lain sebagai alat ukur untuk mengetahui posisi blog kita di mata google apakah ada peningkatan traffic tetap atau turun maka kita akan mengetahuinya dengan PageRank tersebut.

Terkadang banyak orang yang tidak menyadari betapa pentingnya PageRank termasuk saya juga hehehehe,oleh karena itu mulai sekarang pasang PageRank pada blog kalian supaya kelihatan perkembangan blog yang kalian kelola,buat kalian yang belum tau caranya dan penasaran seperti apa sih PageRank itu silahkan lihat tutorialnya di bawah ini.

Langkah pertama.

Kita harus mempunyai kode HTML/Javascriptnya terlebih dahulu.
Jika belum punya silahkan buat disini www.mypagerank.net
Pilih menu Google Pagerank Button.

Selanjutnya untuk mengetahui PageRank blog kalian masukan URL blog kalian pada kotak yang tersedia kemudian klik Check PR.

Maka akan keluar gambar seperti di bawah ini :

Jika kalian ingin menerapkannya pada blog copy script yang ada pada kotak diatas.

Langkah Kedua

Cara memasang di blog sebagai berikut :

Masuk ke Tata Letak pilih Add Gadget kemudian HTML/Javascript.
Pastekan kode yang telah di copy tadi pada kolom konten.
kemudian save dan lihat hasilnya.

Demikian postingan artikel dari saya tentang Cara Mudah Membuat PageRank Di Blog. semoga ini bisa bermanfaat buat semuanya.

"Terima Kasih"

Saturday, May 24, 2014

Cara Menambah Dan Mengganti Font di Blog

"Cara Menambah Dan Mengganti Jenis Font di Blog"

Banyak blogger yang tidak merasa puas atau kurang puas dengan font yang formal dan ingin menggantinya dengan font yang lebih menarik. Sebenarnya ini sangat mudah jika template blog anda dilengkapi fungsi variabel untuk mengganti font. Lalu bagaimana jika template blog anda tidak dilengkapi dengan variabel itu?

Kebanyakan template hasil download tidak bisa diedit di perancang template. Jadi untuk mengganti fontnya, anda perlu melakukan hal-hal sederhana berikut :

Memilih Jenis Font

Buka halaman http://www.google.com/webfonts/ untuk memilih font yang anda inginkan.
Jika anda sudah menemukan huruf-huruf yang anda sukai tinggal klik Add to Collection pada bagian kanan bawah sampel huruf. Silahkan pilih lebih dari satu huruf jika diperlukan

Jika anda sudah selesai memilih huruf silahkan klik Use

Anda akan dialihkan ke halaman baru. Pada halaman baru ada 2 hal yang harus anda lakukan

Pertama, pilih jenis ketebalan huruf yang diinginkan. Semakin banyak variasinya, maka akan semakin berat loading halaman anda nantinya

Kedua, copy kode yang diberikan untuk dipasang di blog

Menambahkan Font Pada Blog

Jika sudah menyelesaikan tahapan di atas sekarang masuk ke akun blogger anda.
Pilih menu Template > Edit HTML
Cari kode </b:skin> dan paste kode yang tadi anda copy dibawahnya
Jangan lupa untuk menambahkan kode / sebelum penutup > pada kode tersebut. Hasilnya akan terlihat seperti contoh di bawah

Atau Copas Disini Code font

Simpan Template

Cara Menggunakan Font

Sekarang setelah selesai melakukan langkah langkah sebelumnya anda tinggal memakai font itu. Contohnya seperti di bawah ini :

#outer-wrapper {
margin:0 auto;
padding:0px;
text-align:$startSide;
font-family:"Special+Elite";
font-size:13px;
margin:10px auto;
}

#header { max-width: 450px; text-align: left; color:#fff;float: left; font-weight: 700; font-family: Special+Elite; }

Untuk mengganti font Header, cari dan pastekan pada code h1, dan teks yg berwarna merah diatas bisa anda ganti dengan font teks yang anda pilih.

Sekian tutorial saya semoga bisa bermanfaat untuk kita semua, dan mohon maaf bila ada kekurangan dalam penulisan yang kurang bisa dipahami..

"Terima Kasih"

Thursday, May 22, 2014

Cara membuat animasi naruto bergerak di pojok blog

"Cara membuat animasi naruto bergerak di pojok blog"

Wah ,, kembali lagi neh.. hehehe.. kali ini saya mencoba untuk mengshare kepada para sahabat semua mengenai cara membuat widget animasi bergerak di pojok blog. Namun pada kesempatan kali ini saya akan memberikan animasi animasi khusus seputar naruto. maklum saya kan penggemar berat naruto, lagi pula animasi naruto dkk ini sangat keren dan menarik loh.. dan sangat pass jika di jadikan pernak pernik penghias blog anda.. nah dari pada berpanjang lebar, langsung saja saya berikan tips cara memasangnya.

Cara Memasang Widget Animasi Bergerak Naruto :

Login ke dasbor blog anda
Pilih rancangan
Pilih Tambah Gadget
Pilih Html/Java Script
Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kreasikita32.blogspot.com/" target="_blank"><img border="0" src=" http://www.4shared.com/download/2INwdZ4Oce/kankuro.gif?lgfp=1000" title="animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://kreasikita32.blogspot.com/" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

Atau Copas Disini

"Dan pada teks yang berwarna hijau bisa kamu ganti dengan URL sesuai keinginan kamu"

Pastekan kode tadi di Html/java script tadi.
Simpan, dan selesai

Catatan !!

Ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna merah pada script tersebut.
bottom (bawah), top (atas), left ( kiri), right (kanan),

Contoh :

Jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..

Contoh Animasi Naruto

Sekian Dulu artikel dari saya semoga ini bisa bermanfaat untuk kita semua...

"Terima Kasih"