Membuat Widget Daftar Isi Tersembunyi

Diposting oleh Unknown Label: Tutorial Blogspot, Widget / Gadget

Membuat Widget Daftar Isi Tersembunyi | Tutorial Blog

Sebelumnya saya pernah posting tentang Membuat Daftar Isi Blog, pada tutorial kali ini daftar isi tersebut akan kita pasang pada widget di sidebar blog dengan mode Show Hide.

Buat yang ingin mencobanya, silakan ikuti tutorial berikut :

Login ke blogger, klik Design/Rancangan > Page Element/Elemen Halaman.
Klik Add a Gadget, pilih HTML/Java Script
Lalu masukkan kode berikut :
<div class="widget-content">
<div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Daftar Isi'; }" value="Daftar Isi" style="margin: 0px; padding: 5px; width: 100%; font-size: 11px; background: none repeat scroll 0% 0% blue; border-top-left-radius: 15px; border-bottom-right-radius: 15px;" type="button" /></div><div class="alt2"><div style="display: none;"><div style="text-align: justify; padding: 2px;"><center><blink><h3>Daftar Isi</h3></blink></center><div style="overflow: auto; width: 270px; height: 200px; padding: 10px; border: 1px solid rgb(238, 238, 238);">

<script src="http://post-xml.googlecode.com/files/feeds-labels.js"></script><script src="http://alamatblog.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>

</div></div></div></div></div></div></div>
Keterangan :
blue : warna background, silakan ganti sesuai keinginan Anda.
width: 270px; height: 200px; : Ukuran lebar dan tinggi widget, sesuaikan dengan sidebar Anda.
alamatblog.com : Ganti dengan alamat blog Sobat.
Widget diatas daftar isi berdasarkan label, untuk Daftar Isi Berdasarkan Tanggal berikut kodenya :
<div class="widget-content">
<div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Daftar Isi'; }" value="Daftar Isi" style="margin: 0px; padding: 5px; width: 100%; font-size: 11px; background: none repeat scroll 0% 0% blue; border-top-left-radius: 15px; border-bottom-right-radius: 15px;" type="button" /></div><div class="alt2"><div style="display: none;"><div style="text-align: justify; padding: 2px;"><center><blink><h3>Daftar Isi</h3></blink></center><div style="overflow: auto; width: 270px; height: 200px; padding: 10px; border: 1px solid rgb(238, 238, 238);">

<script src="http://post-xml.googlecode.com/files/feed-dates.js"> </script><script src="http://alamatblog.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script>

</div></div></div></div></div></div></div>
Lalu klik Save.
hasilnya akan seperti ini, silakan di klik.
Daftar Isi
Judul Postingan
Judul Postingan
Judul Postingan
Judul Postingan
Dan Seterusnya

Sekian tutorial tentang Membuat Widget Daftar Isi Tersembunyi.

0 komentar »

Mainboard MSI Big Bang XPower II Berbasis Chipset Intel X79 Express

Diposting oleh Unknown

MSI akan segera merilis mainboard Big Bang XPower II yang didesain berbasis Chipset Intel X79 Express. Rancangan mainboard ini sudah bocor di internet seperti diperlihatkan oleh vr-zone. MSI Bing Bang XPower II hadir dengan form factor XL-ATX untuk mendukung processor Intel Sandy Bridge-E socket LGA2011.

Mainboard MSI Big Bang XPower II Berbasis Chipset Intel X79 Express

Mainboard MSI Big Bang XPower II support memory quad channel DDR3 melalui 8 slot DIMM dan mempergunakan 6+2 phase buck controller. MSI Big Bang XPower II dilengkapi 7 buah slot PCI Express yang siap memberikan dukungan bagi konfigurasi NVIDIA SLI. Terdapat juga konektor 6-pin PCI Express sebagai tambahan power ekstra.

MSI Big Bang XPower II tampil menarik dengan heatsink berbentuk peluru yang melayani pendinginan untuk PCH X79. Fitur overclocking nampak dengan adanya tombol Auto OC/Preset, switch togle BIOS dan saklar untuk meng-enable/disable PCI Express serta tombol penyesuai BCLK. Dalam paket penjualannya, MSI menyertakan SLI bridge, kabel SATA dan monitoring tegangan. Namun belum ada kepastian waktu launching serta harga jual mainboard MSI Big Bang XPower II ini.

