OneDarkShot: Agustus 2012

Diposting oleh Arifin Yunianta

Cara Membuat Widget Melayang Google Friend Connect, Twitter dan Facebook Like Box - Inilah persembahan 3 in 1 floating widget yang menurut saya merupakan salah satu widget blogger terbaik di penghujung tahun 2011 ini. 3 buah widget melayang
yang digabung dalam 1 gadget ini merupakan sequel jilid 2 dari posting saya sebelumnya Cara Membuat Floating Facebook Like Box dimana dalam gadget ini memuat widget follower blogger (Google Friend Connect), widget update status Twitter dan widget Facebook Like Box sekaligus !! Demo penerapan widget melayang (floating widget) ini bisa sobat lihat disamping sidebar kanan blog ini. Seperti apa Cara membuat widget Follower Blogger, status Twitter dan Facebook Like ini akan kita bedah bersama (hiks..!) dalam tips blogging kali ini.

Cara Membuat Widget Melayang Google Friend Connect, Twitter dan Facebook Like Box :

1. Login ke dashboard blogger anda, pilih Rancangan > Elemen Laman > Add gadget(HTML/Javascript).

2. Copy script master widget dibawah ini dan paste pada gadget.

<style type="text/css">

.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG96FgTqFQwdmt7Gc0oqyTiP_2M8fxuyO-fpIphAMwJxReB3FZ6TMxI3FDPLLnz395azKEwkCWUENE932h0xD9AQQE2TiaAKeHkdrVe5BYoKIisfR9Q39erNOFFmvMHtP6MEB9t0WT6MFQ/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}

.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipvTsbPWrDUa0uD-pHS-Qp0RYk4bROPAkNhSHOZ5GmPUiBsI4ZtMvC5XrM2YbNCIEUqX_4IycaI84KIYYiIlqHPM210sB8BT-9nsT4RHGoK-EK5Mb7wRqF2BZ1pKAszuSRzmECbGpL_j1Y/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}

.barconteblogger{margin:5px 0 0 47px}

.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLU-9iBfJ0PqtEFHzdMFzoqL0UTmPMxkTh30wc31Jes6TTZNucJ6lkWQ7tjXqVZt-SCP75QZ6LWigHlf0fkN-Gu6vjASeuRttQpQzF6eNW9fBuS0U8AR9WQPS2kXlBAY_xhv9CvD4uSFpf/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}

.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzX2tGAo7gLE5E6mcdCPIapLec-ZiXyC-cssZXxsNKSC5rIfspapYjxO3IJuxH6kwaDdAJkGEP62GE56obaWQByr3_LjrVd66BUG5ntyIOY1D02SlhE1MdaJ3x8AEHCtxTAUTwJCOKauyb/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}

.barcontetwitter{margin:5px 0 0 47px}

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXKRoQjzLauntkVTN108Pr-GlCJKscNjXJaIhOfQhZ60gQiamoLlFUTNm99zK18QSAyvJWf8Itud76COYlY-VbsHLGDMhG-j7LndQQxAKdfeiaLvMarfeP2capQtWHv5qeHSkWNFnYYEAT/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}

.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoqpNYfPB48q3dCJfFQDnYEeFxFy9KvMN2zy_GJH7j1kgOEn9L3KgHlP-Ay8wfgKoWGOGaqc7ZrkFEDFY7yQr2JOHFTEXPKxK3flK-1mKANCJXFM-ZopOXIRvIYnv9eemcTBePbGlJffk-/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

.barcontefacebook{margin:5px 0 0 47px}

</style>

<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">

<div class="barconteblogger">

CONTENT BLOGGER HERE

</div>

</div>

<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">

<div class="barcontetwitter">

CONTENT TWITTER HERE

</div>

</div>

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">

<div class="barcontefacebook">

CONTENT FACEBOOK HERE

</div>

</div>

3. Kustomisasi widget :

Ganti tulisan CONTENT BLOGGER HERE dengan kode HTML Google Friend Connect anda.

Ganti tulisan CONTENT TWITTER HERE dengan kode HTML widget status Twitter anda.

Ganti tulisan CONTENT FACEBOOK HERE dengan kode HTML Facebook Like Box anda.

