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.

Saturday, June 29, 2013

Cara Verifikasi Komentar OpenID di Blog

Bagi anda yang ingin  tau Cara Verifikasi Komentar OpenID di Blog di sini saya akan memberi tutorialnya secara singkat dan jelas. Cekidot..
OpenID blogger
Gbr. OpenId Blogger
  • Login ke Akun Blogger sobat.
  • Lalu pilih menu TEMPLATE.
  • Klik Edit HTML.
  • Copy kode di bawah ini :

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> 

  • Masukan kode tersebut setelah kode <head> atau sebelum </head>. terserah sobat mau meletakkannya dimana saja.
  • Setelah selesai Save Template sobat.
Setelah itu mulailah berkomentar dengan OpenId Blog sobat dengan cara mengetikan alamat blog sobat  miliki. Sebagai contoh area-share.blogspot.com atau namablog.blogspot.com (lihat gambar)

komentar openID
Gbr. Komentar OpenId

Untuk yang pertama kali memakai openID biasanya akan ada konfirmasi dari blogspot untuk openID yang sobat gunakan. Langsung pilih saja Always setelah itu setiap komentar yang menggunakan openID akan otomatis mucul di form komentar sesuai dengan settingan moderasi artikel yang digunakan.

Thursday, June 20, 2013

Widget Share Keren Dan Super Ringan Untuk Blog

Widget share adalah salah satu hal yang menurut saya mutlak diperlukan bagi perkembangan sebuah blog, karena dengan widget ini pengunjung blog anda dapat berbagi artikel yang anda buat dengan akun media sosial yang dimiliki sang pengunjung. Widget ini saya dapatkan dari Blog Sekedar Info. Widget ini tentunya juga akan mempercantik tampilan blog anda karena tampilannya yang sangat menarik selain itu anda tidak perlu khawatir tentang pengaruh kecepatan loading blog anda jika menggunakan widget ini karena widget ini sangat ringan, gak percaya ? Blog ini buktinya :D.

Ini dia penampakannya gan!!

Gbr. Penampakkan Widget Share

Berikut cara pemasangannya, cekidot!!
  • Login ke Akun Blog Sobat.
  • Kemudian Pilih RANCANGAN » ELEMEN LAMAN » lalu TAMBAH GADGET.
  • Pilih HTML/JAVA SCRIPT.
  • Kemudian Copy kode di bawah ini :
    <script charset="UTF-8" src="http://s.web.informer.com/favorites-button.js?glass," type="text/javascript">
    </script>
  • Kemudian Simpan dan Lihat Hasilnya.

Tuesday, May 21, 2013

Cara Mendapatkan BackLink Berkualitas Dari W3 Directory

Backlink bisa di artikan sebuah script link yang disusun berisi alamat suatu web/blog, yang dipasangkan ke dalam suatu situs/blog tertentu. Kenapa kita harus membangun sebuah backlink? Karena backlink sendiri memiliki manfaat untuk menaikkan PageRank blog kita di dalam suatu mesin pencari seperti Google, Yahoo, Ask dll.

W3 Directory adalah salah satu web directory yang memberikan backlink gratis dan ampuh bagi para penggunanya. Cukup dengan submit beberapa artikel anda saja tanpa perlu submit semuanya, sobat akan mendapat backlink secara Gratis dan terus bertambah tiap bulan. backlink dari w3 directory ternyata terindek oleh Mbah Google dan mesin/tools pengecek backlink.

Gbr. W3 Directory

Cara Mendapat Backlink Gratis Berkualitas hanya tinggal ikuti langka berikut ini :

