Showing posts with label Wordpress. Show all posts
Showing posts with label Wordpress. Show all posts

Saturday, 1 May 2010

Menambahkan Widget IP Address Detector pada Website Anda

IP Address Detector merupakan suatu tools yang digunakan untuk mendeteksi IP Address dari setiap pengguna. Dengan demikian setiap pengunjung dapat mengetahui IP Address mereka saat memasuki situs anda. Nah pada kesempatan kali ini, SMART Son memutuskan untuk membahas mengenai cara menambahkan Widget IP Address pada website pembaca setia SMART Son

Sebelum membahas lebih jauh tentang IP Detector, kita harus tahu apakah IP Address itu?
IP Address (Internet Protocol Address) adalah logical address dari adapter jaringan. Alamat IP adalah unik dan mengidentifikasi komputer pada jaringan. Sebuah alamat IP dapat swasta, untuk digunakan pada LAN, atau publik, untuk digunakan di Internet atau WAN (Wide Area Network) lainnya.
Nah, setelah mengetahui apa IP address itu maka disediakanlah tools yang berfungsi sebagai pendeteksi IP Address pengunjung. Widget IP Address Detector ini selain sebagai pendeteksi IP Address, dapat juga mempercantik tampilan website maupun blog pembaca setia SMART Son. Maka dengan sangat bangga SMART Son membagi beberapa Script HTML dari IP Address Detector sebagai hasil penjelahan selama ini sebagai berikut:
1. Single IP Address Detector
what is my ip address?
Code:
<!--Check IP Address Link Begin--> <a title="Check Your IP Address" href="www.smartson.co.cc/2010/05/menambahkan-widget-ip-address-detector.html"><img src="http://www.ongsono.com/show_ip_address.php" border="0" alt="what is my ip address?" /></a> <!--Check IP Address Link End-->
2. Multi Detector IP Address
IP
Code:
<a onclick="this.href='http://www.smartson.co.cc/2010/05/menambahkan-widget-ip-address-detector.html'" rel="nofollow" href="http://www.richseason.blogspot.com/" target="_blank"><img src="http://www.wieistmeineip.de/ip-address/" border="0" width="125" height="125" alt="IP" /></a>

3. IPligence Detector IP Address - Vertical
geolocation database
Code:
<a href="http://www.smartson.co.cc/2010/05/menambahkan-widget-ip-address-detector.html"><img src="http://www.ipligence.com/freetools/iplocation/b2/" alt="geolocation database" /></a>

4. IPligence Detector IP Address - Horizontal
geolocation database
Code:
<a href="http://www.smartson.co.cc/2010/05/menambahkan-widget-ip-address-detector.html"><img src="http://www.ipligence.com/freetools/iplocation/b1/" alt="geolocation database" /></a>
Tanpa banyak komentar lagi, berikut adalah langkah - langkah menambahkan IP Address Detector pada website pembaca setia SMART Son.

A. Blogger
1. Browse ke blogger.com dan login.
2. Klik "Layout" kemudian pilih "Page Elements".
3. Klik "Add a gadget", setelah muncul sebuah jendela "Add a Gadget" cari dan tambahkan "HTML/Java Script"
4. Copy and Paste salah satu HTML Script diatas pada kotak "HTML/Java Script"
5. Klik Save.
6. Selesai.

B. Wordpress
1. Login ke dashboard wordpress anda.
2. Pada "Appereance", klik "Widgets"
3. Tambahkan widget "TEXT" ke sidebar wordpress anda.
4. Copy and Paste salah satu HTML Script diatas ke dalam kotak "TEXT"
5. Klik Save.
6. Selesai.

C. Website.
1. Login ke panel admin website anda.
2. Copy and Paste salah satu HTML Script diatas ke dalam gadget sidebar website anda.
3. Klik Save.
4. Selesai.

Demikian Tips SMART Son yang membahas tool IP Address Detector ini maka akan semakin mempercantik tampilan website atau blog anda. Thanks to Rielthe.co.cc