Berikut spesifikasi mainboard MSI Big Bang XPower II :

Port PS/2
6 port USB 2.0, 4 USB 3.0 (NEC D720200AF1)
Firewire-800 (VIA VT6315N)
Dual Gigabit LAN (Intel 82579V dan Intel 82574L)
6 port SATA ( PCH X79) dan 4 port SATA (ASMedia 1061)
7.1 Channel Audio
Realtek ALC898 Codec
Renesas 20655 PWM Controller
2 konektor EPS 12 Volt
Switching PCI Express 2.0 PLX PEX8608
Switching PCI Express 3.0 ASMedia ASM1480

Baca juga :

0 komentar »

Widget Google Followers Valid XHTML

Diposting oleh Unknown Label: Tips Dan Trik, Tutorial Blogspot, Widget / Gadget

Widget Google Followers Valid XHTML | Tutorial Blog

Dari hasil Tes Valid XHTML lewat validator.w3.org, widget Follower default dari blogger dinyatakan tidak valid. Widget ini mengandung error. Pada tutorial kali ini kita bahas cara memasang widget Google Followers yang Valid XHTML, caranya kita gunakan kode asli dari google friend connect.

Berikut Tutorialnya :

Masuk ke situs http://www.google.com/friendconnect/, dan Login menggunakan account gmail anda.
Pilih blog Sobat yang ingin di pasang widget Google Followers, lalu klik pada Tambahkan Gadget Anggota.
Atur lebar widget,font dan warnanya, sesuaikan dengan sidebar blog Anda.
Kalau sudah selesai, tekan tombol Buat Kode pada bagian bawah halaman.
Copy kode yang diberikan oleh Google Friend Connect tersebut.
Selanjutnya, Login ke blogger. pilih Design / Rancangan > Page Element.
Kemudian pilih Add a Gadget.
Pilih HTML/Javascript dan masukkan kode yang diberikan oleh Google Friend Connect tadi.
Lalu klik Save. Selesai...

Supaya benar-benar valid, Masuk ke menu Edit HTML, dan beri tanda centang pada box Expand Widget Template, Cari kode <b:include name='quickedit'/>, dan hapus semua kode tersebut dari template anda.

Selanjutnya akan saya buat tutorial tentang Widget Google Followers Hide Show.

Sekian tutorial tentang memasang Widget Google Followers Valid XHTML.

0 komentar »

Fibox : Shoutbox Yang Cool Untuk Blogger

Diposting oleh Unknown

Fibox adalah satu lagi nama baru untuk shoutbox yang memasuki ruang maya ini. Rentetan daripada shoutmix yang akan menamatkan perkhidmatan percumanya, admin dapati Fibox menawarkan shotbox yang bagi admin memang cool, (walaupun bagi admin baru sekali pandang:)

Fibox kini dalam fasa beta dimana lebih banyak penambahbaikan yang akan dilakukan oleh pihak yang terbabit. Lihat pada paparan yang mesra pengguna dan penggunaannya yang mudah, admin tidak ambil masa yang lama untuk terus daftar. Anda boleh melihat contoh shotbox Fibox ini yang admin letakkan di blog ohbest.

Sambil-sambil daftar, admin ambil kesempatan untuk letakkan sekali tutorial untuk daftar Fibox seperti di bawah.

1. Buka www.fibox.ws, kemudian klik pada Sign Up

2. Masukkan email address dan password. Tick pada term of service kemudian klik continue

3. Notification mengatakan activation email dihantar kepada emial yang anda daftar.

4. Buka email dan klik pada link yang diberi.

5. Pengesahan bahawa akaun anda telah diaktifkan.

6. Login akaun anda, dan untuk kali pertama anda login anda akan diminta untuk create nama untuk shoutbox anda.

7. Daripada dashboard, anda boleh tetapkan setting yang anda kehendaki

8. Copy code yang diberi dan paste ke dalam ruangan HTML/javascript blog anda.
(tidak faham.?)

9. Save dan lihat hasilnya.:)

Tambahan:
Selepas pendaftaran, anda juga boleh login menggunakan akaun facebook anda.