1. Masuk Ke w3-directory
2. Setelah itu sobat pilih Add a web site
3. Isi form untuk Add a web site tersebut 
  • URL : Alamat blog/Link blog.
  • Title : Nama Blog Anda.
  • Description : Deskripsi Blog Sobat.
  • Keywords : Kata Kunci yang Menggambarkan Blog Sobat.
  • Identity : Isi dengan Nama Anda.
  • E-mail : E-mail Anda (valid).
  • Return link / back link : Isi kembali dengan Link Blog Anda.
  • Country : Indonesia.
  • Heading 1 : Kategori utama untuk blog sobat
  • Kemudian klik  "Submit my web site"
Catatan : setiap ada tanda bintang (*) artinya wajib diisi. 

Lalu terakhir adalah silahkan anda Copy Code Yang diberikan w3-directory, lalu Masuklah ke Blog masing-masing dan Pastekan Code Tadi Pada Gadget Blog Kita.

Penting
Untuk Berternak dan menemukan cara mendapatkan backlink berkualitas ini, tentu anda diharapkan lebih kreatif, karena layanan ini memberikan kita backlink berkualitas sebanyak-banyaknya tergantung dari jumlah vote (orang yang klik Link w3-directory) semakin banyak yang klik lik w3-directory yang ada di Blog kta maka semakin bertambah jumlah Backlink yang kita dapat.

Sekian  semoga artikel ini bermanfaat bagi semua pembaca.

Tuesday, April 2, 2013

Cara Memasang Kode Warna di Blog


Dalam membuat sebuah blog, kita pasti dihadapkan pada pemilihan sebuah warna. Warna dalam membuat blog memiliki kode tersendiri. Kode warna bagi sebagian blogger yang senang merias tampilan dan keindahan Blog, sangat dibutuhkan untuk kemudahan mendapatkan kode HTML dari setiap warna yang diperlukan. Nah untuk lebih mudah mendapatkan kode HTML setiap warna yang diinginkan, alangkah baiknya jika temen-temen memasang tabel kode warna ini di Blog atau di dalam postingan artikel. Dengan demikian dijamin teman-teman akan lebih cepat dalam bekerja merias blog karena tabel kode warrna sudah terinstall di Blog.