Read More…!

By RieL on 20:16:00 4 komentar  

Label: , , , , ,

Friday, 30 April 2010

Galery Status Yahoo Messenger

Galeri Status Yahoo Messenger menjadi pokok bahasan dari Tips RichSeason kali ini. Berbekal dari pembahasan artikel Menampilkan Status Yahoo Messenger Pada Situs Anda maka ini merupakan kelanjutannya.
Dari Tips RichSeason sebelumnya pembaca setia RichSeason telah berhasil Menampilkan Status Yahoo Messenger pada blog ataupun situs, maka saat ini RichSeason akan membahas Galery Status Yahoo Messenger secara seksama.

Kode HTML untuk Status Yahoo Messenger:
<a href='ymsgr:sendIM?thepower_ranger'>
<img src='http://opi.yahoo.com/online?u=thepower_ranger&amp;m=g&amp;t=1&amp;l=us'/>
</a><br/>

Catatan: Code yang berwarna biru diganti dengan ID Yahoo Messenger anda.
Angka berwarna merah merupakan style galeri dari status YM. Angka tersebut bisa diganti antara 1 - 17 seperti yang akan ada pada daftar Galery Status Yahoo Messenger.

Tanpa basa basi lagi mari kita simak Galery Status Yahoo Messenger berdasarkan kode angka dari 1-17 dibawah ini.

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =

Nah, keren bukan?
Demikian Tips RichSeason membahas tentang Galery Status Yahoo Messenger dengan terperinci, sekarang giliran teman-teman pembaca untuk memilih angka Galery sesuai dengan selera anda. Thanks to RielThe.co.cc

Read More…!

By RieL on 11:07:00 0 komentar  

Label: , , , , , , ,

Blogumulus, Si Tag WP-Cumulus Dari Wordpress Untuk Blogger

Pernahkah anda memperhatikan bahwa tag (istilah pada wordpress) atau label (istilah pada blogger) terlihat bergerak? Tag/Labelnya berbentuk bola bumi dan bergerak mengikuti pergerakan dari kursor mouse. Jika di Wordpress, anda hanya menginstal plugin WP-Cumulus yang telah tersedia pada server Wordpress, tapi bagaimana dengan blogger yang serba manual? Tentulah jawabannya yaitu anda harus mengedit lagi HTML pada Layout Blogger

Edit HTML merupakan pekerjaan serba teliti. Nah tanpa berbasa basi lagi, kita akan membedah Script HTML pada Blogger kita. Mari ikutilah langkah - langkah ini dengan seksama.
1. Log In ke Blogger anda
2. Pada "Dashboard" Klik "Layout".
3. Setelah itu klik "Edit HTML"
4. Check / Centang box "Expand Widget Templates".
5. Cari kode yang hampir mirip dengan kode dibawah ini:
<b:section class='sidebar' id='newbar' preferred='yes'> (Tiap Theme/Template berbeda penamaannya, biasanya ini merupakan kode html untuk sidebar).
6. Copy and paste kode ini dibawahnya.

