Manfaat Tes Psikometri

1. Dapat Mengetahui Kelebihan dan Kekurangan

Tips Cara Menghilangkan Rasa Bosan Ngeblog

Cara Membuat Halaman 404 Not Found di Blogger

<style type="text/css"> #error-404 { border: 20px solid #2D8B69; border-radius: 240px 240px 240px 240px; height: 240px; margin: 0 auto 40px; text-align: center; transition: all 0.8s ease 0s; width: 240px; } #error-404:hover { border-color: #333; } #error-404 span { color: #9D0E0E; font-size: 100px; font-weight: bold; line-height: 240px; } .large-heading { font-size: 48px; line-height: 1.2em; } .light-heading { font-weight: 400; } .status-msg-bg { background-color: transparent; } .sidebar-wrapper, .page-header { display: none; } .main-wrapper { margin-right: 0; } .outer-wrapper { min-height: 0; } .status-msg-border { border: 0 none; } </style> <div id="error-404"> <span>404</span>
</div> <h1 class="large-heading" style="text-align: center;">LAMAN YANG ANDA CARI TIDAK DITEMUKAN</h1> <h2 class="light-heading" style="text-align: center;">Kami mohon maaf atas ketidaknyamanan ini</h2>
Silahkan kembali ke Menu Utama<a href="http://www.imamkunblog.com/" target="_blank" title="imamkunblog.com"><b>Imamkunblog.com</b></a>
 atau laporkan jika ada kesalahan melalui<a href="http://www.imamkunblog.com/p/contact.html" target="_blank" title="Contact Us"><b>Contact Us</b></a>
