Membuat Tombol Twitter dan Jumlah Follower pada Blog

Sobat Blog Trik dan Tips jika anda punya akun twitter dan ingin mempromosikan blog anda, cobalah buat widget yang satu ini. Kita akan membuat tombol twitter follower pada blog, fungsinya yaitu untuk mengajak pengujung dari blog untuk mengikuti status anda pada twitter. Tombol twitter biasanya ditempatkan di sidebar atau dibawah posting. Penempatannya tergantung selera anda yang penting mudah dilihat oleh pengunjung aja. Kebetulan saya juga akan memberikan tips bagaimana memunculkan jumlah follower pada tombol twitter anda. Mudah saja untuk membuatnya, ingin tau caranya untuk itu ikuti langkah berikut ini:

1. Kunjungi situs ini https://twitter.com/about/resources/buttons#follow
2. Pilihlah tombol follow
3. Pada Button Option masukan username twitter anda
4. Kopi kode atau script untuk tombol twitter
5. Paste kode tersebut pada widget di blog anda.

6. Untuk memunculkan jumlah pengunjung pada tombol twitter tersebut maka ganti data-show-count="false" menjadi data-show-count="true". Hasilnya akan seperti tombol twitter milik Blog trik dan tips dibawah ini:

menjadi seperti ini:

7. Simpan widget anda lalu lihat blog anda

Dengan membuat tombol twitter mudah-mudahan anda semakin banyak followernya ya. Kebetulan karena sudah membaca artikel saya ini jangan lupa ya untuk follow saya di twitter ...Oke deh terima kasih sudah membaca, selamat mencobanya.

Read more »

Membuat Widget Penilaian Artikel Menggunakan Jempol

Pada Trik dan Tips kali ini kita akan membuat Penilaian Menggunakan Jempol atau Thumbs Up and Down Rating Widget pada blog anda. Sebelumnya kita telah membuat 5 star rating widget dengan menggunakan bintang namun widget yang satu ini berbeda karena menggunakan jempol. Jompol atas dan jempol bawah adalah dua penilaian yang berbeda. Jempol atas menunjukan isi dari artikel anda disukai oleh pembaca, sebaliknya jempol bawah menunjukan isi artikel tidak disukai oleh pembaca. Widget jempol ini akan tampil dengan jumlah banyaknya jempol atas dan jempol bawah. Jika ingin membuat blog anda lebih menarik maka cobalah tampilkan widget ini. Untuk membuatnya ikutilah langkah berikut ini:

1. Masuklah ke Rancangan --> Edit HTML
2. Klik Expand template widget
3. Carilah kode seperti ini <data:post.body/>
4. Letakan kode dibawah ini diatas kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title' view='score'></div>

</b:if>

Keterangan: kode biru diatas menunjukan widget ini hanya tampil pada posting artikel.

5. Letakan kode dibawah ini diatas kode </body>

<script src="http://js-kit.com/ratings.js"></script>

6. Lalu simpan template anda.

Coba anda lihat bagaimana widget ini tampil pada posting anda. Anda akan melihat Jempol Up dan Jempol dawn dengan tampilan yang sangat menarik. Smoga artikel in ibermanfaat. Selamat mencoba ya semoga bermanfaat.

Read more »

Membuat Efek Slide Facebook Fan Page Like di Blog

Sobat blog trik dan tips, kebetulan saya ada waktu sedikit untuk memposting artikel yang menarik. Tentunya kita akan membuat widget facebook fan page like yang melayang disamping blog, atau biasanya disebut floating facebook fan page. Script jquery yang kita gunakan ini akan memberikan efek yang manarik yaitu sliding efek ketika didekatkan dengan cursor, dan akan menutup apabila cursor menjauh. Previewnya dapat anda lihat pada gambar disamping. Dengan memasang widget ini pada blog dijamin facebook anda akan semakin banyak fannya alias penggemarnya. Untuk memasang script ini sangat mudah, hanya membutuhkan beberapa langkah saja. Jadi bagaimana tertarik untuk membuatnya....? Kalau begitu ikuti tutorialnya berikut ini:

