Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

Tuesday, September 17, 2013

Membuat Huruf Besar (Drop Cap) pada Awal Postingan

Membuat Huruf Besar (Drop Cap) pada Awal Postingan
Membuat Huruf Besar (Drop Cap) pada Awal Postingan ~ Blog Area Share | Tahukan teman-teman apa itu Drop Cap? Drop Caps adalah huruf besar yang ukurangnya mungin 10 kali lipat huruf biasa yang diletakkan di awal artikel. Nah kalau teman-teman semua tertarik untuk membuat nya, saya akan kasih tau tutorialnya. Sebenarnya membuat drop caps ini sangatlah mudah, tapi untuk lebih jelasnya silahkan ikuti langkah-langkah di bawah ini :
  1. Login ke Blogger.
  2. Langsung ke TEMPLATE » Edit HTML.
  3. Cari kode berikut ]]></b:skin>.
  4. Masukkan kode di bawah ini, di atas]]></b:skin>.
    /*kode untuk huruf awal*/
    .awal {
    float:left;
    color: #000000;
    background:#fff;
    line-height:40px;
    padding-right:5px;
    font-family:times;
    font-weight:bold;
    font-size:100px;}
  5. Klik Save Template / Simpan.
  6. Untuk menerapkan drop cap ini, setiap posting anda harus lewat Edit HTML, bukan lewat edit HTML di Template anda. [Lihat Gambar Di Bawah]

    Membuat Huruf Besar (Drop Cap) pada Awal Postingan
    [Klik Untuk Memperbesar]

    Ketikkan kode ini dulu <span class="awal">huruf awal</span>

    Kata huruf awal, ganti dengan huruf pertamamu yang akan kamu posting. Misalnya :
    <span class="awal">L</span> 
Oke, selamat mencoba sahabat blogger...!!

Sumber : http://dicari-in.ga

Tuesday, September 10, 2013

Redirect Halaman Error 404 [Page Not Found] Ke Homepage Untuk Blogger

Ketika pembaca berkunjung ke blog, ada kalanya mereka menemukan sebuah halaman error 404 [page not found] atau halaman tidak ditemukan. Hal ini dikarenakan oleh beberapa faktor, yakni penghapusan artikel oleh admin, penggantian URL halaman, salah mengetikkan URL oleh pengunjung dan yang lain sebagainya.

Redirect halaman rusak ke halaman lain konsepnya hampir sama dengan Desain Halaman Error 404 Page Not Found yang pernah saya bahas sebelumnya, tetapi perbedaannya yakni pada penerapannya, dimana Desain Halaman Error 404 membutuhkan partisipasi visitor untuk mengklik sebuah link untuk kembali ke homepage/halaman lain, sedangkan Redirect Error Page akan melakukan pengalihan kehalaman lain secara otomatis.

Gbr. Contoh Page Not Found

Berikut Cara Pemasangannya
  • Log In terlebih dahulu ke Akun Blog Sobat.
  • Pilih Setelan » Preferensi Penelusuran » Kesalahan dan Pengalihan » Pesan Khusus untuk Laman Tidak Ditemukan » Edit (Lihat gambar di bawah untuk lebih jelasnya).
    Gbr. Cara Pemasangan 
  • Copy Kode berikut ini ke dalamnya.
    <!-- http://lostsector.blogspot.com design -->
    <!-- Edited by area-share.blogspot.com -->
    <p align='center'><strong>
    <font color='#ff0000' size='25px'>
    Error 404</font></strong></p>
    <p align='center'><strong><font color='#ff0000' size='25px'><br/>
    [Page Not Found]...!!! </font></strong></p>
    <br/>
    <p align='center'><font color='#0000ff' style='font-size: 25px'><strong>Kami mohon maaf atas ketidaknyamanan ini.</strong></font></p><br/>
    <p align='center'><font color='#000' style='font-size: 15px'>Dalam beberapa saat, anda akan dialihkan ke halaman awal secepatnya...!!!</font>
    <script type = "text/javascript">
    //Redirect Page Not Found - Error 404 By Lostsector
    LS_redirect = setTimeout(function() {
    location.pathname= "/"
    }, 5000);
    </script>
    <!-- Edited by area-share.blogspot.com --> 
  • Selanjutnya, pastekan kode yang anda copy sebelumnya ke dalam form pengalihan (lihat gambar).
    Gbr. Form Pengalihan
  • Kemudian pilih "Simpan Perubahan". 
