Memasang Gadget / Widget Update Twitter pada Blog


Artikel kali kita membahas cara memasang gadget Twitter pada blog, biar menambah kesan lebih menarik pada blog. cara cukup sederhana / tidak terlalu sulit.
syarat kita tentunya harus punya id Twitter juga... :)
Click on Twitter Gadget (under main blog)
Copy paste kode html / script di bawah ini :


<div class="twitter"><ul id="twitter_update_list"></ul>
<a id="twitter-link" style="display: block; text-align: right;" href="http://twitter.com/idtwitteranda">follow me on Twitter</a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/idtwitteranda.json?callback=twitterCallback2&amp;count=2" type="text/javascript"></script>


jangan lupa ganti "idtwiiteranda" dengan ID twitter anda yang asli

Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat Efek NudgingPada Link Archive Blog

Jika Tertarik Silanhkan Ikuti Langkah berikut : 1. Login Blogger 2. Klik Menu Rancangan 3. Klik Menu Edit HTML 4. Copy Kode Dibawah Ini, Lalu Pastekan di atas Kode </head> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $(&#39;#BlogArchive1 li&#39;).hover(function() { //mouse in $(this).animate({ marginLeft: &#39;12px&#39; }, 400); }, function() { //mouse out $(this).animate({ marginLeft: 0 }, 400); }); }); </script> 5. Klik Simpan Template - Coba Arahkan Kursormu Pada Sembarang Link yang Ada di Widget Arsip Blog.
Baca selengkapnya

Cara membuat Navbar Blog Auto Hide

Gambar
Auto hide magsudnya apabila anda mengarahkan pointer mouse anda pada bagian atas Blogger maka Navbar akan terlihat, sedangkan apabila pointer tidak diarahkan pada bagian atas Blogger maka Navbar akan tersembunyi. Contohnya pada blog ini, langsung saja akan saya jelaskan : 1. Login ke Blog anda. 2. Klik Rancangan pada Dashboard. 3. Klik tab Edit Html (jangan lupa centang box Expand Widget Templatenya atau kalau perlu Download Templete Lengkap untuk mempermudah mencari). 4. Setelah itu tekan ctrl+F dan cari kode ]]></b:skin> 5. Letakan kode di bawah ini pada bagian atas kode ]]></b:skin>, ini kodenya : /* hilangkan navbar ----------------------------- */ #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)} 6. Lalu simpan Template, dan lihat hasilnya. Semoga bermanfaat.
Baca selengkapnya

Membuat Tampilan Komentar Owner Berbeda

Tampilan Komentar Owner atau pemilik blog berbeda ini sudah menjadi pernak-pernik blog yang popular karena dengan trik ini pembaca komentar bisa membedakan author dengan user di komentar artikel. 1. Masuk pada menu Design -> Edit HTML dan centang "Expand Widget Templates" 2. Taruh Code CSS dibawah ini diatas code ]]></b:skin> .comment-body-author { background: #fff29; /* Warna Background */ border:1px dotted #6aa84f; /*Border*/ margin:0; padding:0 0 0 20px; } 3. Kemudian cari code yang berwarna hitam lalu sisipkan code yang berwarna hijau , seperti dibawah ini. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='dat...
Baca selengkapnya