untuk postingan kali ini, saya akan menjelaskan mengenai sebuah script yang dimana fungsinya ini untuk label pada blog anda bisa bergeser/bergoyang" gitu pokoknya jadi bakal tambah keren, oke mari kita langsunga aja ya ... 

1. Login ke dalam Akun Blogger kalian

2. Klik Template

3. Lalu pilih Edit HTML --> klik Lanjutkan --> Centang "Expand Widget Template"

4. Cari kode </head>, gunakan ctrl+f untuk memudahkan pencarian. Kemudian kamu salin kode di bawah ini. Dan letakkan di atas kode </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' 'text/javascript'>

</script>

<script 'text/javascript'>

    var dur = 400; // Duration Of Animation in Milli Seconds

    $(document).ready(function() {

        $('a.linknudge, .Label ul li a').hover(function() {

            $(this).animate({

                paddingLeft: '25px'

            }, dur);

        }, function() {

            $(this).animate({

                paddingLeft: 0

            }, dur);

        });

    }); // end of Jquery Script

</script>

5. Simpan template dan lihat hasilnya
nah, gimana mudahkan, semoga berhasil dan khususnya artikel ini bisa bermanfaat buat anda :)

 
Langsung z sob ke Cara membuat kotak komentar Facebook , Twitter dan Blog, ikuti langkah mudah ini tapi harus teliti, cepat tepat kunci keberhasilan, ingat salah tanda baca, spasi bisa gagal, harus benar2 teliti ya sob

Sebelum membuat kotak komentar Facebook , Twitter dan Blog, saudara harus mempunyai

1.       Profile_ID (facebook)

2.       APP_ID (facebook)

3.       API_Key (twitter)

Yang belum mempunyai material di atas silahkan baca di bawah ini.

1.        Profile_ID  facebook / Fans Page kamu, contoh  

               http://www.facebook.com/sepzsahabatsetia

2.    APP_ID adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar facebook, Buat Disini

3.       APP_Key adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar twitter, Buat Disini

Bila Semua Sudah Disiapkan, Kita cau ke langkah berikutnya :

1. Masuk ke akun blogger .

    Ingat , jangan lupa backup terlebi dahulu template blog kamu,  kemudian ke Rancangan > Edit   

    HTML > Centang   terlebih dahulu 'Expand Template Widget'

2. Masukan script di bawah ini tepat di bawah kode <head> . Agar cepat ketemu  tekan Tombol Ctrl + F

 <meta content='Profile_ID' property='fb:admins'/> 
<meta content='APP_ID' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/>
<script src='http://platform.twitter.com/anywhere.js?id=API_Key&amp;v=1'/>

3. Masuk kanProfile_ID kamu , APP_ID facebook kamu dan API_Key twitter kamu , ke dalam Script warna merah

4.  Masuk kan Script di bawah ini tepat di code 'comments'

<div 'comments-tab' id='blogger-comments' title='Comments from Blogger'>
<data:post.numComments/> Comments
</div>
<div 'comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span 'js-page-tweet-count' expr:href='data:post.url'/> Tweets
</div>
<div 'js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'>
<fb:comments-count expr:href='data:post.url'/> Komentar
</div>
<div 'clear'/>
</div>
<div 'comments-page' id='twitter-comments-page'>
<div id='js-tweet-box'/>
</div>
<div 'comments-page' id='fb-comments-page'>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='10' width='400'/>
  </b:if>
</div>
<div 'comments comments-page' id='blogger-comments-page'>

5. Amati kode yang berwarna BIRU

     -      Comments Tweets dan Komentar dapat di ganti sesuka hati kita , karena ini adalah judul dari kotak komentar  

     -      Angka 10 menrupakan jumlah komentar yang di tampilkan , dapat anda rubah

-          Angka  400 adalah lebar dari kotak komentar , bisa anda rubah juga.

6. Simpan template blog anda , dan lihat hasilnya , mudah-mudahan sukses ya.

Catatan :

            1. Yang dimaksud dengan API_Key = konsumen kunci, dan konsumen kunci yg dipakai adalah  

                 konsumen kunci yg di  dapat setelah kita membuat tanda tangan OAuth.

            2.OAuth hanya bias di dapat setelah anda membuat konsumenkunci

jangan lupa masukin komentarnya ya bagi anda yang kurang tahu..hhe

    Tentang Saya

    saya adalah orang yang paling menyenangkan bila diajak bercanda ataupun ngobrol.

    Archives

    February 2013

    Categories

    All
    Blog