1. Pada blog anda masuk ke Design --> Edit HTML
2. Carilah kode </head>
3. Letakan script jquery dibawah ini diatas kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

4. Simpan template anda

5. Masuk ke Elemen Halaman lalu klik Tambah Gadjet

6. Pilih HTML/Javascript

7. Masukkan kode berikut ini:

<script type="text/javascript">

//<!--

$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

//-->

</script>

<style type="text/css">

.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUUfVfqomwzr1dVkQeBvNHovRe1ZqZC3jNjCVN1RMzyY8JUvp-xnjU3fxF3AGWuNmKugnZT-fbTFAjSvrFsRXanxB2aFfQ88DlE4Dj-9i4z_mDSkM9OS76M0o2_KVbe2P3lHV_s4tYZlNm/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}

.w2bslikebox div{border:none;position:relative;display:block;}

.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

.w2bslikebox span a{color: #808080;text-decoration:none;}

.w2bslikebox span a:hover{text-decoration:underline;}

</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fblogtrikdantips&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span style="color:#fff;">Widget by: <a style="color:#fff; font-weight:bold" href="http://www.blogtrikdantips.blogspot.com">Indra</a></span></div></div>

8. Ganti tulisan berwarna merah dan nama fan page anda

9. Simpan gadjetnya

Sobat bagaimana dengan hasilnya...semoga dengan kode ini akan membuat blog anda menjadi lebih menarik dan bertambah pengunjung dan fannya...semoga bermanfaat.

Read more »

Pasang Toolbar Wibiya Untuk Mempercantik Blog Anda

Ada beragam cara untuk mempercantik atau membuat blog kita tambah keren. Misalya dengan memasang gadjet toolbar wibiya yang satu ini. Jika anda masih newbie dan ingin membuat blog anda tampil lebih indah tanpa mengotak atik script template anda, maka coba pasang toolbar wibiya. Anda bermacam-macam fitur yang ditawarkan toolbar ini seperti: chating pada blog, melihat statistik pengunjung, integrasi dengan akun facebook dan twitter, menampilkan tulisan terkini blog anda, dan lain-lain. Toolbar ini juga dilengkapi dengan tampilan personal yang anda bisa pilih sesuai dengan warna blog anda. Toolbar ini juga akan meningkatkan trafik pada blog anda. Jadi tunggu apa lagi coba pasang toolbar ini dan lihat hasilnya. Oke cara masangnya gini:

1. Buka situs http://wibiya.conduit.com/
2. Klik tombol “Get It Now”
3. Isi formulir sesuai dengan data Anda lalu kik tombol “Next”
4. Lalu pilih tema toolbar Anda pada bagian “Select A Theme”. Kemudian klik tombol “Next”
5. Pada bagian “Application Setting”, konfigurasi akun Anda kedalam toolbar tersebut, setelah itu klik tombol “Next”

6. Pada bagian “Add it”, klik logo “Blogger” atau install on blogger (pastikan anda sudah login pada blogger)
7. Lalu klik tombol “Add Widget”

Wibiya toolbar akan terpasang otomatis dan melayang di bagian bawah blog Anda. Blog anda yang pasti akan tambah keren dan meriah dengan tambahan aplikasi yang unik ini. Oke sekian tutorial dari Blog Trik dan Tips semoga bermanfaat.

Read more »

Cara Mengetahui URL Feed Twitter Anda

Selain mengupdate posting blog di twitter anda juga bisa mengupdate status twitter diblog. Biasanya twitter menyediakan widget untuk update status twitter ke blog. Anda bisa mengatur tampilan widget ini sesuai dengan keinginan. Tapi anda juga bisa membuat update status twitter muncul di blog menggunakan feed. Anda hanya perlu mengetahui url feed twitter anda untuk dimasukan ke gadjet feed pada blog anda (namun apa url feed twitter anda bisa dimasukan ke gadjet feed pada blogger) Ingin tau caranya ikuti tutorialnya di bawah ini:

Cara mengetahui ID twitter anda
1. Pertama anda perlu mengetahui ID twitter, caranya klik url ini: http://www.idfromuser.com/
2. Klik tombol Get ID untuk mengetahui ID twitter anda, akan muncul id twitter anda lalu simpan id tersebut.

Cara mengetahui Feed Twitter Anda
1. Time Line RSS Feed
Untuk time line RSS feed urlnya seperti dibawah ini. Anda hanya perlu mengganti Twitter username dengan user name twitter anda.

http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=Twitter username

misalnya punya user name punya saya jika dimasukan akan terlihat seperti ini:

http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=blogtrikdantips

2. List RSS feed

Untuk list rss feed, urlnya seperti dibawah ini. Ganti Twitter username dengan username milik anda.

http://api.twitter.com/1//lists/Twitter username/statuses.atom

3. ID RSS feed

Untuk ID rss feed anda akan memerlukan id anda seperti langkah diatas. Untuk url feednya akan terlihat seperti dibawah ini. Anda hanya perlu mengganti feed_id dengan id milik anda. (untuk feednya anda bisa mengubah rss menjadi atom atau json)

http://twitter.com/statuses/user_timeline/feed_id.rss

Anda bisa membuka url feed twitter saya pada address bar seperti punya saya http://twitter.com/statuses/user_timeline/528376417.rss. Namun sayang setelah saya coba memasukan feed dari twitter pada gadjet blogger, tak ada yang berhasil, malah yang muncul tulisan "url tidak valid". Semoga artikel ini bermanfaat....

Read more »

Cara Pasang Lagu di Blog

Mau punya lagu di blog anda? ya pasti mau lah....kalo gak mau untuk apa di baca posting ini!....he3 just kidding (bercanda). Oke kali ini Blog Trik dan Tips akan memberikan resep khusus bagaimana anda bisa membuat lagu di blog. Ketika seorang pengunjung membuka halaman blog anda maka lagu tersebut secara otamatis akan dimainkan (play). Caranya mudah saja hanya perlu memasukan script pada gadjet anda. Kalau gitu ikuti langkahnya dibawah ini:

1. Login ke akun blog anda
2. Pilih Rancangan --> Elemen
3. Tambahkan Gadjet anda --> Pilih HTML/Javascript
4. Masukan kode di bawah ini

<embed align="CENTER" autostart="1" height="0" loop="1" src="http://www.4shared.com/embed/s8qieq3Y/Nikita_Willy_-_Kutetap_Menanti.swf " width="0"></embed>

5. Klik saved untuk menyimpan kode tadi

Coba anda tes lagunya. Buka saja halaman blog anda pasti akan ada lagunya Nikita Willy - Ku Tetap Menanti. Kalau anda ingin menganti lagu lain, ganti script yang berwarna merah dengan kode ektensi lagu dalam format swf. Untuk lagu-lagu lainnya dapat anda klik disini: Kumpulan Ekstensi Musik SWF untuk Blog

Read more »

Cara Mengganti Tulisan "Poskan Komentar" di atas Kotak Komentar

Jika anda melihat halaman posting artikel pasti anda akan mendapati tulisan "POSKAN KOMENTAR". Tulisan ini biasanya terletak diatas form komentar atau kotak komentar. Tulisan ini dapat anda ganti sesuai dengan selera anda hanya dalam hitungan detik. Jadi kalo anda baca artikel ini pasti kode yang saya kasih ini tidak akan meleset....he3 just kidding. Oke kalo begitu langsung ikuti trik di bawah ini:

1. Login pada blog
2. Masuk ke Rancangan - Edit HTML
4. Centang Expand Template Widget
5. Cari kode seperti pada gambar dibawah ini, biasanya ada tiga kode yang sama seperti ini, jadi anda hanya perlu mengganti kode yang kedua.

6. Hapus kode tersebut lalu gantikan dengan pesan yang anda ingin sampaikan. 
7. Simpan Template

Cobalah anda lihat hasilnya....Dijamin pasti berhasil....oke sekian trik dari saya. Jangan lupa berkomentar ya.....Bagaimana mudah kan? Selamat Mencoba!!!

Read more »