Apabila ingin mengalihkan atau meredirect ke halaman tertentu, pathname ganti menjadi href dan ganti tanda "/" (slash atau garis miring) dengan URL halaman yang akan dituju maka hasilnya akan menjadi seperti ini :

    <script type = "text/javascript">
    //Blogger 404 Redirect v1.0 by Lostsector
    BSPNF_redirect = setTimeout(function() {
    location.href= "http://area-share.blogspot.com/2012/08/blog-post.html"
    }, 5000);
    </script>
Selamat mencoba dan semoga bermanfaat...!!!
[Script dikutip dari Lostsector Blog's]

Sunday, September 1, 2013

Cara Membobol Anti CTRL + U di Blog

Cara Membobol Anti CTRL + U di Blog
Cara Membobol Anti CTRL + U di Blog ~ Blog Area Share | Pemberian Script anti CTRL + U atau lebih dikenal sebagai anti View Source pada Blog sangat berguna untuk membuat Blog aman dari tangan-tangan jahil tukang COPAS. Sebelumnya admin sudah pernah posting bagaimana cara meminimalisir pencurian Kode HTML/Source Code dari suatu Blog/Website dengan Cara Mengalihkan CTRL + U dan Mendisable CTRL + U. Namun penggunaan cara tersebut dinilai kurang efektif karena masih bisa dibobol.

Pada kesempatan kali ini, admin akan berbagi cara untuk membobol Anti CTRL + U di Blog. Ada yang ingin tahu caranya?? Simak baik-baik ulasan berikut ini... :)

  • Pertama jalan-jalan ke Blog yang sudah menerapkan anti CTRL + U.
  • Jika sudah dapat, sekarang sobat tekan CTRL + U untuk memastikan sekali lagi bahwa Blog tersebut menerapkan Anti CTRL + U. Bagaimana sobat? Apakah sobat mengalami kesulitan dalam melihat sourcenya?
  • Sekarang sobat klik kolom Addres Bar yang isinya teks alamat URL blog tersebut sehingga teks tersebut terseleksi. [Lihat Contoh Gambar]

    Cara Membobol Anti CTRL + U di Blog
    Contoh Gambar
  • Jika teks alamat URL blog sudah terseleksi seperti pada gambar [Lihat Contoh Gambar], sekarang saatnya sobat tekan CTRL + U. Apa yang akan terjadi?? Sobat akan dapat dengan mudah melihat source code blog tersebut.
Jadi apakah sobat masih mau menerapkan Anti CTRL + U pada blog sobat?? Kalo saran dari Admin sih gak usah lah pasang yang kayak begituan. Percuma, ujung-ujungnya masih bisa dibobol juga. Hehehe.. :)

[Diolah dari BocahBlogs.com]

Disable Fungsi CTRL + U Pada Blog


Disable CTRL + U ~ Blog Area Share | Halo sobat Area Share, gimana kabarnya?? Setelah sekian lama Admin tidak posting di blog ini, kali ini admin akan berbagi trik untuk mengamankan konten dalam blog kita. Sebelumnya admin juga pernah posting Cara Mengalihkan CTRL + U. Cara ini ditujukan bagi sobat yang geram ketika konten dalam bentik artikel maupun gambar dibajak tanpa menapilkan link sumbernya. Nah, sekarang admin ingin berbagi cara untuk mejaga konten blog sobat agar tidak mudah dibajak. Cara ini umumnya sudah banyak beredar di Google. Karena cara ini sedikit menarik, jadi admin posting. Ingin tahu caranya?? Simak ulasan berikut baik-baik...


  • Pertama Log In ke Akun Blogger Sobat.
  • Kemudian pilih Menu Template » edit HTML.
    *alangkah lebih baik jika template di BackUp dahulu.
  • Kemudian cari tag <BODY>.
    *Gunakan F3 atau CTRL + F untuk mempermudah pencarian.
  • Jika sudah ketemu, ganti tag <BODY> dengan kode berikut :
<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>
  • Jika sudah Simpan Template sobat.

Keterangan :
  • oncontextmenu='return false;'
    Berfungsi untuk mematikan fungsi dari Klik Kanan/Right Click pada Mouse.
  • onkeydown='return false;'
    Berfungsi untuk mematikan fungsi dari CTRL + A dan CTRL + U pada Keyboard.
  • onmousedown='return false;'
    Berfungsi untuk mematikan fungsi dari Block Select pada teks/gambar.
  • return false
    Berfungsi untuk mengaktifkan script yang digunakan.
Sekarang bagaimana sobat mengaplikasikan Script tersebut pada blog sobat. Pergunakan sesuai kebutuhan saja, jangan serakah. Terimakasih... :)

Diolah dari berbagai sumber di Google.

Saturday, August 10, 2013

