Baca Juga
Advertidement
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 :
Jika sudah klik save tempate dan lihat hasilnya
Oke demikian tutorial kali ini semoga bisa membantu
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 == "item"'>
<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:'63b83a98-def5-427f-ac7c-4b24bcff910d'});</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
No comments:
Post a Comment
Blog Ini Dofollow Ya bro tapi jangan nyepam komentar secara bijak dan sesuai dengan postingan