Belajar Komputer for Newbie: blog

Home » Posts filed under blog

Tampilkan postingan dengan label blog. Tampilkan semua postingan

Selasa, 20 Januari 2015

Widget Headline News untuk blog

Selasa, Januari 20, 2015 blog No comments

Malam semuanya,kali ini saya akan membagikan widget keren yang sangat cocok untuk sobat yaitu widget headline news.Apa itu widget headline news?widget headline news adalah widget yang menampilkan postingan pada blog sobat yang terbaru alias baru dibuat.

Jika sobat tertarik silahkan ikuti cara-cara dibawah :

Masuk ke blogger
Lalu pilih Tata letak-tambah gadget-HTML/JavaScript

3.Jika sudah copy kode berikut

<style type="text/css">
#rp_plus_img{height:100px;overflow:hidden;border:0;padding:2px 3px 3px 2px;background:transparant}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #ccc; margin:0;height:80px;padding:5px; list-style:none;-moz-border-radius: 10px; border-radius: 5px}
#rp_plus_img li:hover{background-color: #EFFBEF;}
#rp_plus_img a{color:#d90000;font-weight:bold}
#rp_plus_img .news-title{display:block;font-weight:400 !important;margin-bottom:3px;font-size:11px;}
#rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #ccc;width:65px; height:65px;-moz-border-radius: 10px; border-radius: 5px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://heroesman.googlecode.com/svn/branches/headline%20news.js"></script>
<script type="text/javascript">
var speed = 1000;
var pause = 4000;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 60;
var numchars = 100;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

4.Terakhir simpan template

Mudah sekali bukan?namun perlu diingat,jangan terlalu banyak memasang gadget pada blog karena dapat memperlambat loading blog.

Happy blogging!!

Melindungi blog dari Ctrl+U

Minggu, Januari 18, 2015 blog 6 comments

Halo sahabat blogger,bagaimana kabarnya?pasti apek-apek wae to?hahaha.Kali ini saya akan memposting bagaimana cara melindungi blog dari "Plagiat" alias tukang clone/peniru template orang lain yaang biasanya dilakukan dengan Ctrl+U untuk melihat source kode pada template.Saya mendapat script ini dari kang ismet

Jika sobat telah lama membuat template sendiri dengan susah payah kemudian dijiplak orang lain,gimana perasaan sobat coba?jika sobat ingin agar template sobat tidak dilihat orang lain ikuti langkah berikut :

Masuk ke blogger
Pilih template-Edit HTML lalu cari kode </body>
Kemudian sobat copy kode berikut diatas kode </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://heroesman.blogspot.com/p/blog-page_18.html"});
//]]>
</script>

NB : Ganti alamat http://heroesman.blogspot.com/p/blog-page_18.html dengan alamat blog sobat yang nantinya sebagai halaman untuk redirect Ctrl+U

4.Simpan template

Nah,sekarang template sobat telah diamankan dari para Jiplaker,namun perlu diperhatikan ini hanya cara untuk meminimalisir Jiplaker dan bukannya menghentikan aksi para Jiplaker lho..

Sobat juga dapat melihat hasilnya dengan menekan kombinasi Ctrl+U pada blog saya ini

Cara membuat halaman Full Screen pada blog

Jumat, Januari 16, 2015 blog 1 comment

Selamat malam semua,setelah lama tidak meng-update blog tercinta akhirnya saya punya kesempatan juga.kali ini saya akan memberikan cara membuat halaman Full pada blog.Sobat mungkin pernah berpikir bagaimana cara membuat halaman pada blog Full Screen untuk membuat postingan khusus seperti "Photoshop Online" atau yang lain.

Langkah yang dilakukan cukup menambahkan sedikit kode HTML pada blog,silahkan disimak :

Masuk ke blogger
Kemudian masuk ke Template-Edit HTML
Jika sudah,cari kode </head> gunakan Ctrl+F
Copy kode berikut diatas kode </head>

Cara update JQuery pada blog

Minggu, Januari 11, 2015 blog, tutorial 2 comments