<script>
  (function() {
    var cx = '002444106280758734239:WMX746266585';
    var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>

NOTE:

• Sobat ganti tulisan yang berwarna kuning diatas dengan alamat blog sobat sendiri

Jika sobat masih bingung penempatan kode diatas sobat bisa melihat gambar dibawah ini tempat peletakkan kodenya bagi sobat yang masih bingung. Berikut ini gambarnya.

Cara Membuat Halaman 404 Not Found di Blogger

JIka sobat sudah mengikuti langkah-langkahnya seperti di atas dan sobat ingin menguji apakah sudah berhasil terpasang di Theme blog sobat sobat dapat melakukannya sendiri dengan membuka halaman blog sobat dan ditambah pada akhir URL Blog sobat dengan /404. Contohnya :https://www.alamatblogsobat.com/404.

Demikianlah artikel kali ini mengenai Cara Membuat Halaman 404 Not Found di Blogger. semoga bermanfaat ya!!

Happy Blogging!!

Karakteristik CPC Adsense yang Bernilai Tinggi dan Rendah

1. Ramudan Madu, Jeruk Nipis dan Kecap

• Pertama ambil 1-3 jeruk nipis dan potong menjadi dua bagian.
• Dan jangan lupa pula sediakan sebauh wadah atau tempat.
• Kemudiann peras air jeruk nipis dan tampung air perasannya ke wadah/tempat yang telah disediakan.
• Setelah itu campur air perasan jeruk nipis dengan kecap atau madu (Hanya menggunakan kecap saja tidak apa-apa jika tidak memiliki madu).
• Dan minum 2-3 kali dalam sehari, lakukan secara rutin hingga matuk menghilang.

Manfaat Kalsium Bagi Tubuh Manusia

Pengertian Ektensi Domain Indonesia (CO.ID, SCH.ID, AC.ID OR.ID Dll)

Cara Memasang Meta Taq SEO Friendly Valid HTML 5 Untuk Blogger Terbaru

<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI-BLOG' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS' rel='me'/>
<meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='NAMA-ADMIN' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='LINK GAMBAR PEMILIK BLOG' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>

• Deskripsi Blog: Sobat isi dengan deskripsi blog sobat contohnya "Tempat Belajar Seputar Blogging dan SEO.
• User Google: Sobat ganti dengan kode alamat link Google sobat contohnya imamkunblog/00000000099999
• Kode Validasi Webmaster: Sobat masukkan kode validasi yang sobat dapatkan pada saat mendaftarkan di webmaster seperti Google Webmaster dan Bing.
• Nama Admin: Sobat isi dengan nama pemilik Blog. Contoh imamkunblog
• Gambar Pemilik Blog: Sobat dapat memasukkan Gambar/Logo blog sobat. Dengan cara diupload gambar dan copy linknya dan pastekan disitu.
• Profil Facebook: Sobat isi dengan link Facebook soat.
• Fan Page Facebook: Sobat masukkan link URL Fan Page Facebook sobat.
• Kode Aplikasi dan Kode Admin Facebook: Sobat isi dengan kode app fb sobat atau sobat bisa membuatnya di developer facebook.
• User Twitter: Sobat masukkan User Twitter sobat atau link alamat twitter sobat.

Cara Membuat Widget Subscribe Sosial Media Responsive

.widgetsubscribe {
position: relative;
margin: 15px auto;
padding: 8px 3px;
width:500px;
border: 1px solid #52e052;
background: #e9fbe9;
}
.titlesubscribe p{
background: #52e052;
width:73px;
left: -12px;
margin-top: 0px;
font: bold 14px Tahoma;
padding: 5px 0px 6px 10px;
position: relative;
float:left;
}
.titlesubscribe :before {
content: ' ';
position: absolute;
bottom: -8px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 0 8px;
border-color: #55B05A transparent transparent transparent;
}
.titlesubscribe :after {
content: ' ';
position: absolute;
top: -8px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 8px 8px;
border-color: transparent transparent #52A435 transparent;
}
.subscribe-social{
overflow: hidden;
}
.subscribe-social a{
display: block;
color: #fff !important;
font: bold 12px Tahoma;
text-align: center;
text-decoration: none;
transition: border-radius 0.50s;
padding: 7px 0px;
}
.subscribe-social a:hover{
border-radius: 10px 0px;
}
.subscribe-social div{
float: left;
margin-right: 5px;
width: 79px;
}
.subscribe-social .subscribefacebook a{
background: #3B5999;
}
.subscribe-social .subscribefacebook a:hover{
background: #52e052;
}
.subscribe-social .subscribetwitter a{
background: #01BBF6;
}
.subscribe-social .subscribetwitter a:hover{
background: #52e052;
}
.subscribe-social .subscribegoogleplus a{
background: #D54135;
}
.subscribe-social .subscribegoogleplus a:hover{
background: #52e052;
}
.subscribe-social .subscriberss a{
background: #fb8938;
}
.subscribe-social .subscriberss a:hover{
background: #52e052;
}
.subscribe-social .subscribeyoutube a{
background: #ff0000;
}
.subscribe-social .subscribeyoutube a:hover{
background: #52e052;
}
.subscribe-social .subscribeyoutube{
margin-right: 0;
}

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='widgetsubscribe'>
<div class='titlesubscribe'>
<p>Subscribe</p></div>
<div class='subscribe-social'>
<div class='subscribefacebook'>
<a href='LINK SOSIAL  MEDIA SOBAT' target='_blank' title='Follow Me on Facebook'>Facebook</a>
</div>
<div class='subscribetwitter'>
<a href='LINK SOSIAL  MEDIA SOBAT' target='_blank' title='Follow Me on Twitter'>Twitter</a>
</div>
<div class='subscriberss'>
<a href='LINK SOSIAL  MEDIA SOBAT' target='_blank' title='Subscribe on RSS'>RSS</a>
</div>
<div class="subscribeyoutube">
<a href="LINK SOSIAL  MEDIA SOBAT" target="_blank" title='Subscribe on Youtube'>Youtube</a>
</div>
</div>
</div>
</b:if>

Cara Membuat Lightbox Widget Contact Form Blogger

#contacts-forms{width:100%;margin-bottom:10px}
#widget-contact{border:2px solid #E74C3C;position:fixed;top:15%;left:50%;width:400px;height:auto;background-color:#fff;z-index:1000;display:none;margin:0 0 0 -200px}
#widget-contact h3.juduls{background:#E74C3C;color:#fff;font:normal 18px Tahoma,Sans-Serif;position:relative;margin:0;padding:15px;text-transform:uppercase}
#widget-contact h3.juduls a{position:absolute;top:10px;right:15px;color:#fff;font-size:22px;text-decoration:none;cursor:pointer}
#ContactForm1 h2{display:none}
#area-overlay{position:fixed!important;z-index:999;top:0;right:0;bottom:0;left:0;background-color:#000;display:none}
#ContactForm1_contact-form-email-message{width:355px;background:#222;outline:none;border:1px solid #E74C3C;overflow:hidden;height:150px;color:#fff;margin:0 10px 10px;padding:7px}
#ContactForm1_contact-form-submit{font-weight:700;background:#E74C3C;position:relative;cursor:pointer;float:right;width:100px;outline:none;border:none;margin:0 10px 10px;padding:7px}
#ContactForm1_contact-form-submit:hover{background:#d00}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:250px;margin-top:10px}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{width:350px;background:#222;color:#fff;outline:none;border:1px solid #E74C3C;margin:0 10px 10px;padding:10px}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{border:1px solid #1e90ff}
.contact-form-widget p{margin:0}
.contact-form-widget{padding:5px}
.buka-contact{width:100%;padding:10px;background:#E74C3C;color:#fff;font-size:16px;cursor:pointer}
.buka-contact:hover{background:#d00}

Selanjutnya, jika sudah memasang kode diatas maka selanjutnya sobat cari kode </body> jika sudah ketemu salin dan pastekan kode dibawah ini tepat diatas kode </body> yang sudah sobat cari dan temukan.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
<script type='text/javascript'>
$(function(){$('.buka-contact').click(function(){$('#widget-contact').show();$('#area-overlay').fadeTo("normal",0.8);return false});$('#widget-contact .close').click(function(){$('#area-overlay, #widget-contact').hide();return false})});
</script>

Selanjutnya, sobat cari lagi kode <div id='sidebar-wrapper'> kemudian salin dan pastekan kode dibawah ini tepat dibawah kode tersebut.

<div id='contacts-forms'>
<div id='widget-contact'>
<h3 class='juduls'>Contact Form<a href='#' class='close' title='Close'>&#215;</a></h3>
<b:section class='kontaks' id='kontaks' maxwidgets='1' preferred='yes'/>
</div>
<div id='area-overlay'></div>
<button class='buka-contact'>Kirim Pesan</button>
</div>

Terakhir adalah simpan template.

Langkah selanjutnya adalah memasang widgetnya di tata letak theme blog sobat dengan cara pilih Tata Letak/Layout > Klik Tambahan Widget > Formulir Kontak. (Pasang pada widget yang bernama Kontaks yang baru muncul di Lay out, jika tidak ada refresh dulu)

Cara Membuat lightbox Widget contact From Blogger

Jika sobat penasaran bagaimana jadinya sobat bisa melihat hasil demonya dibawah ini dan klik Kirim Pesan Pada widget demo dibawah ini ya, maka nantinya widget contact formnya bakalan muncul.

DEMO

Setelah membuat formulir kontak, maka sobat klik Simpan Perubahan dan lihat hasilnya di halaman depan website blog sobat. Biaklah saya rasa cukup sampai disini dulu artikel Cara Membuat Lightbox Widget Contact Form Blogger.

Happy Blogging!!