4. Bentuk akhir dari kode script ini ( Final Code ) akan menjadi seperti script widget milik saya dibawah ini :

<style type="text/css">

.barrightblogger{

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG96FgTqFQwdmt7Gc0oqyTiP_2M8fxuyO-fpIphAMwJxReB3FZ6TMxI3FDPLLnz395azKEwkCWUENE932h0xD9AQQE2TiaAKeHkdrVe5BYoKIisfR9Q39erNOFFmvMHtP6MEB9t0WT6MFQ/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}

.barrightbloggerc{

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipvTsbPWrDUa0uD-pHS-Qp0RYk4bROPAkNhSHOZ5GmPUiBsI4ZtMvC5XrM2YbNCIEUqX_4IycaI84KIYYiIlqHPM210sB8BT-9nsT4RHGoK-EK5Mb7wRqF2BZ1pKAszuSRzmECbGpL_j1Y/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}

.barconteblogger{margin:5px 0 0 47px}

.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLU-9iBfJ0PqtEFHzdMFzoqL0UTmPMxkTh30wc31Jes6TTZNucJ6lkWQ7tjXqVZt-SCP75QZ6LWigHlf0fkN-Gu6vjASeuRttQpQzF6eNW9fBuS0U8AR9WQPS2kXlBAY_xhv9CvD4uSFpf/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}

.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzX2tGAo7gLE5E6mcdCPIapLec-ZiXyC-cssZXxsNKSC5rIfspapYjxO3IJuxH6kwaDdAJkGEP62GE56obaWQByr3_LjrVd66BUG5ntyIOY1D02SlhE1MdaJ3x8AEHCtxTAUTwJCOKauyb/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}

.barcontetwitter{margin:5px 0 0 47px}

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXKRoQjzLauntkVTN108Pr-GlCJKscNjXJaIhOfQhZ60gQiamoLlFUTNm99zK18QSAyvJWf8Itud76COYlY-VbsHLGDMhG-j7LndQQxAKdfeiaLvMarfeP2capQtWHv5qeHSkWNFnYYEAT/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}

.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoqpNYfPB48q3dCJfFQDnYEeFxFy9KvMN2zy_GJH7j1kgOEn9L3KgHlP-Ay8wfgKoWGOGaqc7ZrkFEDFY7yQr2JOHFTEXPKxK3flK-1mKANCJXFM-ZopOXIRvIYnv9eemcTBePbGlJffk-/');background-

repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

.barcontefacebook{margin:5px 0 0 47px}

</style>

<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">

<div class="barconteblogger">



<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>



<div id="div-5280101236238054965" style="width:225px;border:1px solid #cccccc;"></div>



<script type="text/javascript">

var skin = {};

skin['BORDER_COLOR'] = '#cccccc';

skin['ENDCAP_BG_COLOR'] = '#ff9900';

skin['ENDCAP_TEXT_COLOR'] = '#333333';

skin['ENDCAP_LINK_COLOR'] = '#0000cc';

skin['ALTERNATE_BG_COLOR'] = '#ffffff';

skin['CONTENT_BG_COLOR'] = '#ffffff';

skin['CONTENT_LINK_COLOR'] = '#0000cc';

skin['CONTENT_TEXT_COLOR'] = '#333333';

skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';

skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';

skin['CONTENT_HEADLINE_COLOR'] = '#333333';

skin['NUMBER_ROWS'] = '5';

google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);