Bagi para programmer pasti sudah tidak asing lagi dengan JQuery,namun jika sobat belum tahu apa itu JQuery maka saya akan menjelaskannya. JQuery adalah kumpulan JavaScript kecil bersumber terbuka yang menekankan pada interaksi antara JavaScript dan HTML. Pustaka ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda di bawah MITdan GPL.

Kita harus selalu meng-update JQuery pada blog kita untuk selalu menutup celah/bug yang terdapat pada JQuery versi sebelumnya.

Ikuti langkah-langkah berikut :

Login ke blogger
Pilih template-Edit HTML lalu cari kode https://ajax.googleapis.com/ajax/libs/jquery/ (Gunakan Ctrl+F untuk mempermudah)
Jika sudah ganti versi JQuery dengan versi yang terbaru.Saat ini JQuery sudah dalam versi 2.1.1

4.Terakhir simpan

Penting sebelum melakukan pengeditan tersebut alangkah baiknya jika sobat melakukan back-up template dulu jika terjadi sesuatu yang tidak diinginkan

Cara menghilangkan tombol Tang & Obeng di blog

Minggu, Januari 11, 2015 blog 2 comments

Pasti kalian bertanya-tanya bagaimana sih cara menghilangkan tombol dengan gambar obeng dan tang pada blog?kalian peru tahu terlebih dulu jika nama tombol tersebut adalah "Quick Edit" yang sengaja disediakan pihak blogger untuk mempermudah kita dalam mengatur widget tertentu dalam sebuah blog.

Jika sobat tidak suka tombol ini,maka sobat bisa menyembunyikan dengan sedikit CSS saja,ikuti langkah berikut :

Masuk ke blogger
Lalu pilih Template-Edit HTML lalu cari kode ]]></b:skin>
Jika sudah maka sobat pastekan kode berikut diatas ]]></b:skin>

Mempercepat loading website dengan HTML Optimizer

Kamis, Januari 08, 2015 blog No comments

Setelah lama tidak melakukan aktivitas blogging akhirnya saya ada waktu luang untuk memberikan pengetahuan saya tentang bagaimana cara Mempercepat loading website dengan HTML Optimizer.
Jika sobat merasa kalau blognya loadingnya lama maka baca langkahnya berikut ini :

Sebelumnya sobat cek kecepatan blog sobat diSINI
Jika sudah buka dasbor-template-edit HTML
Cari kode </head> dan </body> kemudian copy semua kode HTML blog sobat diantara </head> dan </body>
Pastekan semua kode yang telah sobat copy tadi dibawah ini

Insert HTML Code to Optimize

5.Ganti kode antara </head> dan </body> yang ada di template blog sobat tadi dengan kode yang telah di Optimize
6.Terakhir coba cek lagi loading blog sobat diSINI

WARNING!!!

Selalu lakukan Back-Up template sebelum melakukan Optimize HTML karena mungkin bisa jadi sebagian template blog akan menjadi "Error"

Bagaimana sobat,sudah bertambah cepat belum?namun perlu diingat faktor yang menyebabkan blog lambat mungkin karena sobat terlalu banyak memasang gadget sehingga membuat beban pada blog sobat

Cara Membuat Halaman Error 404 di Blog ala Kang Rian

Sabtu, Januari 03, 2015 blog 1 comment

Siapa yang tidak tahu apa itu 404 not found?404 not found adalah suatu peristiwa dimana kata kunci yang kita cari tidak kita temukan.Tutorial yang satu ini saya dapatkan dari blognya kang Rian yang dapat diakses lewat SINI.
Jika ingin melihat demonya bisa klik diSINI

Oke tanpa basa-basi kita langsung mulai...

Pertama login dulu ke blogger
Buka template-Edit HTML lau copykan kode berikut dibawah kode <body>

<b:if cond='data:blog.pageType != "error_page"'>

3.Lalu copy kode berikut diatas kode </body>

