• Home
  • Drop-Down
    • Sub-item 1
    • Sub-item 2
  • Contact
    • e-mail Form
    • Twitter
  • Privacy Policy
  • Sitemap

CB Super Fast

Template Blog Super Fast Loading, SEO Friendly, Responsive

Custom Domain - Nama Domain Sendiri
Menu
  • HOME
  • ABOUT
  • CONTACT
  • BLOG
  • CATEGORIES
    • Sub-Menu 1
    • Sub-Menu 2
      • Sub Sub-Menu 1
      • Sub Sub-Menu 2
      • Sub Sub-Menu 3
      • Sub Sub-Menu 4
      • Sub Sub-Menu 5
    • Sub-Menu 3
      • Sub Sub-Menu 1
      • Sub Sub-Menu 2
      • Sub Sub-Menu 3
      • Sub Sub-Menu 4
      • Sub Sub-Menu 5

Cara Menggunakan Google Web Fonts Fast Loading

YOUR NAME
CB Super Fast Updated at: 5:02 AM

 Google Web Fonts Fast Loading
GOOGLE menyediakan sejumlah jenis huruf (font) untuk digunakan dalam desain template blog. Kita bisa memilih huruf yang disediakan "sesuka hati", namun disarankan menggunakan jenis huruf "user friendly" seperti Arial, Verdana, Open Sans, atau kelompok Sans Serif dan Serif.

Berikut ini dua tips Cara Menggunakan Google Web Fonts Fast Loading, dengan huruf Open Sans dan Oswald.

Kode Google Font untuk jenis huruf Open Sans saja:

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/>

Kode Google Font untuk jenis huruf Open Sans & Oswald:

<link href='http://fonts.googleapis.com/css?family=Open+Sans|Oswald' rel='stylesheet' type='text/css'/>


COPAS KODE (SUBHEADING / H3)

Copas kode tersebut di bawah <head>

Masih ada 5 cara lain Menggunakan Google Web Fonts Fast Loading. Bisa disimak di Quick Online Tips.*

NUMBER LIST
  1. Arial, Verdana, Open Sans, atau kelompok Sans Serif dan Serif.
  2. Arial, Verdana, Open Sans, atau kelompok Sans Serif dan Serif.
  3. Arial, Verdana, Open Sans, atau kelompok Sans Serif dan Serif.
  4. Arial, Verdana, Open Sans, atau kelompok Sans Serif dan Serif.
  5. Arial, Verdana, Open Sans, atau kelompok Sans Serif dan Serif.

Arial, Verdana, Open Sans, atau kelompok Sans Serif dan Serif. Arial, Verdana, Open Sans, atau kelompok Sans Serif dan Serif.

QUOTE: Arial, Verdana, Open Sans, atau kelompok Sans Serif dan Serif. Arial, Verdana, Open Sans, atau kelompok Sans Serif dan Serif.

Arial, Verdana, Open Sans, atau kelompok Sans Serif dan Serif. Arial, Verdana, Open Sans, atau kelompok Sans Serif dan Serif.

NUMBER LIST:
  1. Arial, Verdana, Open Sans, 
  2. atau kelompok Sans 
  3. Serif dan 
  4. Serif. Arial, Verdana, Open 
  5. Sans, atau 
  6. kelompok Sans Serif dan Serif.
Sample Posting dengan Elemen Text. Fixed!

Kode ANTICOPAS - Perlindungan Total terhadap Konten Blog

YOUR NAME
CB Super Fast Updated at: 4:44 AM

Kode ANTICOPAS
Kode ANTICOPAS agar Posting atau Tulisan Blog tidak mudah dicopy paste blogger lain.

Tindakan copy paste sah-sah saja, asalkan menyebutkan sumber. Justru sang blogger akan senang jika tulisannya dicopas asalkan menyebutkan sumber.

Yang bikin jengkel, jika posting dicopas namun tidak menyebutkan sumbernya.

"Perlindungan Total" terhadap konten blog. Semua fungsi untuk copy paste tulisan dimatikan, baik klik kanan maupun Ctrl+C, Ctrl+U, dan CTRL+P.

1. Klik "Template"
2. Klik "Edit HTML"
3. Cari kode <body>
4. Ganti kode <body> dengan kode di bawah ini:

<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>