google.friendconnect.container.renderMembersGadget(

{ id: 'div-5280101236238054965',

   site: '13497557564014853740&#039; },

skin);

</script>

</div>

</div>

<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">

<div class="barcontetwitter">

<script src="http://widgets.twimg.com/j/2/widget.js"></script>

<script>

new TWTR.Widget({

version: 2,

type: 'profile',

rpp: 2,

interval: 30000,

width: 220,

height: 220,

theme: {

    shell: {

      background: '#333333',

      color: '#ffffff'

    },

    tweets: {

      background: '#333333',

      color: '#f3f5f0',

      links: '#eb9f07'

    }

},

features: {

    scrollbar: true,

    loop: false,

    live: false,

    behavior: 'all'

}

}).render().setUser('@rayhanzhampiet').start();

</script>

</div>

</div>

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">

<div class="barcontefacebook">

<iframe allowtransparency="true" frameborder="0" scrolling="no"

src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Share-With-Irfan-Blogs/322414587773378&width=24

0&colorscheme=light&connections=15&stream=false&header=false&height=320" style="border: none; height: 320px;

overflow: hidden; width: 240px;background: #fff;"></iframe>

</div>

</div>

5. Kalau mau gampang sobat tinggal mengganti ID akun Google Friend Connect, Twitter dan Facebook Like milik saya yang sudah saya tandai dengan tulisan warna merah dengan ID atau kode akun milik anda.

6. Jika sudah selesai melakukan kustomisasi, Save / Simpan gadget dan lihat hasilnya.

Buat yang masih kesulitan untuk mengetahui kode ID Google Friend Connect (GFC) berikut ini tutorialnya :

1. Login ke Google Friend Connect menggunakan akun blogger/gmail anda.

2. Klik nama blog anda pada sidebar kiri dan pilih Add the member gadget.

3. Anda akan dibawa ke halaman kustomisasi gadget seperti gambar dibawah ini. Lakukan kustomisasi lebar gadget, jumlah baris follower yang ingin ditampilkan, warna background, border, huruf dan lain-lain dihalaman ini.

4. Jika kustomisasi sudah selesai, klik tulisan Generate code pada langkah ke-3 Create the HTML code, maka kode HTML gadget follower / Google Friend Connect milik anda sudah selesai dan siap dicopy atau disimpan di notepad.

Untuk pengaturan widget update status Twitter

Diposting oleh Arifin Yunianta

Cara Membuat Widget Melayang Google Friend Connect, Twitter dan Facebook Like Box :

1. Login ke dashboard blogger anda, pilih Rancangan > Elemen Laman > Add gadget(HTML/Javascript).

2. Copy script master widget dibawah ini dan paste pada gadget.

<style type="text/css">

.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG96FgTqFQwdmt7Gc0oqyTiP_2M8fxuyO-fpIphAMwJxReB3FZ6TMxI3FDPLLnz395azKEwkCWUENE932h0xD9AQQE2TiaAKeHkdrVe5BYoKIisfR9Q39erNOFFmvMHtP6MEB9t0WT6MFQ/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}

.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipvTsbPWrDUa0uD-pHS-Qp0RYk4bROPAkNhSHOZ5GmPUiBsI4ZtMvC5XrM2YbNCIEUqX_4IycaI84KIYYiIlqHPM210sB8BT-9nsT4RHGoK-EK5Mb7wRqF2BZ1pKAszuSRzmECbGpL_j1Y/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}

.barconteblogger{margin:5px 0 0 47px}

.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLU-9iBfJ0PqtEFHzdMFzoqL0UTmPMxkTh30wc31Jes6TTZNucJ6lkWQ7tjXqVZt-SCP75QZ6LWigHlf0fkN-Gu6vjASeuRttQpQzF6eNW9fBuS0U8AR9WQPS2kXlBAY_xhv9CvD4uSFpf/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}

.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzX2tGAo7gLE5E6mcdCPIapLec-ZiXyC-cssZXxsNKSC5rIfspapYjxO3IJuxH6kwaDdAJkGEP62GE56obaWQByr3_LjrVd66BUG5ntyIOY1D02SlhE1MdaJ3x8AEHCtxTAUTwJCOKauyb/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}

.barcontetwitter{margin:5px 0 0 47px}

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXKRoQjzLauntkVTN108Pr-GlCJKscNjXJaIhOfQhZ60gQiamoLlFUTNm99zK18QSAyvJWf8Itud76COYlY-VbsHLGDMhG-j7LndQQxAKdfeiaLvMarfeP2capQtWHv5qeHSkWNFnYYEAT/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}

.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoqpNYfPB48q3dCJfFQDnYEeFxFy9KvMN2zy_GJH7j1kgOEn9L3KgHlP-Ay8wfgKoWGOGaqc7ZrkFEDFY7yQr2JOHFTEXPKxK3flK-1mKANCJXFM-ZopOXIRvIYnv9eemcTBePbGlJffk-/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

.barcontefacebook{margin:5px 0 0 47px}

</style>

<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">