Alihkan CTRL + U (CTRL+U Redirect)


Alihkan CTRL + U (CTRL+U Redirect) - Sudah berminggu-minggu lamanya admin tidak posting. Pada kesempatan kali ini admin akan share cara menalihkan CTRL + U. Mungkin sobat Area Share pernah nyasar ke suatu blog, ketika sobat mau meng-COPAS artikelnya tidak bisa karena di-DISABLE. Bagi para pakar HTML mungkin ini bukan hal yang mengganggu karena mereka sudah tau caranya dengan melihat source code dari blog sasaran itu. Biasanya menggunakan cara CTRL + U. Kali ini saya akan share cara Redirect CTRL + U. Bila blog anda menggunakan trik ini maka apabila ada seseorang yg menekan CTRL + U maka secara otomatis akan di alihkan. Mau lihat demonya coba anda tekan CTRL + U sekarang. 

Fitur-Fitur :
  • Tidak bisa CTRL + U.
  • Tidak bisa CTRL + S.
  • Tidak bisa CTRL + Shift + I.
  • Tidak bisa F12.


Bagaimana sobat tertarik untuk mencobanya. Silahkan ikuti tutor berikut ini.

Pembuatan Script.
  • Pertama Copy script dibawah ini ke dalam NotePad atau Dreamweaver atau yang lainnya.

    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://area-share.blogspot.com/"}),shortcut.add("Ctrl+S",function(){top.location.href="http://area-share.blogspot.com/"}),shortcut.add("Ctrl+Shift+I",function(){top.location.href="http://area-share.blogspot.com/"}),shortcut.add("Ctrl+Shift+J",function(){top.location.href="http://area-share.blogspot.com/"}),shortcut.add("Ctrl+Shift+K",function(){top.location.href="http://area-share.blogspot.com/"}),shortcut.add("F12",function(){top.location.href="http://area-share.blogspot.com/"});
  • Kemudian simpan dalam format ".js". Contoh : "AppCTRL+U.js" [Nggak Pake tanda Kutip].
  • Lalu upload script tersebut ke Google Drive. Saya disini menggunakan Google Drive. Gak tau cara uploadnya?? Klik disini.
  • Jika sudah di upload, ambil link dari file tersebut.
Keterangan :
  • Ganti http://area-share.blogspot.com/ dengan link sobat.
  • Jika pakai Notepad pada saat menyimpan file pilih "Save As...".
  • Pada "File name" ketik "AppCTRL+U.js".
  • Pada "Save as type" pilih "All Files".
  • Kemudian Save.

Cara Penggunaan pada Blog.

  • Log In ke blogger Sobat.
  • Masuk ke Template > Edit Html.
  • Tekan Ctrl + F, lalu cari kode </body>.
  • Setelah ketemu copy code dibawah ini lalu letakkan di atas kode </body>.
<script src='https://do-not-remove.googlecode.com/files/Apctrl%2Bu.js' type='text/javascript'></script>
  • Setelah selesai SIMPAN Template kamu.
Keterangan :

  • Ganti link https://do-not-remove.googlecode.com/files/Apctrl%2Bu.js dengan link yang sudah sobat upload ke Google Drive tadi.


Jika sobat tidak mau susah-susah mengupload file tadi ke Google host, sobat tinggal menambahkan script berikut diatas </body>.

<script type='text/javascript'>
//<![CDATA[
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://area-share.blogspot.com/"});
//]]>
</script>

Keterangan :
  • Ganti http://area-share.blogspot.com/ dengan link sobat.

Friday, July 26, 2013

Cara Mencegah Link Aktif Dengan Menampilkan Salinan Komentar Pada Blog

Komentar SPAM/SPAMMING/SPAMMER [MAHO]. Kali ini saya ingin berbagi tutorial yang rasanya cukup penting. Sering terdapat di dalam blog-blog anyar/terkenal. Biasanya Itu dilakukan para SPAMMER hanya untuk mendapatkan BackLink untuk Web/Blog mereka.

Sebenarnya kalau dilihat lebih detail lagi, cara untuk mendapatkan Backlink itu banyak. Dengan membiasakan berkomentar dengan Name/URL, dll.

Disini saya akan share Langkah langkah memasang Kode demi kode di Template Anda agar bisa Menghapus Komentar SPAM di Blog secara Otomatis. Jika sebelumnya kita hanya dapat menghapus link aktif yang disertakan dalam sebuah komentar, maka kali ini kita dapat menampilkan salinan dari komentar aslinya.

Ini penampakannya sob!!
Cara Mencegah Link Aktif Dengan Menampilkan Salinan Komentar Pada Blog