0 komentar »

Cara Menghapus Waktu Postingan

Diposting oleh Unknown Label: Tips Dan Trik, Tutorial Blogspot

Cara Menghapus Waktu Postingan | Tutorial Blog

Settingan waktu / jam secara default pada blogspot akan muncul di setiap postingan, beberapa blogger tidak senang dengan adanya waktu / jam postingan tersebut, pada tutorial kali ini saya akan berbagi cara menghilangkan waktu / jam postingan tersebut secara permanen.

Berikut langkah-langkahnya :

Login ke Blogger, Klik Design/Rancangan > Edit HTML.
Beri tanda centang pada Expand Template Widget.
Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
Kemudian cari kode di bawah ini :
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url'
rel='bookmark' title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></
a>
</b:if>
</b:if>
</span>
Akan lebih mudah untuk menemukan kode di atas dengan menggunakan fungsi Ctrl+F (find) dan cari kode <span class="post-timestamp">, Jika sudah ketemu, delete kode yang ada di dalam kotak berwarna biru diatas.
Terakhir klik Save / Simpan Template.

Perhatian, cara ini akan menghilangkan waktu / jam pada postigan secara permanen.

Sekian dan terima kasih...

0 komentar »

Gigabyte Booktop T1132 Bundle Windows 7

Diposting oleh Unknown

Gigabyte merilis Booktop T1132 yang di-bundle dengan sistem operasi Windows 7 Home Premium atau Windows 7 Professional orisinil. Hadir berkat inovasi kreatif, Gigabyte Booktop T1132 menawarkan fitur 3 in 1, notebook, tablet dan desktop. Gigabyte Booktop T1132 didesain berdasarkan processor Intel Core 2nd Generation Core i5-2467M dengan basis frekuensi 1.6 GHz dan dapat ditingkatkan melalui Turbo Boost hingga 2.3 GHz. Chipset yang mendampingi adalah Intel HM65 Express.

Gigabyte Booktop T1132 hadir dengan display 11.6 inchi LED backlight yang mampu menampilkan resolusi maksimum 1366x768. Berbekal memory DDR3 2 GB / 4 GB yang dapat di-upgrade hingga 8 GB melalui ketersediaan 2 slot. Penyimpanan data menggunakan HDD SATA 5400 rpm dengan pilihan kapasitas 320 GB, 500 GB atau 750 GB.

Gigabyte Booktop T1132 dipersenjatai grafis NVIDIA GeForce GT 520M VRAM 1 GB yang mendukung teknologi NVIDIA Optimus untuk mengatur pemakain GPU sesuai kebutuhan sehingga dapat menghemat umur baterai. Disamping itu dihadirkan pula kompabilitas untuk HDMI, teknologi transfer data super speed USB 3.0, port eSATA dan webcam 1.3 Mega Pixel.

Untuk bagian suara, Gigabyte Booktop T1132 dilengkapi 4 speaker dengan daya 2 watt yang didukung teknologi THX TruStudio Pro guna menghadirkan suara berkualitas. Berikut kami sertakan tabel spesifikasi Gigabyte Booktop T1132.

OS	Genuine Windows^� 7 Home Premium Genuine Windows^� 7 Professional
CPU	Intel^� Core� i5-2467M Processor (1.6GHz-2.3GHz)
Display	11.6'' Capacitive Multi-touch Panel 1366x768 LED backlight
System Memory	2GB/4GB DDRIII, 2 slots (Max 8GB)
Chipset	Mobile Intel^� HM65 Express Chipset
Video Graphics	Intel^� HD Graphics 3000 NVIDIA^� GeForce^� GT520M 1GB Supports NVIDIA Optimus Technology
Hard Disk Drive	320/500/750GB 2.5"9.5mm SATA HDD 5400rpm
Optical Disk Drive	Docking Station includes slot-in DVD- Super Multi Dual-Layer Drive
I/O Port	USB(3.0)1, USB(2.0)1, eSATA/USB Combo*1, HDMI, D-sub, RJ45, Mic-in, Earphone-out, 4-in-1 Card Reader (SD/MMC/MS/MS Pro), DC-in Jack, Docking Port
Audio	2 Watt Speaker*4 (Including 2 Woofer speaker), Internal Microphone
Communications	LAN: 10/100/1000Mbps Ethernet Base-T Wireless LAN: 802.11 b/g/n Wireless Bluetooth: Bluetooth V3.0 + HS WWAN (3.5G): 3.5G Antenna built-in, 3.5G Module supported(Optional)
Webcam	1.3 MegaPixel
Security	Kensington Lock, TPM (The functionality depends on the actual device shipped.)
Battery	Li-ion 6-cell
Dimensions	290(W) x 220.7(D) x 27.86~40(H) mm
Weight	~1.76Kg (w/ 6-cell battery)
Docking Station I/O Port (Optional)	ODD, USB(3.0)2, USB(2.0)2, HDMI, D-sub, RJ45, Earphone-out, Mic-in, DC-in Jack