</b:if><b:if cond='data:blog.pageType == "error_page"'><link rel='stylesheet' type='text/css' href='https://googledrive.com/host/0B7H_GQEvKCj1cUVkYy1jbXpqZW8/404-error.css'/><link href='http://fonts.googleapis.com/css?family=Changa+One' rel='stylesheet' type='text/css'/><link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'/><div id='error-page'>
<!-- Halaman Error --><!-- #404 --><div id='error-halaman'>
<div class='comingcontainer'>
<div class='checkbacksoon'>
<p>
<span class='go3d'>4</span><span class='go3d'>0</span><span class='go3d'>4</span><span class='go3d'>!</span></p>
<p class='error-bro'>
Mohon maaf, Halaman yang Anda cari tidak ditemukan!<br/> Kemungkinan halaman telah dihapus, atau Anda salah menuliskan URL.<br/>Silahkan kembali ke<a class='tombol' href='/' style='box-shadow:none;color:#444;'>Halaman Pertama</a></p>
</div>
</div>
</div>
<!-- #404 --></div>
</b:if>

4.Terakhir simpan template

Selain menambah blog sobat keren dengan efek 3D juga support CSS3 dan Responsive pastinya

.Jika menemui kendala dapat langsung berkomentar...

Cara membuat tombol Subscription keren pada blog

Jumat, Januari 02, 2015 blog 4 comments

Gadget satu ini merupakan salah satu gadget terpenting yang harus dipasang di blog sobat.Gadget ini berfungsi untuk pembaca yang ingin dikirimkan artikel pada blog sobat ke alamat E-mail pembaca.Namun bagaimana bisa dipasang jika ruang blog sobat sudah penuh?tenang,yang saya akan bahas kali ini bersifat auto-hide jadi dapat menghemat ruang blog sobat.

Oke kita langsung mulai tutorialnya :

Pertama masuk ke blogger
Lalu buka Tata letak-tambah gadget-HTML/JavaScript

Cara membuat tombol Subscription keren pada blog

3.lalu copy kode berikut pada kotak dialog

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtbnQP37T0eokMwK3gbMTybqFOHdct9qlEmb3b3Y0YOHaGeYLUEyIMLY_9wmNsp9JckgMchKzVE89IwkhuuU8mU44Z1LqHC4IppyekbbOjU8G74Mb4qEgTV7CpV-G_3NxZZbMsKeeJXO0/s1600/subscribe4.png') 

no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#F5F5F5;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()">
 </div>
<div class="gbcontent">
<style>
form.feedburner{
margin-bottom;5px;
display:block;
clear:both;
}
.RBstyle{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5eXADF1F9wA7Va51dpwKu7radf_5thzgcf_rgBiMocvURbIRp-_jNFHvlxjY1J5tvzQAHw4CZTer0QTPoKvguBYwbbTv7jN2pkr_ElcWQ9Hfn7VyQMXHBDvwORErWw1fFD8bAg9IDb-w/s320/1420038175_icon-ios7-email-32.png) no-repeat scroll 4px center transparent;
padding:9px 20px 9px 35px;
color:#666;
font-weight:bold;
text-decoration:none;box-shadow: #B3B3B3 5px 5px 5px;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 5px 5px 7px #CCC inset;
}
.RBsubmit{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 20px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
#emailwidget-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:auto;
}
#emailwidget-outer:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
#emailwidget-outer td{
padding:3px 0;
}
</style>
 <div style='align:center;float:center;text-align:center;'>
<div id='emailwidget-outer'>
<div id='emailwidget'>
<table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
<tbody>
<tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
<td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'> <p style='color:#666; font-weight: bold; font-size: 16px; margin:0px 0px 5px 0px; '>
Get free E-mail updates!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri= Heroesman', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='Realcombiz'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='RBstyle' name='email' onblur='if (this.value == "") {this.value = "Enter your email…";}' onfocus='if (this.value == "Enter your email…") {this.value = ""}' type='text' value='Enter your email…'/></form>
</td></tr>
</tbody></table>
</div>
</div>
</div>
<div style="text-align:right">

<a href="http://heroesman.blogspot.com/2015/01/cara-membuat-tombol-subscription-keren.html">

[get this]

</a>

</div>
</div>
</div>
<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

NB : ganti kata Heroesman dengan ID RSS feed sobat masing-masing

4.Lalu simpan pada blog sobat

Bagaimana sobat,sangat mudah kan?namun jika sobat menemukan kendala bisa komentar pada kolom dibawah