Cara pasang widget kode warna pada blogger.

  • Langkah Pertama.
  1. Login ke blogger.
  2. Langsung ke Tata Letak (sekarang design/rancangan)  - Edit HTML.
  3. Jangan Lupa Centang
  4. Silahkan Backup dulu template anda dengan klik Download Template Lengkap.
  5. Sekarang cari kode </head>. Jika sudah ketemu, copy lalu paste kode berikut di atas kode </head.


    <script language='javascript'>
    function Barva(koda)
    {
    document.getElementById("vzorec").bgColor=koda;
    document.hcc.barva.value=koda.toUpperCase();
    document.hcc.barva.select();
    }
    function BarvaDruga(koda)
    {
    document.getElementById("vzorec2").bgColor=koda;
    document.hcc.Barva2.value=koda.toUpperCase();
    document.hcc.Barva2.select();
    }
    </script>
    
    <script type='text/javascript'>
    
    var hue;
    var picker;
    //var gLogger;
    var dd1, dd2;
    var r, g, b;
    
    function init() {
    if (typeof(ygLogger) != "undefined")
    ygLogger.init(document.getElementById("logDiv"));
    pickerInit();
    //ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
    //ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
    }
    
    // Picker ---------------------------------------------------------
    
    function pickerInit() {
    hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
    hue.onChange = function(newVal) { hueUpdate(newVal); };
    
    picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);
    picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };
    
    hueUpdate();
    
    dd1 = new YAHOO.util.DD("pickerPanel");
    dd1.setHandleElId("pickerHandle");
    dd1.endDrag = function(e) {
    // picker.thumb.resetConstraints();
    // hue.thumb.resetConstraints();
    };
    }
    
    executeonload(init);
    
    function pickerUpdate(newX, newY) {
    pickerSwatchUpdate();
    }
    
    
    function hueUpdate(newVal) {
    
    var h = (180 - hue.getValue()) / 180;
    if (h == 1) { h = 0; }
    
    var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);
    
    document.getElementById("pickerDiv").style.backgroundColor =
    "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";
    
    pickerSwatchUpdate();
    }
    
    function pickerSwatchUpdate() {
    var h = (180 - hue.getValue());
    if (h == 180) { h = 0; }
    document.getElementById("pickerhval").value = (h*2);
    
    h = h / 180;
    
    var s = picker.getXValue() / 180;
    document.getElementById("pickersval").value = Math.round(s * 100);
    
    var v = (180 - picker.getYValue()) / 180;
    document.getElementById("pickervval").value = Math.round(v * 100);
    
    var a = YAHOO.util.Color.hsv2rgb( h, s, v );
    
    document.getElementById("pickerSwatch").style.backgroundColor =
    "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";
    
    document.getElementById("pickerrval").value = a[0];
    document.getElementById("pickergval").value = a[1];
    document.getElementById("pickerbval").value = a[2];
    var hexvalue = document.getElementById("pickerhexval").value ='#'+
    YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);
    ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)
    if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select();
    }
    
    </script><!--[if gte IE 5.5000]>
    <script type="text/javascript">
    
    function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
    {
    for(var i=0; i<document.images.length; i++)
    {
    var img = document.images[i]
    var imgName = img.src.toUpperCase()
    if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
    {
    var imgID = (img.id) ? "id='" + img.id + "' " : ""
    var imgClass = (img.className) ? "class='" + img.className + "' " : ""
    var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
    var imgStyle = "display:inline-block;" + img.style.cssText
    if (img.align == "left") imgStyle = "float:left;" + imgStyle
    if (img.align == "right") imgStyle = "float:right;" + imgStyle
    if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
    var strNewHTML = "<span " + imgID + imgClass + imgTitle
    + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
    + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
    + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
    img.outerHTML = strNewHTML
    i = i-1
    }
    }
    }
    
    YAHOO.util.Event.addListener(window, "load", correctPNG);
    
    </script>
    <![endif]-->
  6. Setelah itu Save Template.
Berikutnya, memasang tabel kode warna pada blog. Ada dua pilihan, pertama dipasang sebagai posting blog dan yang kedua dipasang pada halaman utama (homepage) blog. Nah, kode untuk tabel kode warna yang akan dipasang adalah berikut ini :

Kode Warna :
</div><center><form name="hcc" id="hcc">
<table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b40404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0101">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f78181">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#61380b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df7401">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#faac58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#868a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#38610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#74df00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bef781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df74">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a85">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861">
</td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0174df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#08088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0101df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#380b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#7401df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb">
</td></tr><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b38">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0174">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#151515">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#424242">
</td><td onclick="Barva(this.bgColor)" bgcolor="#585858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#848484">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff">
</td></tr></tbody></table></td></tr></tbody></table><table align="center" border="0" cellpadding="0" cellspacing="2"><tbody><tr height="24"><td id="vzorec" height="24" width="24">
</td><td valign="bottom"><p>Kode warna : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p></td></tr></tbody></table>
</form></center>

Cara pasang kode warna sebagai posting blog :
  • Yang pasti, anda buat posting baru terlebih dahulu
  • Copy lalu paste Kode Warna tersebut pada posting anda
  • Berikan judul posting yang sesuai
  • Jangan lupa untuk memberi label posting
  • Kemudian terbitkan postingan
  • Selesai.
Hasilnya akan seperti di bawah ini :

Kode warna :

Thursday, March 28, 2013

Membuat Animasi Login Di Home Blog

Animasi Login Di Home Blog ini terinpirasi dari Blog Santa Mars yang memberikan efek manipulasi terhadap blog agar nampak seperti sedang login dengan Cap Jempol. Yah, lumayan memberikan kesan yang menarik para pengunjung ketika berada di home blog kita.

Ya udah langsung praktekkan tutorialnya gan.


Animasi Login Home Blog

