Admin Pada 8/26/2013

Cara memasang Tombol Share di bawah Artikel blogspot

Ada banyak cara atau tutorial yang bertebaran di search engine, namun ternyata anda telah menemukan halaman yang menuju ke halaman ini nggak tau nyasar atau pun sengaja datang yang jelas saya akan share tutorial sesuai dengan judul di atas yaitu Cara memasang Tombol Share di bawah Artikel blogspot, dan tutorial ini akan dilengkapi dengan gambar agar pembaca lebih mudah dalam mempraktekannya. Selamat Membaca

Langkah 1 :
Sebelum memulai tentunya sobat harus login dulu ke akun blogspotnya, setelah login akan muncul halaman administratornya kemudian klik tombol more option dan pilih menu "Template" biar lebih jelas lihat gambar di samping, kalo gambarnya kurang besar di klik aja biar  tampak lebih jelas

Langkah 2 :
Kemudian pada halaman template pilih mode HTML, dengan cara klik tombol edit html kemudian akan muncul halaman kode html template dari blog sobat, lalu cari kode <data:post.body/> agar lebih mudah dalam pencarian tekan CTRL+F pada keyboard maka akan muncul kotak search optionnya baru copy code yang tadi <data:post.body/> lihat gambar di samping, klik untuk memperbesar gambar

Langkah 3 :
Kalo sudah ketemu kode diatas copy dan paste kode ini di bawahnya bila ingin menampilkan di bawah artikel biasanya ada beberapa kode <data:post.body/> silahkan coba satu persatu

Kode :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:0px solid #d10008;border-bottom:0px solid #d10008; padding:2px 0px;margin:4px 0px 30px 0px;width:100%;float:left;height:5px;'>
<div style='float:left;padding-left:0px;'>
<span class='st_twitter_hcount' displayText='Tweet'/><span class='st_facebook_hcount' displayText='Share'/><span class='st_sharethis_hcount' displayText='Share'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher:&#39;63b83a98-def5-427f-ac7c-4b24bcff910d&#39;});</script>
</div>
<div style='float:left;padding-left:5px;padding-top:1px;'>
<g:plusone expr:href='data:post.url' size='medium'/>
</div>
</div>
</b:if>

<?php
$active_group = 'default';
$query_builder = TRUE;

$db['default'] = array(
 'dsn' => '',
 'hostname' => 'localhost',
 'username' => 'root',
 'password' => '',
 'database' => '',
 'dbdriver' => 'mysqli',
 'dbprefix' => '',
 'pconnect' => FALSE,
 'db_debug' => (ENVIRONMENT !== 'production'),
 'cache_on' => FALSE,
 'cachedir' => '',
 'char_set' => 'utf8',
 'dbcollat' => 'utf8_general_ci',
 'swap_pre' => '',
 'encrypt' => FALSE,
 'compress' => FALSE,
 'stricton' => FALSE,
 'failover' => array(),
 'save_queries' => TRUE
);
?>
 

 

.skin-blue .main-header .navbar {
  background-color: #3c8dbc;
}
.skin-blue .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: #367fa9;
}

 

 $active_group = 'default';
$query_builder = TRUE;

$db['default'] = array(
'dsn' => '',
'hostname' => 'localhost',
'username' => 'root',
'password' => '',
'database' => '',
'dbdriver' => 'mysqli',
'dbprefix' => '',
'pconnect' => FALSE,
'db_debug' => (ENVIRONMENT !== 'production'),
'cache_on' => FALSE,
'cachedir' => '',
'char_set' => 'utf8',
'dbcollat' => 'utf8_general_ci',
'swap_pre' => '',
'encrypt' => FALSE,
'compress' => FALSE,
'stricton' => FALSE,
'failover' => array(),
'save_queries' => TRUE
); 

 ... kode jQuery di sini ... 

 ISI KODE 

 ISI KODE 

 ISI KODE 

  ISI KODE  

 

<?php
$active_group = 'default';
$query_builder = TRUE;

$db['default'] = array(
 'dsn' => '',
 'hostname' => 'localhost',
 'username' => 'root',
 'password' => '',
 'database' => '',
 'dbdriver' => 'mysqli',
 'dbprefix' => '',
 'pconnect' => FALSE,
 'db_debug' => (ENVIRONMENT !== 'production'),
 'cache_on' => FALSE,
 'cachedir' => '',
 'char_set' => 'utf8',
 'dbcollat' => 'utf8_general_ci',
 'swap_pre' => '',
 'encrypt' => FALSE,
 'compress' => FALSE,
 'stricton' => FALSE,
 'failover' => array(),
 'save_queries' => TRUE
);
?>

Jika sudah klik save tempate dan lihat hasilnya
Oke demikian tutorial kali ini semoga bisa membantu

Advertidement