Cara Membuat Widget Contact Form Keren

Selasa, Desember 30, 2014 blog 2 comments

Widget yang satu ini dapat sobat letakkan pada halaman "Contact Us" pada blog.Widget satu ini sangat berguna untuk sarana interaksi antara penulis dan pembaca selain melalui kolom komentar.Widget buatan www.bloggertut.com menggunakan CSS yang pastinya keren.

Baiklah langkah ada dibawah :

Tambahkan Widget Formulir Kontak bawaan blogger yang nantinya akan disembunyikan dengan CSS

2.Setelah itu buatlah halaman baru yang nantinya akan dijadikan halaman Contact Us kemudian pilih mode HTML bukan compose lalu copy kode berikut :

<div id="contact_wrap"> <h3> Hubungi Kami</h3> <form name="contact-form"> <input id="ContactForm1_contact-form-name" name="name" placeholder="Nama" size="30" type="text" value="" /> <input id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" /> <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Pesan" rows="5"></textarea> <input id="ContactForm1_contact-form-submit" type="button" value="Kirim" /> <div style="max-width: 222px; text-align: center; width: 100%;"> <div id="ContactForm1_contact-form-error-message"> </div> <div id="ContactForm1_contact-form-success-message"> </div> </div> </form> </div> <style type="text/css"> /* Menyembunyikan elemen dalam postingan */ #comments, #blog-pager, .breadcrumbs, .post-footer{display:none} </style>

3.Lalu tambahkan kode CSS berikut diatas kode ]]></b:skin> atau bisa di Template- Sesuaikan-Tingkat lanjut-Tambahkan CSS

Light Mode (untuk blog dengan template cerah)

/* CSS Contact Form Light Theme by BloggerTut.com */
#ContactForm1{
display:none;
}
#contact_wrap {
margin: auto;
width: 321px;
height: 380px;
padding: 25px;
border-radius: 1em;
border-top:1px solid #dbdbdb;
border-right:1px solid #b2b2b2;
border-left:1px solid #dbdbdb;
border-bottom:1px solid #9d9d9d;
background-color:#cccccc;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
background-image:-webkit-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
background-image:-moz-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
background-image:-ms-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
background-image:-o-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
background-image:linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
box-shadow: 1px 1px 5px #ccc;
}
#contact_wrap h3{
color: #e8f3f9;
font-family:Georgia;
font-size: 20px;
font-style:italic;
font-weight:bold;
margin: 0 -36px 20px -36px;
padding: 12px;
text-align: center;
text-shadow: 2px 0 0 #1f4962;
-webkit-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
-moz-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
background-color: #3689b9;
position: relative;
}
#contact_wrap h3:before {
content: ' ';
position: absolute;
bottom: -10px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 0 10px;
border-color: #333 transparent transparent transparent;
}
#contact_wrap h3:after {
content: ' ';
position: absolute;
bottom: -10px;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent transparent #333;
}
#ContactForm1_contact-form-name{
width: 270px; 
height:auto;
margin: 5px auto; 
padding: 10px 10px 10px 40px;
background:#f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8GvCfqXG0VBeJ5l76uTrkXOyslnV0aahyphenhyphenxhmeWGDLwXzB9Ikak0zMChNw1cyCuHHjIZJdY7joGbaXdTG3b14vS3TSy55Z54R3kkS9FlRMUQDXuFpOhRhCz1Mwu8Dewh7jUz9sCvzYKMU/s1600/user.png)no-repeat 10px center; 
color:#777;
border:1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
}
#ContactForm1_contact-form-email{
width: 270px; 
height:auto;
margin: 5px auto; 
padding: 10px 10px 10px 40px;
background: #f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKpnxpvMRcDgvB2ZTqkY7zqFwfhyphenhyphenCXToM2exB3pLMtG5pVYbpB7f0XkVJk3mm3f7O4KXeY2fqEWsCPIeikPVJZ1-yZwPW6WnTHYynWa4jiefBZtTINElXperlx_d-HbdfA5aYyrvY3mUc/s1600/pen.png)no-repeat 10px center; 
color:#777;
border:1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
}
#ContactForm1_contact-form-email-message{
width: 270px; 
height: 150px; 
margin: 5px auto; 
padding: 10px 10px 10px 40px;
font-family:Arial, sans-serif;
background: #f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3hZpyZ4LUZ5xYojqOAxMOVYC8NG3zsXlWmT9xPpK_nL5NUAo8ND46d9vtz62kB67zBJ1OVp7qCNIR88beV-FYZ51k5idM-UtbaJzwsXKM2sFF1mpptTFpw-1rNP7DMTe6BSW_gkqETJw/s1600/msg2.png)no-repeat 10px 10px; 
color:#777;
border:1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
}
#ContactForm1_contact-form-submit {
width: 95px; 
height: 30px; 
float: right; 
color: #FFF;
padding: 0; 
cursor:pointer;
margin: 25px 0 3px 0 0;
background-color:#005a8a;
border-radius:4px;
text-shadow: 1px 0 0 #1f4962;
-webkit-box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;
-moz-box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;
box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;
background-color: #3689b9;
border:1px solid #194f6d;
}
#ContactForm1_contact-form-submit:hover {
background:#4c9bc9;
}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width: 320px;
margin-top:35px;
}