Baca juga :

0 komentar »

Membuat Widget Melayang di Blogger

Diposting oleh Unknown Label: Tips Dan Trik, Tutorial Blogspot

Membuat Widget Melayang di Blogger | Tutorial Blog

Sebelumnya saya pernah posting tentang Membuat Widget Melayang di Wordpress.com, untuk kali ini Membuat Widget Melayang di Blogger / Blogspot.

Ok Sob , berikut caranya :

Login ke blogger, klik Design > Edit HTML.
Beri tanda centang pada kotak Expand Template Widget.
Cari kode ]]></b:skin> dan kalau sudah ketemu, letakkan kode berikut tepat di atasnya.
#floating-widget { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
Selanjutnya, carilah kode </body> dan letakkan kode berikut tepat di atasnya
<div id='floating-widget'>
Letakkan kode widget disini
</div>
Jika sudah selesai klik SAVE / SIMPAN TEMPLATE, dan lihat hasilnya.

Silakan dicoba dan Semoga berhasil...

0 komentar »

Shoutmix Akan Menamatkan Perkhidmatan Percuma | Alternatif Shoutbox Percuma Untuk Ganti Shoutmix

Diposting oleh Unknown

Bagi blogger yang sudah lama berkecimpung dalam arena blogging, shoutmix adalah salah satu shoutbox yang paling dikenali. Boleh dikatakan penggunaanya adalah meluas dengan fungsi yang boleh admin katakan mesra pengguna. Dan semua itu boleh didapati secara percuma.

Kini, setelah 7 tahun 'berbakti' dengan mempunyai akaun percuma, shoutmix mengambil satu langkah drastik, iaitu akan menamatkan perkhidmatan percuma yang ditawarkan. Jadi selepas ini semua akaun shoutmix adalah berbayar.
Satu keputusan yang admin rasakan kurang bijak untuk memenangi hati pengguna maya.

Keputusan ini juga telah diwar-warkan di laman utama mereka.
Bermula 1 Januari 2012, kesemua akaun percuma akan tidak berfungsi kecuali upgrade kepada plan berbayar.

Berikut plan-plan yang ditawarkan untuk pengetahuan atau bagi sesiapa yang berminat. (walaupun admin rasa macam tidak mahu letak je.:)

Sanggupkah anda membayar untuk plan ini.? Kalau admin tidak perlu jawab pun tak pe rasanya.:)

Disebabkan shoutmix akan menghentikan perkhidmatan percumanya bermula 1 Januari 2012 nanti, disini admin letakkan senarai lain shoutbox yang anda boleh dapati secara percuma. Admin belum mencuba lagi mana-mana shoutbox ini buat masa sekarang. Bagi sesiapa yang pernah menggunakan mana-mana shoutbox di bawah, diharap boleh berkongsi pandangan.

1. http://oggix.com/
2. http://www.cbox.ws/
3. http://www.yellbox.com/
4. http://www.freeshoutbox.net/
5. http://www.myshoutbox.com/
6. http://free-shoutbox.net/
7. http://ishoutbox.com/
8. http://www.shoutjax.com/

------------------

p/s: Admin jangkakan pengguna shoutmix akan jatuh menjunam.
Reason: kenapa perlu bayar untuk widget yang boleh didapati secara percuma.:)

Sefikit info tambahan::)

more info:http://www.shoutmix.com/v3/

0 komentar »

Cara Menampilkan Share Button