<div class="barconteblogger">

CONTENT BLOGGER HERE

</div>

</div>

<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">

<div class="barcontetwitter">

CONTENT TWITTER HERE

</div>

</div>

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">

<div class="barcontefacebook">

CONTENT FACEBOOK HERE

</div>

</div>

3. Kustomisasi widget :

Ganti tulisan CONTENT BLOGGER HERE dengan kode HTML Google Friend Connect anda.

Ganti tulisan CONTENT TWITTER HERE dengan kode HTML widget status Twitter anda.

Ganti tulisan CONTENT FACEBOOK HERE dengan kode HTML Facebook Like Box anda.

4. Bentuk akhir dari kode script ini ( Final Code ) akan menjadi seperti script widget milik saya dibawah ini :

<style type="text/css">

.barrightblogger{

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG96FgTqFQwdmt7Gc0oqyTiP_2M8fxuyO-fpIphAMwJxReB3FZ6TMxI3FDPLLnz395azKEwkCWUENE932h0xD9AQQE2TiaAKeHkdrVe5BYoKIisfR9Q39erNOFFmvMHtP6MEB9t0WT6MFQ/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}

.barrightbloggerc{

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipvTsbPWrDUa0uD-pHS-Qp0RYk4bROPAkNhSHOZ5GmPUiBsI4ZtMvC5XrM2YbNCIEUqX_4IycaI84KIYYiIlqHPM210sB8BT-9nsT4RHGoK-EK5Mb7wRqF2BZ1pKAszuSRzmECbGpL_j1Y/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}

.barconteblogger{margin:5px 0 0 47px}

.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLU-9iBfJ0PqtEFHzdMFzoqL0UTmPMxkTh30wc31Jes6TTZNucJ6lkWQ7tjXqVZt-SCP75QZ6LWigHlf0fkN-Gu6vjASeuRttQpQzF6eNW9fBuS0U8AR9WQPS2kXlBAY_xhv9CvD4uSFpf/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}

.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzX2tGAo7gLE5E6mcdCPIapLec-ZiXyC-cssZXxsNKSC5rIfspapYjxO3IJuxH6kwaDdAJkGEP62GE56obaWQByr3_LjrVd66BUG5ntyIOY1D02SlhE1MdaJ3x8AEHCtxTAUTwJCOKauyb/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}

.barcontetwitter{margin:5px 0 0 47px}

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXKRoQjzLauntkVTN108Pr-GlCJKscNjXJaIhOfQhZ60gQiamoLlFUTNm99zK18QSAyvJWf8Itud76COYlY-VbsHLGDMhG-j7LndQQxAKdfeiaLvMarfeP2capQtWHv5qeHSkWNFnYYEAT/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}

.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoqpNYfPB48q3dCJfFQDnYEeFxFy9KvMN2zy_GJH7j1kgOEn9L3KgHlP-Ay8wfgKoWGOGaqc7ZrkFEDFY7yQr2JOHFTEXPKxK3flK-1mKANCJXFM-ZopOXIRvIYnv9eemcTBePbGlJffk-/');background-

repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

.barcontefacebook{margin:5px 0 0 47px}

</style>

<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">

<div class="barconteblogger">



<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>



<div id="div-5280101236238054965" style="width:225px;border:1px solid #cccccc;"></div>



<script type="text/javascript">

var skin = {};

skin['BORDER_COLOR'] = '#cccccc';

skin['ENDCAP_BG_COLOR'] = '#ff9900';

skin['ENDCAP_TEXT_COLOR'] = '#333333';

skin['ENDCAP_LINK_COLOR'] = '#0000cc';

skin['ALTERNATE_BG_COLOR'] = '#ffffff';

skin['CONTENT_BG_COLOR'] = '#ffffff';

skin['CONTENT_LINK_COLOR'] = '#0000cc';

skin['CONTENT_TEXT_COLOR'] = '#333333';

skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';

skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';

skin['CONTENT_HEADLINE_COLOR'] = '#333333';

skin['NUMBER_ROWS'] = '5';

google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);