Dark Mode (untuk blog dengan template gelap)

/* CSS Contact Form Dark Theme by BloggerTut.com */
#ContactForm1{
display:none;
} 
#contact_wrap {
margin: auto;
width: 321px;
height: 380px;
padding: 25px;
border-radius: 1em;
border: #600 solid 1px;
border-bottom: #420000 solid 1px;
background-color:#983738;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bf5355', endColorstr='#983738');
background-image:-webkit-linear-gradient(top, #bf5355 0%, #a94244 50%, #983738 100%);
background-image:-moz-linear-gradient(top, #bf5355 0%, #a94244 50%, #983738 100%);
background-image:-ms-linear-gradient(top, #bf5355 0%, #a94244 50%, #983738 100%);
background-image:-o-linear-gradient(top, #bf5355 0%, #a94244 50%, #983738 100%);
background-image:linear-gradient(top, #bf5355 0%, #a94244 50%, #983738 100%);
}
#contact_wrap h3{
color: #fff;
font-family:Georgia;
font-size: 20px;
font-style:italic;
font-weight:bold;
margin: 0 -36px 20px -36px;
padding: 12px;
text-align: center;
text-shadow: 2px 0 0 #3b5931;
-webkit-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #111;
-moz-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #111;
box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #111;
background-color: #659156;
position: relative;
}
#contact_wrap h3:before {
content: ' ';
position: absolute;
bottom: -10px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 0 10px;
border-color: #000 transparent transparent transparent;
}
#contact_wrap h3:after {
content: ' ';
position: absolute;
bottom: -10px;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent transparent #000;
}
#ContactForm1_contact-form-name{
width: 270px; 
height:auto;
margin: 5px auto; 
padding: 10px 10px 10px 40px;
background:#2b2e31 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8GvCfqXG0VBeJ5l76uTrkXOyslnV0aahyphenhyphenxhmeWGDLwXzB9Ikak0zMChNw1cyCuHHjIZJdY7joGbaXdTG3b14vS3TSy55Z54R3kkS9FlRMUQDXuFpOhRhCz1Mwu8Dewh7jUz9sCvzYKMU/s1600/user.png)no-repeat 10px center; 
color:#d2d2d2;
border:1px solid #ce6d6e;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #ce6d6e 0px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #ce6d6e 0px 1px 0px;
}
#ContactForm1_contact-form-email{
width: 270px; 
height:auto;
margin: 5px auto; 
padding: 10px 10px 10px 40px;
background: #2b2e31 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKpnxpvMRcDgvB2ZTqkY7zqFwfhyphenhyphenCXToM2exB3pLMtG5pVYbpB7f0XkVJk3mm3f7O4KXeY2fqEWsCPIeikPVJZ1-yZwPW6WnTHYynWa4jiefBZtTINElXperlx_d-HbdfA5aYyrvY3mUc/s1600/pen.png)no-repeat 10px center; 
color:#d2d2d2;
border:1px solid #ce6d6e;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #ce6d6e 0px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #ce6d6e 0px 1px 0px;
}
#ContactForm1_contact-form-email-message{
width: 270px; 
height: 150px; 
margin: 5px auto; 
padding: 10px 10px 10px 40px;
font-family:Arial, sans-serif;
background: #2b2e31 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPnctrUEyzSzWcTkogxd0Z798-CKFPeyDTK6vct-jIpg6VyEREMnPBd3oi_LURLW6v93HfAnIE7-FC5tsnWanwP0X9WZcqIIcSJ4B6qRrtgqULP4NzewQnGMMMQuw2b4vbpOI9jBQEOEc/s1600/msg.png)no-repeat 10px 10px; 
color:#d2d2d2;
border:1px solid #ce6d6e;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #ce6d6e 0px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #ce6d6e 0px 1px 0px;
}
#ContactForm1_contact-form-submit {
width: 95px; 
height: 30px; 
float: right; 
color: #FFF;
padding: 0; 
cursor:pointer;
margin: 25px 0 3px 0 0;
background-color:#005a8a;
border-radius:4px;
text-shadow: 1px 0 0 #1f4962;
-webkit-box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;
-moz-box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;
box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;
background-color: #659156;
border:1px solid #333;
}
#ContactForm1_contact-form-submit:hover {
background:#5d894d;
}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width: 320px;
margin-top:35px;
}