Diposting oleh Unknown Label: Blogger Templates, Tutorial Blogspot

Cara Menampilkan Share Button | Tutorial Blog

Bagi sobat blogger yang sudah pernah atau sering gonta ganti template yang diambil dari penyedia template mungkin tidak bisa memakai fitur Share Button. karena kode Share botton pada design template tersebut mungkin fiturnya tidak ada, jadi Share botton-nya tidak muncul.

Berikut Cara Memunculkan Share Button di Blogger :

Masuk ke blogger, klik Design > Page Element
Kemudian klik Edit pada Blog Posts
Beri centang pada Show Share Buttons
Klik Save dan cek apakah muncul tombol sharenya
Jika masih belum muncul silahkan ke tab menu Edit HTML
Beri centang pada Expand Widget Templates.
Cari kode <b:includable id='backlinks' var='post'>.
Letakkan kode berikut diatas kode <b:includable id='backlinks' var='post'>.
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.emailThisMsg/></span>
</a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.blogThisMsg/></span>
</a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
</a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
</a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
</a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
</a></b:if>
<b:if cond='data:top.showDummy'>
    <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</b:includable>
Selanjutnya cari kode <div class='post-footer'> atau di posisi line 2, line 3,misalnya line 3 : <div class='post-footer-line post-footer-line-3'>.
Lalu letakkan kode berikut di bawah kode tersebut.
<div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
      </div>
Klik Save Template dan lihat hasilnya.

Selamat mencoba dan semoga bermanfaat...

0 komentar »

PlexEasy DVD Burner Tanpa PC

Diposting oleh Unknown

Plextor mengenalkan desain PlexEasy DVD Burner yang mampu bekerja tanpa memerlukan kehadiran PC (Personal Computer). PlexEasy DVD Burner merupakan perangkat standalone yang mendukung SD Card, Smartphone dan Tablet. Dengan demikian melalui PlexEasy DVD Burner memungkinkan anda untuk melakukan backup data dari perangkat digital portabel tanpa perlu terhubung dengan komputer. Well ... ini adalah penawaran produk Plextor yang sangat menarik.

PlexEasy DVD Burner dengon nomor model PX-650US menampilkan kecepatan 8x write pada piringan DVD, sebuah kecepatan normal dari sebuah perangkat pembakaran portabel. PlexEasy DVD Burner mendukung mass storage devices dan PTP (Picture Transfer Protocol) yaitu sebuah teknologi transfer gambar yang diintegrasikan ke dalam beberapa model kamera (DSLR) dan smartphone (IOS, Android, Blackbary). Kompabilitas ini memungkinkan PlexEasy DVD Burner untuk dapat dihubungkan juga dengan perangkat MP3 Player, FDD (Flash Disk Drive) dan Hard Disk Eksternal.

Untuk menghidupkan PlexEasy DVD Burner disediakan tombol di sebelah atas dan pengguna bisa memeriksa status operasi melalui panel LCD. Sumber daya diberikan dari sebuah adaptor 5 Volt-2 Ampere. Menurut rencana Plextor akan melempar PlexEasy DVD Burner ke pasar dunia pada kuartal pertama tahun 2012. Namun Plextor belum memberikan secara rinci mengenai harga jual PlexEasy DVD Burner.

Baca juga :

0 komentar »

Objek Berpusing Keliling Mouse

Diposting oleh Unknown

Bagaimana anda gayakan mouse bagi pengunjung yang mengunjungi blog anda.? Adakah anda biarkan secara default atau lakukan pengubahsuaian.?
Sebelum ini terdapat beberapa tutorial seperti bubble, sparkle, atau following star.

Dan kali ini, satu lagi ubahsuai yang anda boleh lakukan, iaitu objek berpusing keliling mouse seperti gambar di bawah

Anda juga blog melihat contoh di blog demo ini

Tutorial di bawah.

1. Dari dashboard > design > add a gadget > HTML/javascript.

2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang anda buka.
(tidak faham.?)

<script language="JavaScript" type="text/javascript">

var xCol = "#FF0000";
var yCol = "#FFFF00";
var zCol = "#0000FF";

var n = 6; //number of dots per trail.
var t = 40; //setTimeout speed.
var s = 0.2; //effect speed.

