Featured:
Transforming Column (3 Column to 2 column)
Different comment style for admin
Breadcrumb navigation
Adsense (Full size ads)
External google font
Auto readmore
Comment count at post title
Color Change
Fast loading
Transforming Column (3 Column to 2 column)
Different comment style for admin
Breadcrumb navigation
Adsense (Full size ads)
External google font
Auto readmore
Comment count at post title
Color Change
Fast loading
Featured:
Transforming Column (3 Column to 2 column)
Different comment style for admin
Breadcrumb navigation
Adsense (Full size ads)
External google font
Auto readmore
Comment count at post title
Color Change
Fast loading
Transforming Column (3 Column to 2 column)
Different comment style for admin
Breadcrumb navigation
Adsense (Full size ads)
External google font
Auto readmore
Comment count at post title
Color Change
Fast loading
Seperti pada aturan iklan kumpulblogger.com yaitu dapat menggunakan
iklan melayang tetapi dengan tombol close 1x klik.
Berikut kode yang harus di tambahkan pada script iklan:
<style type="text/css">#gb{position:fixed;top:10px;z-index:+1000;}* html #gb{position:relative;}.gbcontent{float:right;background:transparant;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-100;gb.style.top = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}</script><div id="gb"><div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent"><div style="text-align:left"><a href="javascript:showHideGB()">[Close]</a></div><center>KODE SCRIPT IKLAN</center><script type="text/javascript">var gb = document.getElementById("gb");gb.style.center = (20-gb.offsetWidth).toString() + "px";</script></div></div>
Letakkan di rancangan add gadget "html/javascript" blog sobat
Jangan lupa simpan ..
Selamat mencoba.
Contoh seperti gambar di atas sob.
Jika sobat ingin membuatnya,
berikut ini langkah2nya:
1. Login blog
2. Rancangan
3. Edit html dan cenyang "expand widget template"
4. Letakkan kode berikut di atas <div class='post-body entry-content'> atau class='post-body entry-content' yang pertama, karena biasanya ada 2 kode.
<b:if cond='data:blog.pageType == "item"'><div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'><div style='float:left;padding-left:0px;font:normal 12px Georgia;'>Share on :</div><div style='float:left;padding-left:10px;'><a name='fb_share' type='button_count'/><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script></div><div style='float:left;padding-left:10px;'><a class='DiggThisButton DiggCompact'/><script type='text/javascript'>(function() {var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];s.type = 'text/javascript';s.async = true;s.src = 'http://widgets.digg.com/buttons.js';s1.parentNode.insertBefore(s, s1);})();</script></div><div style='float:left;padding-left:10px;'><a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div><div style='float:left;padding-left:10px;'><!-- Place this tag where you want the +1 button to render --><g:plusone size="medium"></g:plusone><!-- Place this render call where appropriate --><script type="text/javascript">(function() {var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;po.src = 'https://apis.google.com/js/plusone.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);})();</script></div></div></b:if>
5. Simpan template dan selesai
Selamat mencoba dan happy blogging!!
Memasang Social Bookmark adalah salah satu cara yang cukup mudah,
sebagai salah satu cara untuk melakukan promosi blog.
Bookmark sosial adalah metode untuk pengguna internet untuk berbagi, mengatur, mencari, dan penanda suatu web atau blog.
So bagaimana cara membuat share social bookmark sharing is sexy?
Simak langkah2nya:
1. Login blog
2. Rancangan
3. Edit html dan centang:expand widget template"
4. Letakkan kode di atas ]]></b:skin>
5. Letakkan kode berikut di bawah <data:post.body> yang ke2
sebagai salah satu cara untuk melakukan promosi blog.
Bookmark sosial adalah metode untuk pengguna internet untuk berbagi, mengatur, mencari, dan penanda suatu web atau blog.
So bagaimana cara membuat share social bookmark sharing is sexy?
Simak langkah2nya:
1. Login blog
2. Rancangan
3. Edit html dan centang:expand widget template"
4. Letakkan kode di atas ]]></b:skin>
div.beauty-bookmarks {
height:54px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJImkZhmO-3iKVd3-QpW6dBeV_ogNZznHmx1adSVB7Ga1HKbCouNkcG96N5WEicgwgHz47ODznUFXIKCVR8NPMnLTKab83unAlGbhhIGIIGom7DCNkQURG8RlGd2_g4CDs7W551K7KgZDt/') no-repeat left bottom;
position:relative;
width:455px;
}
div.beauty-bookmarks span.beauty-rightside {
width:17px;
height:54px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJImkZhmO-3iKVd3-QpW6dBeV_ogNZznHmx1adSVB7Ga1HKbCouNkcG96N5WEicgwgHz47ODznUFXIKCVR8NPMnLTKab83unAlGbhhIGIIGom7DCNkQURG8RlGd2_g4CDs7W551K7KgZDt/') no-repeat right bottom;
position:absolute;
right:-17px;
}
div.beauty-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}
div.beauty-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}
div.beauty-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}
.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD_pG5FFgGs1YLSzBIqbkIm2vdciGbvM4ewtvCR1fIna4AjCpqq5Gcyybc2AB6mNpGal8HrpZ5QDKDgF3tgCkX1hSnBlg5eq1MLXhFIEV-BnC2aAu9MUC4B9dD8OLs3EJlWkvf_urOK9Lx/') no-repeat !important;
}
.beauty-furl {
background-position:-300px top !important;
}
.beauty-furl:hover {
background-position:-300px bottom !important;
}
.beauty-digg {
background-position:-500px top !important;
}
.beauty-digg:hover {
background-position:-500px bottom !important;
}
.beauty-reddit {
background-position:-100px top !important;
}
.beauty-reddit:hover {
background-position:-100px bottom !important;
}
.beauty-stumble {
background-position:-50px top !important;
}
.beauty-stumble:hover {
background-position:-50px bottom !important;
}
.beauty-delicious {
background-position:left top !important;
}
.beauty-delicious:hover {
background-position:left bottom !important;
}
.beauty-technorati {
background-position:-700px top !important;
}
.beauty-technorati:hover {
background-position:-700px bottom !important;
}
.beauty-twitter {
background-position:-350px top !important;
}
.beauty-twitter:hover {
background-position:-350px bottom !important;
}
.beauty-facebook {
background-position:-450px top !important;
}
.beauty-facebook:hover {
background-position:-450px bottom !important;
}
.beauty-script-style {
background-position:-400px top !important;
}
.beauty-script-style:hover {
background-position:-400px bottom !important;
}
.beauty-designfloat {
background-position:-550px top !important;
}
.beauty-designfloat:hover {
background-position:-550px bottom !important;
}
5. Letakkan kode berikut di bawah <data:post.body> yang ke2
<b:if cond='data:blog.pageType == "item"'>
<div class='beauty-bookmarks'>
<ul class='socials'>
<!-- delicious start-->
<li class='beauty-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<!-- delicious end-->
<!-- digg start-->
<li class='beauty-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<!-- digg end-->
<!-- technorati start-->
<li class='beauty-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<!-- technorati end-->
<!-- reddit start-->
<li class='beauty-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<!-- reddit end-->
<!-- Stumbleupon start-->
<li class='beauty-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<!-- Stumbleupon end-->
<!-- designfloat start-->
<li class='beauty-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<!-- designfloat end-->
<!-- facebook start-->
<li class='beauty-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<!-- facebook end-->
<!-- twitter start-->
<li class='beauty-twitter'><a expr:href='"http://twitter.com/home/?status=Chk Out-" + data:post.title + " " + data:post.url' target='_blank'/></li>
<!-- twitter end-->
<!-- furl start-->
<li class='beauty-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<!-- furl end-->
</ul>
<span class='beauty-rightside'/>
</div>
</b:if>
6. Simpan template
Selamat mencoba sob!
Jika kita ingin mengubah background iklan kumpul blogger,
untuk menyesuaikan dengan warna template blog sobat,
berikut ini caranya:
di bawah ini script iklan
<script src="http://kumpulblogger.com/scahor.php?b=180202&onlytitle=1" type="text/javascript"></script>
modif menjadi seperti ini:
<div class='widget-content'>
<center><div style="background:red;
rgb(204, 204, 204); padding: 3px 3px 5px; text-align: left;"> <script src="http://kumpulblogger.com/scahor.php?b=180202&onlytitle=1" type="text/javascript"></script>
</div></center>
</div>
hasilnya:
ubah warna background sesuai keinginan ya..