4.Kemudian simpan

Sekarang sobat test kontak form-nya.Jika belum berhasil bisa komentar dibawah

Cara membuat tombol "Back to Top" pada blog

Minggu, Desember 28, 2014 blog No comments

Siapa yang enggak kenal gadget satu ini?gadget satu ini sudah biasa kita temui ketika kita sedang browsing sesuatu.Sebagai seorang blogger gadget Back to top ini merupakan salah satu gadget penting untuk memudahkan pengunjung untuk kembali ke atas halaman blog kita

Jika sobat seorang blogger dan belum memiliki gadget ini,pasang sekarang juga agar pengunjung blog sobat merasa betah dan ingin terus kembali ke blog sobat..

Caranya kita baca sama-sama yuk

Masuk dulu ke blogger
lalu pilih tata letak - tambah gadget - HTML/JavaScript

3.Lalu copy kode berikut

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" >


var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="URL Gambar Back To Top" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },

    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },

    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
   
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">
'+mainobj.controlHTML+'</div>
')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}

scrolltotop.init()

</script>

NB : ganti kata URL Gambar Back To Top dengan URL gambar sobat

4.Terakhir,simpan di blog sobat

Bagaimana?Tombol Back to Top satu ini beda dengan biasanya karena ini menggunakan JQuery smooth jadi efek yang ditimbulkan adalah pelan dan anggun hehehe

Cara membuat like Facebook Autohide pada blog

Jumat, Desember 26, 2014 blog No comments

Siang semua!kali ini saya akan posting tentang cara membuat like Facebook Autohide pada blog yang pastinya sangatlah mudah.Langkah ini sangat efektif dalam rangka untuk mempromosikan fans page dari blog kita.Hal baiknya gadget ini tidak menimbulkan efek berat pada blog,sehingga sobat bisa tenang tanpa memikirkan efek loading blog yang ditimbulkan setelah memasang gadget ini.

Oke kita langsung mulai saja tutorialnya :

pertama masuk dulu ke blogger
Jika agan belum memasang JQuery pada blog,pasang dulu JQuery diatas kode <head> pada edit HTML

3.jika sudah pilih tata letak-tambah gadget-HTML/JavaScript

4.lalu copy kode berikut di dalam kotak dialog HTML/JavaScript

<style type="text/css">/*<![CDATA[*/#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;right: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_VLH-3W9H-BFP9xdsO_rVq5EwLBiANwXDR9Hpyd8OuAm1eRujGLEHyZUx8-rVbOCswBgA_6mI516jiVzXlvOAFZkeM_0pGMaNQ6cN4Z6PhzGfORHV7zsSMZ54CkGiwNkWFnnm1CWZ_Hd3/s1600/md_vertical-left.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomright: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}.owfbplikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}.owfbplikebox span a{color: #808080;text-decoration:none;}.owfbplikebox span a:hover{text-decoration:underline;}/*]]>*/</style><script src="https://otowebsite-blogspot.googlecode.com/svn/trunk/left.js" type="text/javascript"></script><div class="owfbplikebox">
<div id="fbplikebox" style="display:none;">
    <div class="fbplbadge">