Kode 1.
<b:widget id='Label2' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<div id='xsnazzy'>
<b class='xtop'><b class='xb1'/><b class='xb2'/><b class='xb3'/><b class='xb4'/></b><div class='xboxcontent'>
<b:if cond='data:title'>
<h2 style='font-family:arial'>Labels</h2>
</b:if>
<div class='widget-content'><center>
<script src='http://goldenranger.webs.com/jscript/blogumulus_swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.rielthe.co.cc/'>RielThe</a> For <a href='http://www.smartson.co.cc/'>SmartSon</a> and <a href='http://www.smartson.co.cc/'>Smart Son</a></div>
<script type='text/javascript'>
var so = new SWFObject
(&quot;http://goldenranger.webs.com/jscript/blogumulus_tagcloud.swf&quot;,
&quot;tagcloud&quot;, &quot;180&quot;, &quot;180&quot;, &quot;9&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='10'><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'/>
</center></div>
</div><!--xboxcontent-->
<b class='xbottom'><b class='xb4'/><b class='xb3'/><b class='xb2'/><b class='xb1'/></b>
</div><!--end of xsnazzy-->
</b:includable>
</b:widget>
atau Kode 2:

<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://www.rielthe.co.cc/rielthejs/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.rielthe.co.cc/'>RieL The</a> and <a href='http://www.smartson.co.cc'>Smart Son</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://www.rielthe.co.cc/rielthejs/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency, memungkinkan untuk membuat background transparan
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
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>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
7. Klik "Save Template"
8. Selesai.

Setelah melewati sedemikian rumitnya proses membenah Script HTML, maka Label/Tags anda akhirnya dapat terlihat seperti Tag/Label dari WP-Cumulus pada Wordpress. Demikianlah Tips RichSeason untuk anda hari ini. Thanks to Rielthe.co.cc

Read More…!

By RieL on 10:14:00 2 komentar  

Label: , , , ,

Menampilkan Status Yahoo Messenger Di Situs Anda

Menampilkan status Yahoo Messenger pada blog atau situs anda sangat membantu customer maupun pembaca setia untuk berinteraksi dengan owner blog atau situs. Dengan demikian penyampaian saran, pertanyaan, dan kritik dapat tersampaikan kepada owner blog / situs melalui fasilitas chat Yahoo Messenger.

Saat ini Rich Season akan membahas bagaimana menambahkan Status Yahoo Messenger pada Blogger dan Wordpress anda. Berikut adalah langkah-langkahnya:

A. Blogger/Blogspot (Pada PROFIL)
1. Langkah pertama Log In ke Blogger
2. Klik "Layout" kemudian klik "Edit HTML"
3. Check/Centang "Expand Widget Templates"
4. Cari code dibawah ini:
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
5. Copy and Paste Kode HTML dibawah ini tepat diatas kode yang kita cari tadi.
<a href='ymsgr:sendIM?thepower_ranger'>
<img src='http://opi.yahoo.com/online?u=thepower_ranger&amp;m=g&amp;t=1&amp;l=us'/>
</a><br/>
5. Klik SAVE untuk menyimpan.
6. Selesai.

B. Blogger/Blogspot (Pada GADGET)
1. Langkah pertama Log In ke Blogger
2. Klik "Layout" kemudian klik "Page Elements"
3. Klik "Add a Gadget"
4. Copy and Paste kode HTML ke dalam gadget.
<a href='ymsgr:sendIM?thepower_ranger'>
<img src='http://opi.yahoo.com/online?u=thepower_ranger&amp;m=g&amp;t=1&amp;l=us'/>
</a><br/>
5. Klik SAVE untuk menyimpan.
6. Selesai.

C. Wordpress
1. Login ke Dashboard Wordpress
2. Klik "Appereance" kemudian klik "Widgets"
3. Klik and drag "TEXT" ke salah satu sidebar.
4. Copy and Paste Kode dibawah ini ke dalam kolom "TEXT"
<a href='ymsgr:sendIM?thepower_ranger'>
<img src='http://opi.yahoo.com/online?u=thepower_ranger&amp;m=g&amp;t=1&amp;l=us'/>
</a><br/>
5. Klik SAVE.
6. Selesai.

Catatan: Code yang berwarna biru diganti dengan ID YM anda.
Angka berwarna hijau merupakan style galeri dari status YM. Angka tersebut bisa diganti antara 1 - 17.

Demikianlah tutorial singkat RichSeason mengenai cara Menampilkan Status Yahoo Messenger pada Blogger dan Wordpress. Semoga bermanfaat. Thanks to RielThe.co.cc

Read More…!

By RieL on 08:10:00 0 komentar  

Label: , , , , , , ,

Subscribe to: Posts (Atom)