Showing posts with label Tips Blogspot. Show all posts
Showing posts with label Tips Blogspot. Show all posts

Cara Membuat Twitter Follower Box di Blog

Cara Membuat Twitter Follower Box di Blog - Kali ini saya akan membahas bagaimana Cara Membuat Twitter Follower Box di Blog, selain Like Box Facebook ternyata ada juga Twitter Follower Box, jika kamu memasang Twitter Follower Box di Blog kemungkinan besar Follower twiter kamu akan meningkat.




Dan berikut cara membuat Twitter Follower Box di Blog :

1. Login ke Blog kamu.
2. Pilih Rancangan lalu Pilih Add Gadget pilih lagi HTML/Java Script.
3. Copy kode dibawah ini.



<script type="text/javascript"
src="http://s.moopz.com/fanbox_init.js"></script><div
id="twitterfanbox"></div><script
type="text/javascript">fanbox_init("blazer_blog");</script>



Ganti kode yang berwarna merah dengan username Twitter kamu,
Cuma segitu cara bikin nya gampang bukan, sebelum pergi tunjukan rasa terimakasih kamu dengan Follow Twitter saya
Dan setelah saya coba hasilnya OK 

Selamat mencoba sukses buat anda...!!!!

3 Widget Animated Twitter Follow untuk Blogspot


Tips-tricks blogger kali ini mau share Widget-widget Follow Me on Twitter Blogspot, yang ternyata tidak cuma dalam bentuk gambar diam aja loh. Curi perhatian pengunjung blogmu dengan "Flash Animated Follow Me Twitter Bird' yang bisa gerak-gerak mengundang perhatian pengunjung. Ada tiga jenis widget animated twitter bird yang bisa dipake, pilih salah satu, salah tiga juga boleh lah. Nih contohnya:


Scriptnya:
<object data="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" height="80" type="application/x-shockwave-flash" width="180"><param name="movie" 
value="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" />
<param name="allowscriptaccess" value="always"/><param name="menu" value="false"/><param name="wmode" value="transparent"/>
<param name="flashvars" value="username=anak lanang"/><a href="http://www.gamblinginsider.ca" title="gambling">gambling</a><embed src="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="80" menu="false" wmode="transparent" flashvars="username=anak lanang"></embed></object>



TWITTER #2


Scriptnya:

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" width="100" height="100"><param name="movie" value="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=anak lanang"></param><a href="http://www.gamblinginsider.ca" title="online gambling insider.ca">online gambling insider.ca</a><embed src="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="100" menu="false" wmode="transparent" flashvars="username=anak lanang"></embed></object>




TWITTER #3

Scriptnya:
<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" width="200" height="200"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=anak lanang"></param><a href="http://www.dreambingo.co.uk/" title="http://www.dreambingo.co.uk/">http://www.dreambingo.co.uk/</a><embed src="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="200" height="200" menu="false" wmode="transparent" flashvars="username=anak lanang></embed></object>




Cara memasang Widget Flash Animated Follow Me Twitter Bird:
1. Masuk ke dashboard > Design/Rancangan > Add/tambah gadget > Pilih HTML/Javascript.
2. Copy salah satu script di atas. Ganti anak lanang dengan nama account twitter-mu.
3. Paste ke dalam kotak HTML/Javascript dan save. Posisikan (drag and drop) gadget ke posisi yang diinginkan lalu save lagi.
4. Done!

Setelah saya coba hasilnya OK banget ga rugi kok....!!!

Semoga sukses dan berhasil buat anda

Trik Mantap Seo | Tambahkan Meta Tag di Blog Anda


Mudah-mudahan di artikel ini kita berjumpa dalam keadaan yang berbahagia dan penuh semangat. Sebelumnya, kami mohon maaf karena cukup lama hiatus (tidak nge-blog dalam kurun waktu tertentu) dikarenakan ada agenda yang cukup penting, sehingga blog ini tidak diupdate selama satu minggu.

Oke… hmm.. mau mulai dari mana ya? Gimana kalau trik SEO aja yah? Mudah-mudahan sobat JC suka dan menikmati artikel ini. 

Membahas soal SEO memang tidak pernah ada habisnya. Ada banyak hal menarik yang bisa kita pelajari dalam SEO, baik itu SEO on page maupun SEO of page. Nah ngomongin soal SEO, kali ini kami punya trik SEO yang perlu dilakukan pada blog kita masing-masing. Apa triknya? Triknya adalah menambahkan meta tag pada blog Blogger yang kita miliki. 


Apa sih meta tag itu? Meta tag adalah salah satu elemen dalam bahasa pemrograman HTML/XHTML (bahasa yang biasanya ada pada kode blog) yang fungsinya sebagai metadata dalam suatu halaman website.
Sehingga meta tag itu dapat digunakan untuk menjelaskan deskripsi suatu halaman website supaya bisa diindex oleh mesin pencari, seperti Google


Karena meta tag cukup diperlukan, jadi mari kita pasang pada blog kita masing-masing.
Bagaimana caranya...?? Silahkan ikuti langkah-langkah berikut ini :
Karena tanpa ini Mbah Google tidak dapat detek website kita.. apalagi kita ini pemula didunia Website.

   1. Silahkan login ke akun Blogger dan masuk ke Dasbor Blog kita
   2. Selanjutnya klik Menu Template


    
    3. Berikutnya silahkan klik tombol Edit HTML.


   4. Berikutnya klik tombol lanjutkan untuk masuk ke editor template kita.
   5. Setelah masuk ke editor tamplate, silahkan tekan tombol Ctrl + F lalu cari kode <head>.
   6. Setelah kode <head> ditemukan, silahkan teman-teman tambahkan kode berikut tepat dibawah kode   
       <head>.
7. Ganti dulu tulisan "deskripsi blog sobat" dengan deskripsi dari blog sobat,


  • Berikutnya klik tombol Lanjutkan untuk masuk ke editor template sobat.
  • Nah setelah masuk ke editor template, silakan tekan tombol Ctrl + F lalu cari kode <head>.
  • Setelah kode <head> ditemukan, silakan sobat tambahkan kode berikut tepat di bawah kode <head>.
  • Ganti dulu tulisan “deskripsi blog sobat” dengan deskripsi dari blog sobat, kalimat “kata kunci blog sobat” ganti dengan kata kunci blog sobat.
<meta content=' deskripsi blog sobat' name='Description'/>
<meta content=' kata kunci blog sobat' name='Keywords'/>


  • Nah setelah ditambahkan, silakan simpan pengaturan dengan klik tombol Simpan Template.


Nah itu dia trikya. Sebagai bukti bahwa proses penambahan meta tag berhasil, maka silakan sobat buka salah satu artikel di blognya lalu kirimkan ke Facebook. Maka nanti akan ditemukan deskripsi blog sobat pada kiriman artikel tersebut.


Oke sobat yang baik hatinya, itulah trik SEO mantap kali ini. Mudah-mudahan bisa membantu optimasi SEO dari sobat JC. Saya doakan semoga blog sobat bisa masuk halaman depan hasil pencarian Google.

Ini semua juga Info dari para Bloger yang lebih senior...
Sumber : Jefferly Helianthusonfri

Cara Membuat Twitter Follower Box Di Blog

Ini adalah posting saya tentang membuat Like Box untuk TWITTER di blog. Semua ini juga ilmu dari para blogger yang pengalaman dan saya coba sendiri , ternyata berhasil seperti di blog saya ini. 




Dibawah ini adalah cara membuatnya : 


1. Login ke Blogger 
2. Klik Dasbor>Rancangan>Tambah Gadget 
3. Pilih wiadget HTML/JavaScript 
4. Masukan kode ini



 <!-- Twitter Follower Box --> <script type='text/javascript'> function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 295px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; \"\>\<\/iframe\>';} </script> <div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("ArekNgamen");</script type="text><div style="font-size:10px;margin-top:-8px;"><a href="http://masrahmat">+ Get This Widget</a></div> <!-- End Twitter Follower Box -->





5. Ganti ArekNgamen dengan username anda di Twitter.
6. Untuk merubah ukuran, sesuaikan width dan height-nya
7. Save dan Selesai.

Setelah coba teman-teman pratinjau/preview..
Semoga berhasil.... Terima kasih mampir ke blog ini.

Cara Menampilkan Judul Posting Saja di Halaman Depan Blog

Bila teman-teman ingin untuk membuat atau menampilkan judul Posting saja di Homepage Blogspot Anda, atau judul dengan tanggal, waktu, post footer dan lain-lain, maka temen-teman bisa coba tips cara membuat atau menampilkan judul Posting saja di Homepage Blog kita ini. Dan cara ini bisa diterapkan di Blog, Kita bisa edit melalui Edit HTML yaitu dengan cara memasukkan kode seperti yang tertera dibawah ini. 
Yang menguntungkan dengan cara ini, yakni homepage atau halaman depan Blog kita akan lebih cepat untuk dibuka atau waktu loadingnya akan lebih cepat, karena yang ditampilkan hanya judul-judulnya saja. Sekarang simak cara membuat atau menampilkan judul Posting saja di Homepage Blogspot berikut ini. 
Dan cara ini saya dapatkan dari para blogger dan saya ternyata ok... tapi sebelum mengedit HTML perlu kita backup dulu ya siapa tau error.. 



OK... bila anda berminat, anda bisa ikuti langkah - langkah dibawah ini : 
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.



4. Cari kode di bawah ini atau yang mirip dengan kode ini : 
    Pada script HTML cari kode </head>
    (bisa dengan cara tekan Ctrl + F lalu masukkan kode </head> di kotak find)

5. Copy kode css di bawah ini dan taruh sebelum kode :

<style type='text/css'>

<b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'>

.post {margin:.5em 0 1.5em;border-bottom:0px dotted $bordercolor;padding-bottom:1.0em;height:50px;}.post h3 {margin:.25em 0 0;padding:0 0 4px;font-size:20px;font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;font-weight:normal;line-height:1.4em;color:#cc6600;}

.post h3 a, .post h3 a:visited, .post h3 strong {display:block;text-decoration:none;color:#cc6600;font-weight:normal;}

.post h3 strong, .post h3 a:hover {color:#333333;}

.post-body {display:none;}.post-footer {display:none;}.comment-link {display:none;}.post img {display:none;}.post blockquote {display:none;}.post blockquote p {display:none;}h2.date-header {display:none;}.post-labels {display:none;}.post-rating {display:none;}

</b:if></b:if>

</style>

6. Simpan Template. 


Demikian info dan tips cara membuat atau menampilkan judul Posting di Homepage Blogspot. Sekian dan terima-kasih atas kunjungan Anda.

Sukses buat anda

Memasang widget Google Translate ke blog

Halllooo... ini saya coba memberi cara buat teman2 mungkin diantara teman-teman yang masih kesulitan dengan cara pasang memasang widget Google Translate di blog sobat dan ini pernah saya alami. Sebenarnya ada sebuah situs yang menawarkan layanan gratisan, yang bisa di manfaatkan secara gratis. jadi tidak perlu pusing cara bikin script translator, karena script translator telah disediakan oleh situs tersebut, anda hanya perlu meng-copy scriptnya kemudian pasang script widget Google Translate ke dalam blog. Gadget/widget Google Translate, bisa kita ditambahkan dengan menggunakan gadget translator yang telah tersedia di dalam List Gadget Blogger, Di Bagian "Elemen Laman - Tambah Gadget" pada saat melakukan perintah Tambah Gadget, namun ada alternatif lain, yang sebenarnya lebih sederhana bentuknya, Anda hanya perlu melakukan copy script kemudian memasukkannya ke Tambah Gadget terus pilih HTML/Javascript blogspot Contohnya bisa di lihat di bawah ini
Untuk memasang widget google translate pada blog silahkan ikuti prosedur berikut: 1. Buka situs ke google translate, atau klik disini widget google translate 2. Ubah bahasa yang digunakan menjadi bahasa Indonesia (lihat ujung panah)
3. Copy script html yang ada di atas, kemudian masukkan ke gadget html, di blog
Panduan menambah script ke gadget html bisa dilihat disini gadget html/javascript blogspot. Sukses buat anda..

Readmore Otomatis

Cara Membuat Readmore Otomatis. Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini. 

1. silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :
 



 untuk lebih mudah tekan ctrl + F untuk mencari code </head>
cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.
 
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/> 
 
2. cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>
ganti kode tersebut dengan kode di bawah ini :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

3. klik save template

Selanjutnya kita melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.
 
Semoga berhasil dan sukses selalu...
 

Memasang Yahoo! Messenger

Kalau kita menerima email di yahoo, biasanya terlihat ikon Yahoo! Messenger (YM) sedang online atau tidak. Kondisi tersebut bisa kita tampilkan di blog. Dengan demikian, orang lain bisa dengan cepat mengajak anda chatting bila anda sedang online di YM. Cara memasangnya sebagai berikut :

* Login ke akun blog anda
* Klik Layout
* Klik Add a Gadget (posisinya disesuaikan dengan template blog anda)
* Klik tanda + pada HTML/Javascript
* Masukkan kode ini dan ingat ubah kode ID-YM (arek_proyek) dengan ID YM anda

Menambahkan Badge Facebook Di Blogger

Hiii...pakabar teman blogger. anda suka Facebookan ya?? Kalo Gitu gabung yukk...!!! Sekarang Facebookan bisa juga di blogger loh. Nah kalo kamu punya blog kenapa tak dicoba aja tinggal di Create Badge pada Facebook kamu dan seterusnya sampai selesai tak payah lah. Kalo anda berminat silahkan ikuti cara berikut ini mudah lohh :

* Login dulu ke www.Facebook.com
* klik menu Profile pada menu bar diatas
* Kalo dapat foto Facebook uda di upload
* Kemudian klik Create Badge, untuk memulai Badge

Cara Menambah Chat Di Blogger


Posting, posting, dan terus posting. Huft. . Cukup lelah untuk membuat artikel. Harap maklum lah, masih newbie. Masih harus banyak belajar dari blogger - blogger master.

Baiklah. sesuai dengan judul, kali ini saya akan membahas "Cara Menambah Chat Di Blogger". Sama seperti tutorial - tutorial lain yang pernah saya tulis, saya mendapatkan info ini ketika jalan - jalan di google. Lalu, apa untungnya kita memasang chat di blog? Keuntungannya, kita bisa berkomunikasi langsung dengan pengunjung blog kita (yang sudah mendaftar tentunya). Antara sesama pengunjung pun, juga bisa saling berkomunikasi. Bagaimana? Mau memasangnya? Kalau gitu, ikuti langkah berikut:

Membuat Animasi Burung Twitter Pada Blog


Beberapa waktu yang lalu Tim Java Creativity memperoleh beberapa email dari para pengunjung yang berisi sebuah saran agar Java Creativity memposting artikel yang membahas tentang Blog atau website. Ehhhmmm….saran yang sangat bagus sekali, lagipula agar isi blog ini tidak hanya terfokus pada software saja.

Kali ini kami akan memposting Trik sederhana untuk Blogger yaitu membuat Burung Animasi Twitter yang melayang kesana-kemari, tidak hanya bisa melayang-layang saja, Burung Twitter maksud kami juga akan sangat bermanfaat untuk menarik pengunjung blog sekaligus mencari Follower pada Akun Twitter anda. Nggak percaya?? Apa salahnya di coba...

Siapa tau blognya jadi banyak pengunjung... heee heee hee lumayan bisa jadi terkenal blog kita meskipun ga terlalu beken... lumayan lhoooo...

Lalu bagaimana sih cara pembuatannya? Berikut ini tutorialnya :

* Silahkan anda login dulu ke dalam Blog anda
* Pilih Rancangan >> Elemen Laman >> Tambah Gadget >> pilih Html/ java script
* Masukkan kode berikut :


<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgql8IdGy9Gew2VRm-R_q5MzetqoNxmHX377oQkd7KlJ8MXBa8IbkqRVKD8nvnH7nMj6IqQW5jGVW2_lF-3QANpNYxyvgkiHx_vSZarjbUOqJM4_jDinqob7XnvYjM-ri2tX51tYV3Rjb_d/s1600/original.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/#!/AkunTwitterAnda";var tweetThisText = "Twitter - AkunTwitterAnda http://javacreativity.com/";tripleflapInit();
</script>



* Tampilannya seperti berikut kemudian klik Simpan




* Lihatlah Hasilnya





Keterangan:
Ganti http://twitter.com/#!/ AkunTwitterAnda dengan URL Profil Twitter anda

Ganti http://javacreativity.com/ dengan URL Blog Anda

Ganti AkunTwitterAnda dengan IdTwitter anda


Tambahan:

Warna Burung bisa diganti dengan warna lainnya. Caranya: ganti kode
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgql8IdGy9Gew2VRm-R_q5MzetqoNxmHX377oQkd7KlJ8MXBa8IbkqRVKD8nvnH7nMj6IqQW5jGVW2_lF-3QANpNYxyvgkiHx_vSZarjbUOqJM4_jDinqob7XnvYjM-ri2tX51tYV3Rjb_d/s1600/original.png dengan kode burung dibawah ini:


Jika ingin Burung Twitternya berwarna Ungu, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhOuUmJcgMq9hg2N7d43sa6ZWdNwg0A1X_cg63loG6n6FSSzD9iaf9ZLXLJyorsJ07DBQMcIpGVj4dBBtz1eduscLYND70TndWyHxDmMNQHLQmMdBHDeOvJeH9IJAnOitO5abR0mDYE0u_/s1600/purple.png







 

Jika ingin Burung Twitternya berwarna Hijau, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSJL7DZ5IgZeh3eoGLH6-igepm0x2QoEqgVEE_Q7uefv6InhIRMbIxmDdQbg4q5SLN8BZ5pi3oqmiXun_5w4irOp5BbRYlu7k0xjYeWCDHLVOlqUBFaMRpYzdA2_zIrdWcK64-B3E6_Op/s1600/green.png










Jika ingin Burung Twitternya berwarna Biru, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVZnyuCZl538OTvJmc0ZbV63NMnO1nj_Z8PTH9DwShvVMcppansRCYnz6KI3oa0jf0hA4TJeTGz0LHAAZ32BhWN1_aeQbZ8dF9U8QMFuKvVvYvdN41n5JykGxBUQMJXeaTvfhwqLaTW80b/s1600/blue.png





 

Jika ingin Burung Twitternya berwarna Pink, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu9q3BAlHbmIzxsQQH7XYAOzmwH69bbHcqXFnu8Dr7nGapDYR_5q01c3YVJ_2pJHTkOcjOYcT00US-t4em56D0UOt6nAIajV5ffoilli4n1Pb6w6LKPtaQileakbhbVgGzT-PNroxLeuQv/s1600/pink.png




Selamat mencoba asik dan lucu..... keren .....Semoga Bermanfaat
Sumber : Tim Java Creativity