Langsung saja ini Langkah-langkah nya:
  • Silahkan Login ke Blogger.
  • Pilih Template - Edit HTML.
    Cara Mencegah Link Aktif Dengan Menampilkan Salinan Komentar Pada Blog
  • Cari kode ]]></b:skin>
  • Letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
/*--- Spam Comments ----*/
p .spammer-detected {background-color: #ffffff;}
textarea {
background-color: #ff0000;
width:98%;
height:100px;
overflow:auto;
display:block;
margin:10px auto;
}
  • Masukkan kode Javascript berikut di atas kode </body>
<script type="text/javascript">

// Spammer Detected

//<![CDATA[

function blockLinks(parentID, children) {

    var parent = document.getElementById(parentID),

        content = parent.getElementsByTagName(children);

    for (var i = 0; i < content.length; i++) {

        if (content[i].innerHTML.indexOf('</a>') !== -1) {

            var salinan = content[i].innerHTML;

          content[i].innerHTML = "<div>

<mark>LINK LIFE DETECTED!!!</mark><br/>Sorry, Your comment has been hidden because you insert an active link that does not comply with the rules of this blog. This is a copy of your comments:</div>

<div>

<textarea>" + salinan + "</textarea> Thank you for your attention and your comments.<div align=right>

<img alt='Follow The Rules' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_wb_FDk6XbWqhZMQBVrcY_2h-L3uTTHd7VePqaxLEFlH0NHz3y3R7xJuxHmNqkB_vO5XMV3lnxMbFzqmSTUHXGVvuOMJcJO2gLwP0yuM8pM3ZHoToQdVc3efl6mmk7vJHlaSoNmhmp263/s1600/kartu+kuning.gif' style='border:0;'/></div>

</div>

";

            content[i].className = "spammer-detected";

        }

    }

}

// Jalankan fungsi!

blockLinks('comments', 'p');

//]]>

</script>

  • Simpan Template Anda.


Catatan:

  • Untuk warna background ganti kode #ffffff.
  • Sesuaikan teks yang hijau sesuai selera sobat.

Bagaimana sob? Kode-kode diatas dapat di edit sesuai dengan selera masing-masing, termasuk warna dan kalimatnya. Jika ingin mencoba silahkan test dengan berkomentar link aktif di kolom komentar. Terimakasih dan semoga bermanfaat.

Saturday, July 13, 2013

Cara Membuat Deskripsi Blog Berubah Otomatis

Cara membuat deskripsi blog berubah otomatis - Sahabat Blog Area Share sudah lebih dari seminggu saya tidak mengupdate tutorial mudah blog. Nah pada kesempatan kali ini, saya akan berbagi tutorial bagus untuk membuat deskripsi blog otomatis berubah mengikuti title/judul artikel.
Selidik punya selidik trik ini katanya mampu meningkatkan kualitas SEO untuk sebuah blog. Dan menurut saya sendiri hal itu dapat di benarkan juga karena kita dapat mendapat sebuah keyword tambahan selain dari artikel yang telah kita buat.

Ini contoh penampakannya sobat.

Cara Membuat Deskripsi Blog Berubah Otomatis
Gbr. Kondisi Homepage


Cara Membuat Deskripsi Blog Berubah Otomatis
Gbr. Kondisi di Halaman Posting


Oke, tertarik mencobanya. Langsung aja yuk kita simak tutorialnya step by step.
  • Log in ke account Blog sobat.
  • Klik TEMPLATE > pilih Edit Html.
    *Demi keamanan, alangkah baiknya Back Up dahulu template sobat.
  • Cari kode yang mirip seperti di bawah ini, untuk memudahkan gunakan ctrl + f kemudian ketikkan "descriptionwrapper".  *(tanpa tanda kutip)
    <div class='descriptionwrapper'>
        <p class='description'><span><data:description/></span></p>
      </div>
  • Kemudian ganti dengan kode di bawah ini :
<div class='descriptionwrapper'>   <b:if cond='data:blog.pageType != &quot;item&quot;'><p class='description'><span><data:description/></span></p><b:else/><p class='description'><span><b:if cond='data:blog.pageType == &quot;item&quot;'><strong><font style ='text-transform: uppercase;'><u><i><data:blog.pageName/></i></u></font></strong></b:if></span></p></b:if>  </div>
  • Jika sudah, jangan lupa disimpan templatenya. 
Selamat! Sekarang blog sobat sudah memasang deskripsi otomatis sesuai judul blog. Mudah-mudahan cara membuat deskripsi blog berubah otomatis, bermanfaat.