Kode ANTICOPAS - Perlindungan Total terhadap Konten Blog

Kode Share Media Sosial ala Template Johny Wuss

YOUR NAME
CB Super Fast Updated at: 12:23 AM

Kode Share Media Sosial
TOMBOL Share Media Sosial (Social Media Button) wajib ada di setiap posting blog --biasanya di bawah tulian. Tombol ini untuk memudahkan admin dan pengunjung nge-share posting ke akun media sosialnya.

Berikut ini Kode Share Media Sosial ala Template Johny Wuss karya Maskolis yang dikenal SEO Friendly dan  Fast Loading.

Kode Share Media Sosial ala Template Johny Wuss


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Scripts Start -->
<b:if cond='data:post.isFirstPost'>

<!-- Facebook -->
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</script>

<!-- Google +1 -->
<script type='text/javascript'>
(function() {
var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
})();
</script>

<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
</b:if>
<!-- Scripts End -->
<div class='horizontal-social-buttons' style='padding:10px 0 10px;'>

<!-- Twitter -->
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>

<!-- Google +1 -->
<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>

<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</div>

<!-- Pinterest Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='pin-wrapper' style='float: left; margin:0px 0px 0px 30px; width:44px;'>
<a data-pin-config='beside' data-pin-do='buttonPin' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a>
<span style='margin-left:-44px;'><a data-pin-config='beside' data-pin-do='buttonBookmark' href='//pinterest.com/pin/create/button/' style='outline:none;border:none;'/></span>
</div>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<style type='text/css'>
#pin-wrapper &gt; a {background-image:none !important;}
</style>
</b:if>
<!-- Pinterest End -->
  </div>
</b:if>
<div class='clear'/>

Kode Share Media Sosial ala Template Johny Wuss

Kode Tombol Share Media Sosial Tanpa Javascript

Kode Tombol Share Media Sosial Tanpa Javascript

YOUR NAME
CB Super Fast Updated at: 12:16 AM

CARA memasang Kode Tombol Share ke Sosial Media (Facebook, Twitter, Google Plus) di Bawah Posting Blog Tanpa Javascript, sehingga Fast Loading, SEO Friendly, dan Valid HTML.


Contoh atau demonya ada di bawah posting ini.

1. Template > Edit HTML
2. COPAS kode berikut ini di atas kode ]]></b:skin> 

#share-button{margin:0 0 8px;padding:0;overflow:hidden}#share-button p{float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#fafafa;display:block;padding:5px 8px!important;margin:0 3px 3px 0;border-radius:6px 6px;border:1px solid #fff}#share-button a{position:relative;float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);border-radius:6px 6px;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff}#share-button a:hover{top:1px;left:1px;box-shadow:0 0 3px rgba(1,1,1,.1)}

3. COPAS kode berikut ini di bawah kode <data:post.body/> 

<div id='share-button' style='margin-top:8px;'><p>Bagikan Ke</p><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#3b5998;' target='_blank' title='Facebook'>Facebook</a><a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:blog.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#c0361a;' target='_blank' title='Google+'>Google+</a><a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;lang=id&quot;' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#4099ff;' target='_blank' title='Twitter'>Twitter</a></div>

4. Save Template!

Kini Tombol Share Sosial Media (Social Share Button) sudha muncul di bawah posting blog Anda.

JIKA ingin lebih dari Facebook, Twitter, dan Google Plus, silakan ambil kodenya di AddThis.

Older Posts
Subscribe to: Posts (Atom)

Latest Posts

Loading...

Popular Posts

  • Kode ANTICOPAS - Perlindungan Total terhadap Konten Blog
  • Cara Menggunakan Google Web Fonts Fast Loading
  • Kode Share Media Sosial ala Template Johny Wuss
  • Kode Tombol Share Media Sosial Tanpa Javascript
  • Cara Mengatasi Add Widget HTML/ Javascript Tanpa Judul
  • Dua Kesalahan Fatal Desain Halaman Depan Blog
  • Cara Mempercepat Loading Blog

Loading...

Labels List

  • Blogging
  • Featured
  • News
  • Posting
  • Sample Post
  • Tips
  • Tips SEO

Labels Cloud

Blogging Featured News Posting Sample Post Tips Tips SEO

Copyright © CB Super Fast. All rights reserved.