var r,h,w;
var d = document;
var my = 10;
var mx = 10;
var stp = 0;
var evn = 360/3;
var vx = new Array();
var vy = new Array();
var vz = new Array();
var dy = new Array();
var dx = new Array();

var pix = "px";

var strictmod = ((document.compatMode) &&
document.compatMode.indexOf("CSS") != -1);

var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

for (i = 0; i < n; i++)
{
var dims = (i+1)/2;
d.write('<div id="x'+(idx+i)+'" style="position:absolute;'
+'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+xCol+';font-size:'+dims+'px"><\/div>'
+'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+yCol+';font-size:'+dims+'px"><\/div>'
+'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+zCol+';font-size:'+dims+'px"><\/div>');
}

if (domWw) r = window;
else
{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else
{
if (d.body && typeof d.body.clientWidth == "number")
r = d.body;
}
}

function winsize()
{
var oh,sy,ow,sx,rh,rw;
if (domWw)
{
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number")
{
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else
{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh;
w = rw;
}
else
{
h = r.clientHeight;
w = r.clientWidth;
}
}

function scrl(yx)
{
var y,x;
if (domSy)
{
y = r.pageYOffset;
x = r.pageXOffset;
}
else
{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}

function mouse(e)
{
var msy = (domSy)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number')
{
my = e.pageY - msy + 16;
mx = e.pageX + 6;
}
else
{
my = e.clientY - msy + 16;
mx = e.clientX + 6;
}
if (my > h-65) my = h-65;
if (mx > w-50) mx = w-50;
}

function assgn()
{
for (j = 0; j < 3; j++)
{
dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) *

Math.sin((stp+j*25)/2) + scrl(0) + pix;
dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) *

Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix;
}
stp+=s;

for (i = 0; i < n; i++)
{
if (i < n-1)
{
vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left;
vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left;
vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left;
}
else
{
vx[i].top = dy[0]; vx[i].left = dx[0];
vy[i].top = dy[1]; vy[i].left = dx[1];
vz[i].top = dy[2]; vz[i].left = dx[2];
}
}
setTimeout(assgn,t);
}

function init()
{
for (i = 0; i < n; i++)
{
vx[i] = document.getElementById("x"+(idx+i)).style;
vy[i] = document.getElementById("y"+(idx+i)).style;
vz[i] = document.getElementById("z"+(idx+i)).style;
}
winsize();
assgn();
}

if (window.addEventListener)
{
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
document.addEventListener("mousemove",mouse,false);
}
else
if (window.attachEvent)
{
window.attachEvent("onload",init);
document.attachEvent("onmousemove",mouse);
window.attachEvent("onresize",winsize);
}
</script>

3. Save dan lihat hasilnya.

TAMBAHAN.

i) Bagi sesiapa yang tukar warna objek tersebut, boleh tukar pada kod ini.
(mencari kod warna.?)

var xCol = "#FF0000";
var yCol = "#FFFF00";
var zCol = "#0000FF";

ii) Kod ini memerlukan anda menggunakan layout template.

0 komentar »

Membuat Widget Melayang di Wordpress.com

Diposting oleh Unknown Label: Tips Dan Trik, Tutorial Wordpress

Membuat Widget Melayang di Wordpress.com | Tutorial Blog

Widget melayang (Floating Widget) mungkin dapat Sobat gunakan untuk mempercantik tampilan blog, cara memasangnya mudah saja, namun tidak semua widget dapat di pasang menggunakan trik ini.

Langsung saja Sob, berikut caranya :

Login ke Wordpess Anda, Klik Appearance > Widgets.
Pilih Widget Text, Drag ke Sidebar
Lalu letakkan kode berikut ;
<div style='display:scroll;position:fixed;top:5px;right:5px;'>
Kode Widget
</div>
Sebagai contoh saya gunakan kode pagerank
<div style='display:scroll;position:fixed;top:5px;right:5px;'>
<a href="http://www.getrank.org" target="_blank"><img title="Pagerank" src="http://www.getrank.org/prbutton/pagerank-display.php?s=17" alt="PageRank Checker" border="0px" /></a>
</div>
Keterangan :
top:5px;right:5px; : kode yang berwarna merah merupakan posisi widget yang akan Anda pasang, seperti contoh diatas. top right menunjukkan posisinya di atas bagian kanan dengan jarak 5 pixel dari pinggir layar monitor Anda. Bila ingin merubah posisinya di atas kiri, maka codenya menjadi ; top:5px;left:5px posisi bawah kiri : bottom:5px;left:5px dan posisi dibawah kanan ganti codenya dengan bottom:5px;right:5px
Terakhir klik Save.