</div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fsyafiqnewbie&width=250&height=250&colorscheme=light&show_faces=true&border_color=%23C4C4C4&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#F5EBF5;" allowtransparency="true"></iframe><span>By <a href="http://www.heroesman.blogspot.com/">Heroesman</a> / <a href="http://heroesman.blogspot.com/2014/12/cara-membuat-like-facebook-autohide.html">Get This!</a></span></div>
</div>

NB : Ganti kata www.facebook.com%2Fsyafiqnewbie dengan alamat Fans Page anda sendiri

Sekian postingan dari saya,namun jika sobat merasa kesulitan saya akan memberikan Alamat untuk meregenerator gadget satu ini diSINI yang dijamin sangat gampang untuk diterapkan dan jangan lupa untuk like fans page saya diSINI ya..

cara mengganti tombol scrollbar pada blog

Sabtu, Desember 20, 2014 blog No comments

Lama tidak berjumpa,maaf bila saya jarang update belakangan ini soalnya komputer saya lagi diperbaiki.tutorial kali ini sebetulnya sudah ingin saya posting dari kemarin yaitu cara mengganti tombol scrollbar pada blog yang pastinya akan membuat blog anda jadi dinamis.ingat,script ini hanya akan bekerja pada browser berbasis web-kit seperti google chrome jadi firefox tidak bisa menjalankan scriptnya

Tutorialnya ada dibawah,silahkan menyimak :

masuk dulu ke blogger
klik template kemudian edit HTML

3.kemudian cari kode ]]></b:skin> menggunakan Ctrl+F kemudian copy kode berikut

Cara memasang komentar Facebook pada blog

Minggu, Desember 14, 2014 blog No comments

Komentar merupakan hal yang umum terdapat pada blog,komentar juga merupakan media bagi para blogger kepada para pembaca untuk saling berinteraksi.Apalagi kalau komentarnya bisa terhubung dengan facebook,kita semua tahu kan kalau facebook merupakan media sosial yang paling umum dimiliki oleh kalangan masyarakat.hal ini tentu saja mempermudah pembaca untuk mengomentari postingan pada blog anda.

Tampilan komentar facebook pada blog :

Dibawah ini uraian mengenai cara memasang komentar facebook pada blog :

masuk ke blog kemudian klik Template-Edit HTML

2.kemudian cari kode <div class='comments' id='comments'> gunakan kombinasi Ctrl+F

3.setelah itu copy kode berikut dibawah kode <div class='comments' id='comments'>

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>

<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>

<fb:comments-count expr:href='data:post.url'/> Comments

</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>

<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments

</div>
<div class='clear'/>

</div>
<div class='comments-page' id='fb-comments-page'>

<b:if cond='data:blog.pageType == "item"'>

<div id='fb-root'/>

<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>

</b:if>

</div>
<div class='comments comments-page' id='blogger-comments-page'>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

<script src='http://code.jquery.com/jquery-latest.js'/>

<meta content='ID FACEBOOK KAMU' property='fb:admins'/>

<script type='text/javascript'>

function commentToggle(selectTab) {

$(".comments-tab").addClass("inactive-select-tab");

$(selectTab).removeClass("inactive-select-tab");

$(".comments-page").hide();

$(selectTab + "-page").show();

}

</script>

<style>.comments-page { background-color: #f2f2f2;}

#blogger-comments-page { padding: 0px 5px; display: none;}

.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}

.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}