Letakkan Element dibawah ini tepat di atas </body>
 
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Animasi Login Begin -->
<div id='animasi-loginSM' style='position:fixed;z-index:9001;background:transparent;height:100%;width:100%;left:0;top:0;'>
<script type='text/javascript'>
// ----- Gambar Ukuran 28 x 28 Pixel -----
var Gambar_Login_Anda ='http://i1058.photobucket.com/albums/t411/some_plack/m.png',
Nama_Login_Anda = 'Norberth_Fredericus';
</script>
<script src='http://not-remove-admin-3.googlecode.com/files/animasi-login3.js' type='text/javascript'/>
</div>
<div id='animasi-munyer1' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;top:0;'/>
<div id='animasi-munyer2' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;bottom:0;'/>
<div id='animasi-munyer3' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;left:0;top:0;'/>
<div id='animasi-munyer4' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;right:0;bottom:0;'/>
<!-- Animasi Login End -->
<b:else/>
</b:if>
 
 
 
Perhatian!
  • Gambar Login ukuran 28 x 28 pixel

Saturday, March 9, 2013

Cara Membuat Efek Hover Pada Gambar Disetiap Postingan Blog

Tips dan Triks ini adalah tutorial cara membuat Gambar berubah saat moude diarahkan tepat pada gambar. Khusus untuk tutorial ini, saya memberikan efek Hover Transparan. untuk Contohnya bisa dilihat pada blog ini dimana setiap postingan yang memiliki gambar akan berefek Hover.
Oke langsung saja kita ke TKP.

  1. Setelah selesai, jangan lupa Save template sobat.
  2. Semoga berhasil.

Open Instalasi

Tuesday, February 26, 2013

CARA AGAR BLOG CEPAT TERINDEX GOOGLE

Cara cepat agar blog terindex google akan saya share pada tutorial kali ini. Memiliki blog yang mudah terindex google merupakan menjadi kebanggan bagi semua blogger. Apalagi blog tersebut langsung terpampang di halaman pertama google.
cara agar blog cepat terindex google
cara agar blog cepat terindex google
Cara agar blog mudah terindex google sebenarnya sederhana kamu tinggal mengikuti pentujuk dibawah ini dengan seksama:
1. Gunakanlah blogspot karena dibandingkan dengan yang lainnya blogspot lebih mudah untuk diindex oleh google. Blog kamu bisa langsung terindex di google, bahkan bisa langsung terindex hanya dalam beberapa menit saja.
blogger / blogspot
blogger / blogspot
2. Submit url blog kamu DISINI
3. Daftar Google Webmaster, pilih blog/ Add site blog > Optimization > Sitemaps > masukan url sitemap.xml blog kamu pada add sitemap > klik Submit Sitemap
add sitemap
add sitemap
4. Setelah itu lakukanlah blogwalking berkunjung ke blog yang ramai, jangan lupa untuk meninggalkan komentar dengan menggunakan name/url
blogwalking
blogwalking
5. Ping blog kamu dengan menggunakan ping-fast[dot]com, tinggal pasang bannernya kemudian setelah kamu selesai memposting artikel klick banner ping-fast itu.
ping your blog
ping your blog
6. Share Artikelmu ke beberapa jejaring social dan social bookmark seperti facebook, twitter, linkedin, lintasme, bloggers, dll
social bookmarking
social bookmarking
7. Sabar, berdoa dan jangan menyerah sob beberapa hari lagi pasti blog kamu akan langgsung terindex oleh google.

Demikian tutorial singkat tentang CARA AGAR BLOG CEPAT TERINDEX GOOGLE semoga bisa bermanfaat untuk mengoptimalkan blog kamu. Bagi yang sudah mengetahuinya silahakan tinggal menyimaak ulang saja. Kalau ada tambahan point yang bermanfaat dari agan-agan silahkan masukan di kolom komentar di bawah ini. Salam blogger