Selamat mencoba dan semoga berhasil...

0 komentar »

Black Hat Seo

Diposting oleh Unknown Label: SEO

Black Hat Seo | Tutorial Blog

Black hat seo adalah cara curang / kotor dalam melakukan teknik optimasi untuk mendapatkan rangking terbaik di search engine. Teknik seperti ini memang terbukti berhasil membawa sebuah halaman blog bisa tampil pada halaman depan google namun hanya bertahan singkat, setelah itu halaman tersebut akan hilang atau bahkan blog, situs ataupun web tersebut akan dibanned sama mbah google. Cara mencek apakah situs kita dibanned atau tidak sama google adalah dengan mengetikkan site:namasitus.com di kolom pencarian google. Jika gak ada hasil yang muncul padahal sebelumnya ada maka jelas sudah blog situs ataupun web tersebut kena banned oleh google, silakan baca Cara Mengetahui Blog Kena Banned.

Teknik Black Hat SEO yang saya tahu ada 5 jenis yaitu :

Teknik Black Hat SEO Link Farming
Teknik Black Hat SEO Link Farming adalah sebuah teknik mengumpulkan link di satu halaman blog maupun situs. Maksudnya di satu halaman cuma berisi daftar link yang jumlahnya sangat banyak bisa sampai ratusan atau bahkan ribuan link.
Teknik Black Hat SEO keyword Stuffing
Teknik Black Hat SEO keyword stuffing adalah penerapan keyword yang berkelebihan atau menembak keyword secara membabi buta, dimana sebuah halaman web yang berisi sebuah kata yang berulang - ulang atau tidak wajar.
Teknik Black Hat SEO Cloaking Page doorway page
Untuk teknik Black Hat SEO cloaking page atau doorway page adalah cara dimana mencari jalan untuk membuat sebuah halaman web agar terus dilihat atau terus dikunjungi. Teknik seperti ini bisa dilakukan di blog bersangkutan ataupun di blog lain dengan cara menyisipkan sebuah kode bisa javascript dan bisa php yang gunanya adalah pemanggilan untuk sebuah halaman yang ingin dioptimasi. Cara simpelnya adalah mengunakan pop up, yaitu sebuah teknik membuka halaman web yang tidak ingin kita kunjungi terbuka di jendela baru, Jadi mau tidak mau halaman tersebut tetap terbuka web lain. Cara lain dari door way page ini adalah membuat kode refresh atau redirect ke halaman web tertentu yang ingin di redirect. Tentunya halaman yang punya trafik bagus misalnya traffiknya ribuan maka otomatis pengunjung yang ribuan diredirect ke halaman web yang akan dioptimasi. Cara lainnya dari doorway page ini adalah memanfaatkan url redirect dari hasil pencarian google.
Teknik Black Hat SEO Invisible Text (Teks Tidak Terlihat)
Untuk Teknik Black Hat SEO Invisible Text (Teks Tidak Terlihat) adalah suatu teknik menyembunyikan kata sebuah keyword di dalam blog yang kata tersebut tidak akan tampak secara kasat mata. Caranya dengan menyamakan warna tulisan kata tersebut dengan latar belakang atau background template. misal kalau template kita hitam maka buat warna text kata tersebut berwarna hitam. Tulisan yang tidak nampak tersebut dengan mata telanjang bisa dilihat dengan cara memblock semua halaman dengan cara select + all gunanya untuk menghighlights atau menandai seluruh tulisan. Cara yang membutuhkan waktu lama adalah dengan memperhatikan page source halaman web bersangkutan. Cara ekstrem untuk melakukan teks yang tak terlihat ini namun dapat terlihat oleh robot adalah dengan menerapkan kode berikut ke template :
Teknik Black Hat SEO Iteration title
Untuk Teknik Black Hat SEO Iteration title adalah teknik perulangan judul, maksudnya isi postingannya cuma pengulangan dari judul. Caranya mudah saja, buat postingan misal judulnya teknik seo lalu isinya cuma pengulangan dari judul tersebut yaitu teknik seo, gak usah ditambah tulisan yang lain lagi, itu saja sudah cukup. Biasanya teknik seperti ini berlaku untuk keyword baru yang ada di google atau baru muncul di google.