google.friendconnect.container.renderMembersGadget(

{ id: 'div-5280101236238054965',

   site: '13497557564014853740&#039; },

skin);

</script>

</div>

</div>

<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">

<div class="barcontetwitter">

<script src="http://widgets.twimg.com/j/2/widget.js"></script>

<script>

new TWTR.Widget({

version: 2,

type: 'profile',

rpp: 2,

interval: 30000,

width: 220,

height: 220,

theme: {

    shell: {

      background: '#333333',

      color: '#ffffff'

    },

    tweets: {

      background: '#333333',

      color: '#f3f5f0',

      links: '#eb9f07'

    }

},

features: {

    scrollbar: true,

    loop: false,

    live: false,

    behavior: 'all'

}

}).render().setUser('@rayhanzhampiet').start();

</script>

</div>

</div>

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">

<div class="barcontefacebook">

<iframe allowtransparency="true" frameborder="0" scrolling="no"

src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Share-With-Irfan-Blogs/322414587773378&width=24

0&colorscheme=light&connections=15&stream=false&header=false&height=320" style="border: none; height: 320px;

overflow: hidden; width: 240px;background: #fff;"></iframe>

</div>

</div>

5. Kalau mau gampang sobat tinggal mengganti ID akun Google Friend Connect, Twitter dan Facebook Like milik saya yang sudah saya tandai dengan tulisan warna merah dengan ID atau kode akun milik anda.

6. Jika sudah selesai melakukan kustomisasi, Save / Simpan gadget dan lihat hasilnya.

Buat yang masih kesulitan untuk mengetahui kode ID Google Friend Connect (GFC) berikut ini tutorialnya :

1. Login ke Google Friend Connect menggunakan akun blogger/gmail anda.

2. Klik nama blog anda pada sidebar kiri dan pilih Add the member gadget.

Untuk pengaturan widget update status Twitter

DOWNLOAD TEMPLATE BLOGGER TERBARU 2012

Diposting oleh Arifin Yunianta

Anda dapat mendownload kumpulan template blogger yang keren dan gratis disini. Mulai dari template blogspot transparent,magazine, template 3 kolom terbaik sampaitemplate toko online. Pokoknya kali ini khusus saya pilihkan template blogspot yang unik dan keren. Jadi buat yang mau ganti template silahkan dicek dulu demonya, kalau udah sip langsung download aja yach…!!

1. X10 Masonry Blogger Template

Demo | Download

2. WP Openchart Blogger Template

Demo | Download

3. Buttermaker Blogger Template

Demo | Download

4. MagPress Blogger Template

Demo | Download

5. X5 Shadow Blogger Template

Demo | Download

6. Simplex eshop Blogger Template (Toko Online)

Demo | Download

Link download template blogger/blogspot terbaru gratis :

1.www.btemplates.com

2.www.bloggerbuster.com

3.www.blogtemplate4u.com

4.www.freeblogger-templates.blogspot.com

5.www.blogger-templates.blogspot.com

6.www.finalsense.com

7.www.ourblogtemplates.com

8.www.bloggerstyles.com

9.www.eblogtemplates.com

10.www.blogspottemplate.com

Mohon maaf kalau saya tidak sempat menuliskan spesifikas

Cara Mengganti Gambar Kursor di Blog

Diposting oleh Arifin Yunianta

URL :http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

URL :http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

URL :http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

URL :http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

URL :http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif

Cara mengganti gambar kursor di blog :

1. Login ke dashboard blogger anda.

2. Pilih Rancangan > Edit HTML, centang Expand widget template.

3. Carilah kode </head> pada template anda dengan menggunakan Ctrl F.

4. Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .

<style type='text/css'> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/sweden.gif"), auto;} </style>

5. Simpan template anda dan lihat perubahan pada gambar kursor

ATM Exp Sep 2012

Diposting oleh Arifin Yunianta

ATM Exp Sep 2012

ATM Exp Sep 2012 - Cheat Ninja Saga ATM exp Update, feature : cheat xp, cheat gold, all exam ninja saga, have enjoy leveling, how to use cheat :
Tools : Fiddler
SWF
pass : cheat-afrix
1. open fiddler
2. darg file swf to fiddler
3. go to ACADEMY
4. Skip 1 star *

credit : cheat-afrix /NSsscripthack

5. enjoy leveling ^^

OneDarkShot

Label

Popular Posts

Arsip Blog