.comments-tab:hover { background-color: #eeeeee;}

.inactive-select-tab { background-color: #d1d1d1;}</style>

NB : ganti tulisan ID FACEBOOK KAMU dengan ID facebook masing-masing

4.terakhir jangan lupa untuk disimpan

Sekarang silahkan dicek pada blog masin-masing,bagaimana mudah bukan?jika sobat sekalian merasa kebingungan bisa komentar dibawah dan terus kunjungi heroesman blog.jika bermanfaat mohon untuk dishare ya..

cara melakukan Ekspor Impor blog dengan mudah

Rabu, Desember 10, 2014 blog No comments

Ekspor dan Impor blog merupakan kegiatan membackup dan mengembalikan pos atau artikel pada blog seperti semula.hal ini sangat penting dilakukan jika suatu saat agan tidak punya akses lagi ke blog atau secara tidak sengaja agan menghapus isi pos atau artikel pada blog agan.

Caranya pun sangat mudah,silahkan menyimak :

pertama sekali buka dulu blogger
lalu pilih setelan-lainnya

3.lalu klik ekspor jika agan ingin membackup isi artikel blog,file akan didownload dalam bentuk .xml (file mungkin hanya berukuran sekitar 840 KB)

4.jika ingin mengembalikan artikel yang sudah didownload,klik Impor blog

Sangat mudah bukan?sekarang agan bisa agak tenang jika artikel blog secara tidak sengaja terhapus dan cara ini dapat diterapkan antar CMS yang berbeda seperti blogger dengan wordpress dan sebagainya.jika masih bingung silahkan komentar dibawah dan jangan lupa untuk membaca postingan menarik lainnya

cara mengubah tombol next page menjadi nomer pada blog

Minggu, Desember 07, 2014 blog No comments

Sore gan!waktu luang kaya gini enaknya buka blog.apalagi ane punya script keren kali ini yaitu cara mengubah tombol next page menjadi tombol yang pastinya mempermudah pengunjung untuk berpindah dari page satu ke page lainnya.

Screenshot pada blog ane :

Oke,kita langsung ke tutorialnya :

buka blogger
pilih template lalu klik edit HTML

3.cari kode ]]></b:skin> pakai Ctrl+F kemudian copykan kode berikut diatasnya

Belajar Komputer for Newbie

Selasa, 20 Januari 2015

Widget Headline News untuk blog

Minggu, 18 Januari 2015

Melindungi blog dari Ctrl+U

Jumat, 16 Januari 2015

Cara membuat halaman Full Screen pada blog

Minggu, 11 Januari 2015

Cara update JQuery pada blog

Cara menghilangkan tombol Tang & Obeng di blog

Kamis, 08 Januari 2015

Mempercepat loading website dengan HTML Optimizer

Sabtu, 03 Januari 2015

Cara Membuat Halaman Error 404 di Blog ala Kang Rian

Jumat, 02 Januari 2015

Cara membuat tombol Subscription keren pada blog

Selasa, 30 Desember 2014

Cara Membuat Widget Contact Form Keren

Minggu, 28 Desember 2014

Cara membuat tombol "Back to Top" pada blog

Jumat, 26 Desember 2014

Cara membuat like Facebook Autohide pada blog

Sabtu, 20 Desember 2014

cara mengganti tombol scrollbar pada blog

Minggu, 14 Desember 2014

Cara memasang komentar Facebook pada blog

Rabu, 10 Desember 2014

cara melakukan Ekspor Impor blog dengan mudah

Minggu, 07 Desember 2014

cara mengubah tombol next page menjadi nomer pada blog

Translate this page!

Formulir Kontak

Popular Posts

Blog Archive

Anda Pengunjung ke

Blog ini Dilindungi Oleh

Mengenai Saya

Selasa, 20 Januari 2015

Minggu, 18 Januari 2015

Jumat, 16 Januari 2015

Minggu, 11 Januari 2015

Kamis, 08 Januari 2015

Sabtu, 03 Januari 2015

Jumat, 02 Januari 2015

Selasa, 30 Desember 2014

Minggu, 28 Desember 2014

Jumat, 26 Desember 2014

Sabtu, 20 Desember 2014

Minggu, 14 Desember 2014

Rabu, 10 Desember 2014

Minggu, 07 Desember 2014

Social Profiles

Translate this page!

Formulir Kontak

Popular Posts

Blog Archive

Anda Pengunjung ke

Blog ini Dilindungi Oleh

Mengenai Saya