Cara Modifikasi Followers Blog Terbaru - Pastinya sobat pasti tahu follower diblog yang ada di Widget nya blog. Tapi followers kali ini lebih menarik yang bisa kalian pasang sendiri di Blog sobat.
Bagi sobat yang ingin memasang Followers Blog Terbaru ini didalam Laman silahkan ikuti langkah dibawah ini.
Langkah Modifikasi Followers Blog Terbaru
Pasang dahulu Widget Follower Blog sobat. Dengan cara ini:
1. Ketik URL dibawah ini
http://www.blogger.com/manage-followers.g?blogID=348873965227028XXXX
Ganti 348873965227028XXXX dengan id Blog sobat.
2. Akan keluar seperti dibawah, Klik Tambah Widget Pengikut
3. Klik SAVE
4. Sekarang sobat masuk ke Blog sobat dan klik kanan dan pilih inspect dan arahkan keWidget Followers sobat.
5. Cari kode dibawah ini
<div id="div-18o8g1e7kp4uu" style="width: 100%; visibility: visible;" class="gadgets-gadget-container"><div id="gfc_iframe_777394291_0_body"><iframe id="gfc_iframe_777394291_0" name="gfc_iframe_777394291_0" style="width: 100%; height: 179px;" frameborder="0" scrolling="no" allowtransparency="true" height="260"></iframe></div></div>6. Kode yang berwarna ORANGE simpan dan masukkan kode nya didalam kode dibawah ini
<div class="separator" style="clear: both; text-align: center;">
<script src="//www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>
</div>
<div class="gadgets-gadget-container" id="div-mpc5n3b537a2" style="border-radius: 0px; border: 0px solid rgb(238 , 238 , 238); margin: 0px auto; visibility: visible; width: 100%;">
<div id="gfc_iframe_1113889591_0_body" style="height: 331px;">
<iframe allowtransparency="true" frameborder="0" id="gfc_iframe_1113889591_0" name="gfc_iframe_1113889591_0" scrolling="no" style="height: 331px; width: 100%;"></iframe></div>
</div>7. Cari kode dibwah ini
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#000000";
skin['ENDCAP_LINK_COLOR'] = "#000000";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#000000";
skin['CONTENT_TEXT_COLOR'] = "#000000";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-18o8g1e7kp4uu",
height: 260,
site: "14536429759058258303",
locale: 'en' },
skin);
</script>8. Kode yang berwarna HIJAU masukkan didalam kode dibawah ini
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '34';
skin['BORDER_COLOR'] = '#FFFFFF';
skin['ENDCAP_BG_COLOR'] = '#FFFFFF';
skin['ENDCAP_TEXT_COLOR'] = '#555555';
skin['ENDCAP_LINK_COLOR'] = '#555555';
skin['CONTENT_BG_COLOR'] = '#FFFFFF';
skin['CONTENT_LINK_COLOR'] = '#555555';
skin['CONTENT_TEXT_COLOR'] = '#555555';
skin['CONTENT_HEADLINE_COLOR'] = '#555555';
skin['NUMBER_ROWS'] = '6';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'div-mpc5n3b537a2',
site: '14536429759058258303'},
skin);
</script>9. Terakhir masukkan kode CSS nya dibawah ini dibawah kode diatas
<style scoped="" type="text/css">
#sidebar-wrapper {display:none;}
#post-wrapper {width:100%;max-width:100%;}
.post-inner {padding:0;}
h3.post-title a, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-weight:700;
font-size:2rem;color:#999;}
.post-body p,.post-body code {font-size:1.3rem;font-weight:700;}
.non-semantic-protector{position:relative;z-index:1}h1.post-title {visibility:hidden;width:0;height:0;}.ribbon{font-size:20px!important;text-transform:uppercase;width:50%;position:relative;background:#f35b5b;color:#fff;text-align:center;padding:1em 2em;margin:0 auto 3em}.ribbon:after,.ribbon:before{content:"";position:absolute;display:block;bottom:-1em;border:1.5em solid #d74545;z-index:-1}.ribbon:before{left:-2em;border-right-width:1.5em;border-left-color:transparent}.ribbon:after{right:-2em;border-left-width:1.5em;border-right-color:transparent}.ribbon .ribbon-content:after,.ribbon .ribbon-content:before{content:"";position:absolute;display:block;border-style:solid;border-color:#b23232 transparent transparent;bottom:-1em}.ribbon .ribbon-content:before{left:0;border-width:1em 0 0 1em}.ribbon .ribbon-content:after{right:0;border-width:1em 1em 0 0}
</style>10. Masukkan kode - kode diatas didalam laman sobat dan taruh didalam HTML jangan di COMPOSE.
11. SAVE dan lihat hasilnya.
Semoga Tutorial Modifikasi Followers Blog Terbaru bermanfaat. Sekian dan terimakasih
0 comments: