Selasa, 01 Desember 2009

Menampilkan Status Twitter Di Blog



Cara menampilkan update status twitter di blog atau website:
  1. Login ke twitter.com
  2. Klik bagian Setting
  3. Lihat ke bawah pada more info URL kemudian klik link (You can also add Twitter to your site here)
  4. Pada list widget for... pilih My Website > Profile Widget
  5. Maka akan muncul halaman Customize Your Profile Widget anda dapat mengatur widget anda disini, antara lain:
  • Setting : mengedit username anda
  • Preferences : menampilkan atau menyembunyikan poll dan memberikan scroll bar dan jumlah tweets yang akan ditampilkan
  • Apperance : mengatur warna widget
  • Dimension : merubah ukuran widget dapat manual atau dapat menyesuaikan secara otomatis dengan memberi tanda centang pada auto width
    Setelah selesai klik "Finish & Grab Code"

Sabtu, 24 Oktober 2009

Mengubah Lebar Template blogger


Buka blog anda, Masuk menu Tata Letak > Edit HTML > Centang Expand Widget, Demi keamanan Back Up dulu data template anda..! ( copy –paste ke notepad atau word ).

Temukan angka width dari #header-wrapper, #outer-wrapper, dan #footer, #main-wrapper ,#sidebar-wrapper, yang merupakan patokan dari lebar halaman. untuk memudahkan pencarian tekan ctrl+f kemudian paste ke kota find. Angka yang saya blok merupakan ukuran width :

Untuk nilai width : #header-wrapper, #outer-wrapper dan #footer adalah sama, anda bisa rubah ke 750 px semua.

Dan untuk nilai width : #main-wrapper ,#sidebar-wrapper, bisa anda atur sesuai keinginan anda, main wrapper merupakan kolom posting anda dan sidebar adalah tampilan sebelah dari posting anda. Dan diantara kolom posting dan sidebar ada jarak beberapa pixel, agar antara kolom posting dan sidebar tidak terlalu dempet.

Jadi seperti ini ( contoh ) anda bisa ganti width dari masing-masing ukurannya :

#header-wrapper, #outer-wrapper, dan #footer,

750 px, 750 px, 750 px

#main-wrapper ,#sidebar-wrapper

470 px + 30 px ( jarak antara, anda bisa atur sendiri ), 250 px.

Untuk melihat hasilnya klik Preview

Apabila sudah selesai klik Save

Kamis, 01 Oktober 2009

Membuat Recent Comment

Wah biasanya kita sampai kesulitan mengecek komentar terbaru yang ada pada blog kita, soalnya komentar di lontarkan di postingan kita yang berbeda-beda, jadi kita akan merasa kesulitan untuk mengetahui siapa saja yang memberi komentar dan dimana dia melontarkan komentarnya juga isi komentarnya bagaimana.
Tapi jangan kawatir saya akan beri tips jadul tapi manjur yaitu cara membuat recent comments dengan JavaScript.
Dulu anas udah posting cara menampilkan postingan terbaru yang saya tulis sebelumnya, kali ini anas tulis juga membuat recent comments dehhh... ikuti yukkk

1. Pastikan dulu sudah Log In di blogger yah!

2. lalu beranjak ke menu Layout Kemudian Page elements

3. Kalau sudah! hoi sudah belom! sudah- sudah yaa jangan nangis... Lo kok malah mbulet-mbulet. Ahh serius nihhh Pilih tempat yang mau dipasangi terus Add a Gadget

4. Lalu pilih Menu HTML/JavaScript

5. Taruh Code Dibawah ini Kedalam HTML/JavaScript

Taruh Code Dibawah ini Kedalam HTML/JavaScript




5. Keterangan:
  • Tulisan NamaBlogKamu yang tercetak tebal dan merah diatas harus kamu ganti dengan alamat blog kamu
  • Angka 5 yang tercetak tebal dan biru itu menunjukkan Komentar terakhir yang ditampilkan di blog, kamu bisa mengubah sesuai selera kamu

6. Kalau sudah Simpan dehhhh

Aduhhh gampang kannnnn cuma itu aja gak ada yang ribet kok.
ohh yaa jangan sampai lupa isi komentar kamu dibawah yaaaa thx lo sebelumnya.... ihhh gemes dechhhhh

Senin, 21 September 2009

Membuat Recent Post Dan Thumbnail

 Widget yang satu ini fungsinya untuk menampilkan postingan terakhir kita (Recent Post), gambar, dan jumlah komentar.
Contoh tampilannya seperti dibawah ini :



Buat cara bikinnya simple aja, kamu tinggal "Add Gadget" ---- > "HTML/JavaScript" lalu copy paste code di bawah ini :



<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;
boxwidth = 300;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://NAMABLOGKAMU.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>




Setelah itu, ada beberapa yang harus dan bisa kamu edit, diantaranya :

boxwidth --> Ukuran dari kotak Widget
cellspacing --> Spasi diantara cells
thumbwidth dan thumbheight --> Ukuran lebar dan tinggi kotak gambar
numposts --> Jumlah recent post yang akan kamu tampilkan..
home_page --> http://NAMABLOGKAMU.com/ ( ganti alamat blog kamu )

Selamat mencoba ! Semoga Bermanfaat

Sabtu, 22 Agustus 2009

Cara Mengaktifkan U Comment I Follow


Pertama : Cek dulu blog anda, apakah jangan - jangan tanpa di sadari udah Do Follow, emang sulapan :D . Cara ngeceknya begini, coba aja lihat di postingan yg sudah ada commentnya. Kemudian select satu comment aja dari nama sampai isi posting trus klik kanan - pilih View Selection Source (Untuk FireFox). Dan lihat apakah di dalam html tsb ada rel=”nofollow” kalau masih ada text "no follow" artinya blog masih belum do follow.
Kedua : Cara mengubahnya, seperti biasa masuk ke blog anda (menu tata letak - HTML), jangan lupa "biar nongol semua scriptnya, dan cari script berikut :
<a expr:href='data:comment.authorUrl' rel='nofollow'>
<data:comment.author/></a>Ganti menjadi :
<a expr:href='data:comment.authorUrl' rel='external'>
<data:comment.author/></a>

Ketiga : Cari script berikut :
<a expr:href='data:backlink.url' rel='nofollow'>
<data:backlink.title/></a>

Ganti menjadi :
<a expr:href='data:backlink.url' rel='external'>
<data:backlink.title/></a>
Ok selesai! Selamat berbagi backlink!

Kamis, 23 Juli 2009

Aquarium di blog


Gadget yang satu ini memang keren abis, kita bisa bikin aquarium di blog kita. Selain bisa ngasih makan ikan2 kecil itu bisa ngikutin gerakan mouse pointer kita! Ini salah satu produk dari google gadget yang saya suka coz lucu banget. Kalau pengen masang gadget ini di blog anda dapatkan kodenya disini!

Jumat, 19 Juni 2009

Cara Membuat Marque (Running text)

Marquee atau sering disebut text berjalan yang biasanya sering kita lihat pada acara berita di televisi saat ini bisa kita buat di blog kita, selain itu objek marquee bisa juga seperti link ataupun gambar berjalan, contohnya seperti ini:

Contoh text:

MARQUEE TEXTContoh link:

BloggigContoh gambar:




Kodenya berikut ini :


Agar mudah dimengerti dan memodifikasinya, keterangannya seperti ini:

onmouseout="this.start()" ---> text akan bergerak jika pointer tidak diarahkan ke text
direction="left" ---> text akan bergerak ke kiri. Bisa diganti dengan down, up, atau right
align="center" ---> text rata tengah
scroolamount="2" ---> kecepatan berjalan, semakin besar angkanya semakin cepat
height="100px" ---> batas vertikal marquee
onmouseover="this.stop()" ---> marquee akan berhenti ketika mouse masuk ke area marquee
widht="200px"---> batas horisontal marquee
Text atau Link atau URL gambar ---> diganti saja menurut keinginanmu.


Jumat, 12 Juni 2009

Addthis.com tombol ajaib untuk share artikel



Addthis button dapat digunakan untuk mensharingkan atau mengirim artikel blog mu ke situs lainnya seperti facebook, multiply, redit, twitter, myspace dll. Hanya dengan mengklik icon situs yang anda tuju dan kemudian akan muncul window untuk login ke situs yang anda pilih tadi.
Sedangkan Bookmark digunakan untuk para pembaca untuk berlangganan artikel blog atau sering disebut feed.

Selasa, 09 Juni 2009

Wp-Cumulus Untuk Blogger (Standart)

Cara memasang Wp cumulus pada blogger

Cara membuatnya cukup mudah, Hanya tinggal copas kode scrip html aja.

Ikuti saja langkah-langkahnya berikut ini :

1. Log in ke blogger
2. Dari dashboard, klik Lay out, kemudian edit HTML, jangan lupa klik tanda expand widget
3. Cari kode di bawah ini (untuk memudahkan, tekan ctrl+F untuk memunculkan menu Find, kemudian masukkan kode yang dicari).


4. Setelah ketemu, copy kode di bawah ini, kemudian tempelkan (paste) dibawah kode yang tadi. Biar lebih cepat klik Copy all aja. Jika tidak ada berarti template anda menggunakan code CSS untuk yang kode CSS, untuk tutorial kode css klik disini

Immediatly after this line, paste the following section of code:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>

<b:includable id='main'>


<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>

<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.biangblog.blogspot.com'>Biang blog</a></div>


<script type='text/javascript'>

var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);


// uncomment next line to enable transparency

//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);

so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);


so.addVariable(&quot;mode&quot;, &quot;tags&quot;);

so.addVariable(&quot;distr&quot;, &quot;true&quot;);

so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);


so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);

so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);


so.write(&quot;flashcontent&quot;);

</script>


<b:include name='quickedit'/>

</div>

</b:includable>


</b:widget>


5. Klik Save.

Selanjutnya kita bisa mengubah warna, ukuran, dan mengatur letaknya.

Setting secara default adalah sebagai berikut :
  • Lebar 240px
  • Tinggi 300px;
  • Warna Backgrund : Putih
  • Warna teks : abu-abu
  • Ukuran Font "12"

Mengubah ukuran Tinggi dan Lebar :

Cari kode ini :

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
  • Yang warna merah adalah lebar
  • Yang biru adalah tinggi
Angka-angka itu adalah dalam satuan pixel. Kita bisa mengubahnya sesuai kebutuhan, menyesuaikan sidebar di blog kita.

Mengubah warna background :

Masih menggunakan kode di atas, background berwarna putih ditunjukkan dengan kode #ffffff

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");


Kita bisa mengubahnya dengan warna lain misalnya warna merah muda. Ganti kodenya #ffffff dengan #ff0000. Cobalah ganti dengan kode-kode warna lainnya.


Mengubah warna text

Secara default, text berwarna abu-abu ( hex value #333333). Kita bisa menggantinya dengan mengubah kode di bawah ini.

so.addVariable("tcolor", "0x333333");


Misalnya mau kita ubah menjadi hitam, ganti 333333 menjadi 000000 (Ingat, Ubah kode angkanya saja, tidak perlu menuliskan # )


Mengatur ukuran font

cari kode berikut ini :

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");


Ukuran font saat ini adalah 12. Kita bisa mengubahnya lebih besar atau lebih kecil sesuai kebutuhan.

Selesai... Mudah bukan?

Untuk menampilkan blogumus diperlukan Flash Player . Kita bisa mendapatkannya dengan mengunduhnya di Adobe.

Tag Cumulus untuk blogger Versi CSS

Apa sih Tag Cumulus itu? Tag Cumulus adalah sebuah fitur/widget yang fungsinya sama dengan Label, Categories, dan Tag.

Kelebihan Widget ini adalah bahwa dia bisa berputar-putar sehingga terlihat sangat menarik. Dan mungkin, dia bisa menjadikan-efisien (baca: menghemat) tinggi area sidebar blog kita.

Cara Memasang di blogger:

1. Cari kode HTML yang menunjuk pada 'id' atau 'class' dari area Sidebar Blog anda...

kode HTML sidebar tergantung dari jenis template anda. Ini bisa bervariasi. Misalnya: pada blog saya adalah id=sidebar-wrapper.

Tapi, dalam blog anda mungkin bisa lain. Misalnya: Mungkin juga, id='sidebar' ; id='column02' ; dan sebagainya.

2. Kemudian, copy kode dibawah ini:

Keterangan:
a. Tulisan 'Article Categories' adalah title dari Widget. Anda bisa merubah sekehendak anda. Misalnya: kategori artikel, Grup Artikel, dan sebagainya.


Angka 330 (tanpa px) = lebar pixel widget
Angka 200 (tanpa px) = tinggi pixel widget
333333 (tanpa #) = kode warna dari Tulisan
#ffffff = kode warna dari Background Widget
Angka 12 = ukuran font dari widget


6. Taruh kode tersebut, di manapun anda suka. (saya sarankan dalam area sidebar yaa...)

7.Save Template-mu

Kamis, 04 Juni 2009

Blog Translator

Widget ini jangan sampai terlewatkan kalo blog anda bisa dipahami semua orang di dunia. Tanpa harus pinter bahasa inggris anda bisa mempermudah anda untuk menterjemahkan blog. Dengan blog translator blog anda jadi multi bahasa hanya dengan satu klik, untuk memasang ini anda tinggal copy paste kode html di bawah ini. Selamat mencoba semoga bermanfaat!

Rabu, 03 Juni 2009

Template Blogger Free



Bingung nyari template yang bagus? gak usah bingun saya kasih tau nih tempat nyari template blogger yang lengkap desainnya keren dan yang penting gratis. Situsnya Btemplates.com, disini kamu bisa nyari berbagai jenis template blogger dari berbagai kategori, untuk menggunakan templates kamu tinggal download aja trus tinggal kamu upload lewat edit html. Langsung aja deh ke Btemplates.com selamat berburu template blogger!

Rabu, 28 Januari 2009

Cara Menampilkan Status YM di Web

Untuk membuat status ym di web atau blog kodenya seperti ini :


  • Pada tulisan yahoo_id isikan dengan id email kamu
  • Pada tulisan t=0 ini kode model tampilan status ym kamu Dibawah ini contoh model status ym:

t=0

t=1

t=2
t=3

t=4


t=5


t=6


t=7



t=8

t=9

t=10


t=11


t=12


t=13

t=14


t=15

t=16

Senin, 19 Januari 2009

Life Traffic

Fitur ini berfungsi untuk mengetahui status pengunjung, dari lokasi waktu atau negara pengunjung. Dibawah ini adalah situs penyedia Layanan Life Traffic

 

www.feedjit.com

Flag counter

Aksesoris blog ini hampir sama dengan web counter biasa, tapi aksesoris blog yang satu ini menampilkan jumlah pengunjung berdasarkan negara atau ditampilkan dalam bentuk icon bendera. Jadi bisa tahu dari negara mana saja pengunjung web kamu. 

Nb: Kamu bisa dapat kodenya tanpa mendaftar di situsnya

Daftar situs penyedia Flag Counter:





Chat Box

Shoutbox atau chat box merupakan aksesoris untuk blog yang banyak digemari oleh para blogger. Dengan fitur ini, sebuah blog akan menampilkan sebuah layanan chat sederhana yang bisa digunakan semua orang yang sedang mengunjungi blog tersebut. Dibawah ini adalah beberapa situs penyedia shoutbox:

Related Posts with Thumbnails
CO.CC:Free Domain
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Biang Blog - Blogged Powered by  MyPagerank.Net Computers (Windows) - TOP.ORG Technology Blogs - Blog Rankings Internet Blogs Add to Technorati Favorites
Powered by Blogger