Semoga Bermanfaat...

0 komentar »

Intel Released SSD ToolBox 3.0

Diposting oleh Unknown

Intel released SSD ToolBox 3.0 to set your Solid State Drive so it can run better. Intel SSD ToolBox 3.0 is drive management software that allows you to view current drive information for Intel SSD, including model number, capacity, firm version, death health, estimated drive life remaining, SMART attributes and identify device information. SSD Intel ToolBox 3.0 also available for HDD (Hard Disk Drive) and non-Intel SSD.

Besides that Intel SSD ToolBox 3.0 can optimize the performance of an Intel SSD using Trim functionality. Update the firmware on a supported Intel SSD, Run quick and full diagnostic scans to test the read and write functionality of an Intel SSD. Also check and tune your system setting for optimal Intel SSD performance, power efficiency and endurance.

More features from Intel SSD ToolBox 3.0 are view system information and hardware configuration such as CPU, Chipset, control name and driver versions. One more important, Intel SSD ToolBox 3.0 allow to run secure erase on a secondary Intel SSD. If you want to download Intel SSD ToolBox 3.0, please click here.

Intel SSD ToolBox 3.0 is valid for the product listed bellow :

Intel� Solid State Drive 310 - 40GB
Intel� Solid State Drive 310 - 80GB
Intel� Solid-State Drive 510 - 120GB
Intel� Solid-State Drive 510 - 250GB
Intel� SSD 311 Series (20GB, 2.5in SATA 3Gb/s, 34nm, SLC)
Intel� SSD 311 Series (20GB, mSATA 3Gb/s, 34nm, SLC)
Intel� SSD 320 Series (120GB, 2.5in, SATA 3Gb/s, 25nm, MLC)
Intel� SSD 320 Series (160GB, 1.8in, SATA 3Gb/s, 25nm, MLC)
Intel� SSD 320 Series (160GB, 2.5in, SATA 3Gb/s, 25nm, MLC)
Intel� SSD 320 Series (300GB, 1.8in, SATA 3Gb/s, 25nm, MLC)
Intel� SSD 320 Series (300GB, 2.5in, SATA 3Gb/s, 25nm, MLC)
Intel� SSD 320 Series (40GB, 2.5in, SATA 3Gb/s, 25nm, MLC)
Intel� SSD 320 Series (600GB, 2.5in, SATA 3Gb/s, 25nm, MLC)
Intel� SSD 320 Series (80GB, 1.8in, SATA 3Gb/s, 25nm, MLC)
Intel� SSD 320 Series (80GB, 2.5in, SATA 3Gb/s, 25nm, MLC)
Intel� SSD 710 Series (100GB, 2.5in SATA 3Gb/s, 25nm, MLC)
Intel� SSD 710 Series (200GB, 2.5in SATA 3Gb/s, 25nm, MLC)
Intel� SSD 710 Series (300GB, 2.5in SATA 3Gb/s, 25nm, MLC)
Intel� X18-M Solid State Drive, 160GB SATA II 1.8in, MLC, High Performance
Intel� X18-M Solid State Drive, 80GB SATA II 1.8in, MLC, High Performance
Intel� X25-E Solid State Drive, 32GB SATA II 2.5in, SLC, High Performance
Intel� X25-E Solid State Drive, 64GB SATA II 2.5in, SLC, High Performance
Intel� X25-M Solid State Drive, 120GB SATA II 2.5in, MLC, High Performance, 34nm
Intel� X25-M Solid State Drive, 160GB SATA II 2.5in, MLC, High Performance
Intel� X25-M Solid State Drive, 80GB SATA II 2.5in, MLC, High Performance
Intel� X25-V Value Solid State Drive, 40GB

Read more :

0 komentar »

Bebas