Mengenal Windows 7 (seven)

Windows 7 (seven) merupakan sistem operasi yang dikembangkan oleh microsoft dari sistem operasi sebelumnya Microsoft Windows XP dan Vista.

Microsoft Windows 7 memiliki tampilan desktop yang tidak jauh berbeda dengan windows vista namun sudah lebih disempurnakan seperti tombol start yang terlihat lebih hidup.

Untuk melakukan installasi windows 7 pada komputer anda membutuhkan

Mengenal Windows 7 (seven)

Posted by rike No comments

Windows 7 (seven) merupakan sistem operasi yang dikembangkan oleh microsoft dari sistem operasi sebelumnya Microsoft Windows XP dan Vista.

Microsoft Windows 7 memiliki tampilan desktop yang tidak jauh berbeda dengan windows vista namun sudah lebih disempurnakan seperti tombol start yang terlihat lebih hidup.

Untuk melakukan installasi windows 7 pada komputer anda membutuhkan

Top Komentator Widget

Top Komentator widget ini sebenarnya udah banyak dibahas oleh blog-blog lain yang membahas seputar tutorial blog.



Tapi dikarenakan saya lihat pada blog ini belum ada panduannya jadi tidak ada salahnya juga membuat tutorial Top Komentator di blog ini juga.



Seperti biasa, caranya :



Login dulu ke account blogger kamu.

• Pilih tab Tata Letak --> Elemen Halaman.

• Tambah Gadget dalam elemen blog kamu (rekomendasi : Di bawah atau di samping gadget Posting Terbaru)

• Dalam "Tambahkan Gadget", pilih HTML/JavaScript

• Copy dan pastekan kode di bawah ini dan jangan lupa diberi judul (ex : Top Komentator)

<script type="text/javascript">

function pipeCallback(obj) {

document.write('<ol>');

var i;

for (i = 0; i < obj.count ; i++)

{

var href = "'" + obj.value.items[i].link + "'";

if(obj.value.items[i].link == "")

var item ="<li>" + obj.value.items[i].title + "</li>";

else

var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";

document.write(item);

}

document.write('</ol>');

}

</script>

<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2Frudyazhar.blogspot.com&num=15&filter=rudy" type="text/javascript"></script>

Note :

• Ganti kode yang berwarna biru dengan alamat blog kamu.

• Ganti kode yang berwarna merah dengan jumlah komentar yang ingin ditampilkan.

• Kode yang berwarna orange adalah untuk tidak menampilkan nama dari pemilik blog tersebut.

Contoh pemakaian Top Komentator ini bisa anda lihat pada blog rudyazhar disini.

Selamat mencoba...

Top Komentator Widget

Posted by rike No comments

Top Komentator widget ini sebenarnya udah banyak dibahas oleh blog-blog lain yang membahas seputar tutorial blog.



Tapi dikarenakan saya lihat pada blog ini belum ada panduannya jadi tidak ada salahnya juga membuat tutorial Top Komentator di blog ini juga.



Seperti biasa, caranya :



Login dulu ke account blogger kamu.

• Pilih tab Tata Letak --> Elemen Halaman.

• Tambah Gadget dalam elemen blog kamu (rekomendasi : Di bawah atau di samping gadget Posting Terbaru)

• Dalam "Tambahkan Gadget", pilih HTML/JavaScript

• Copy dan pastekan kode di bawah ini dan jangan lupa diberi judul (ex : Top Komentator)

<script type="text/javascript">

function pipeCallback(obj) {

document.write('<ol>');

var i;

for (i = 0; i < obj.count ; i++)

{

var href = "'" + obj.value.items[i].link + "'";

if(obj.value.items[i].link == "")

var item ="<li>" + obj.value.items[i].title + "</li>";

else

var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";

document.write(item);

}

document.write('</ol>');

}

</script>

<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2Frudyazhar.blogspot.com&num=15&filter=rudy" type="text/javascript"></script>

Note :

• Ganti kode yang berwarna biru dengan alamat blog kamu.

• Ganti kode yang berwarna merah dengan jumlah komentar yang ingin ditampilkan.

• Kode yang berwarna orange adalah untuk tidak menampilkan nama dari pemilik blog tersebut.

Contoh pemakaian Top Komentator ini bisa anda lihat pada blog rudyazhar disini.

Selamat mencoba...

Menghilangkan Pilihan Sistem Operasi Windows Linux

Sebagai seorang yang ingin lebih mengenal tentang komputer, tentu banyak cara yang dicoba guna memenuhi keingintahuan sesorang, salah satunya dengan mengubah atau menambah sistem operasi pada komputer miliknya. Misalkan saja kita sedang memiliki komputer dengan sistem operasi yang terpasang adalah sistem operasi microsoft windows, kemudian kita juga ingin mempelajari sistem operasi linux atau

Menghilangkan Pilihan Sistem Operasi Windows Linux

Posted by rike No comments

Sebagai seorang yang ingin lebih mengenal tentang komputer, tentu banyak cara yang dicoba guna memenuhi keingintahuan sesorang, salah satunya dengan mengubah atau menambah sistem operasi pada komputer miliknya. Misalkan saja kita sedang memiliki komputer dengan sistem operasi yang terpasang adalah sistem operasi microsoft windows, kemudian kita juga ingin mempelajari sistem operasi linux atau

Recent Comments ala Wordpress versi II

Gimana khabar anda semua, Semangat Luar Biasa untuk mempercantik blog Anda?

Kali ini saya ingin sharing ilmu untuk mempercantik blog di blogspot dengan recent comments ala wordpress Versi II, karena versi pertama udah di bahas OB pada postingan Trik Blogger | Memasang Komentar Terbaru (Recent Comments).



Beda dengan yang terdahulu apa? kalau yang dulu link antara nama komentar saya postingan menuju ke alamat yang sama, yaitu kehalaman postingan yang dikomentari.

Nah versi yang sekarang kalau link yang berkomentar langsung menuju ke-alamat si komentar itu sendiri mirip seperti yang ada di wordpress.



ini contohnya :







Widget ini hasil kreasi dari www.corpseofattic.com, disitu ada berbagai versi yang sudah dibuatnya.

Anda juga bisa intip langsung source code dari wordpress recent comments disini, bisa kamu modifikasi jika tidak membuat kepala kamu pusing.

Tapi kalau kamu tidak mau pusing-pusing ini saya jelaskan triknya :



Login dulu ke account blogger kamu.

• Pilih tab Tata Letak --> Elemen Halaman.

• Tambah Gadget dalam elemen blog kamu (rekomendasi : Di bawah atau di samping gadget Posting Terbaru)

• Dalam "Tambahkan Gadget", pilih HTML/JavaScript

• Copy dan pastekan kode di bawah ini dan jangan lupa diberi judul (ex : Komentar terbaru)

<div style="overflow: auto; width: 180px;

height: 330px; background-attachment: scroll;

background-color:#dde5d1; line-height:1.5em;padding: 5px; border: 4px dotted #FFF; -moz-border-radius:10px;-webkit-border-radius:10px;">

<script style="text/javascript" src="http://corpseofattic.com/scripts/recentcommentsv2.js"></script><script style="text/javascript">var numposts = 7;var showposttitle = true;var standardstyling = true;</script><script src="http://rudyazhar.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script></div>

Note :

• kode yang berwarna biru untuk mengaktifkan fungsi scroll, jika tidak menggunakannya kamu bisa hapus aja kode tersebut.

• Ganti kode yang berwarna merah dengan alamat penyimpanan file "recentcommentsv2.js" kamu sendiri. Kalau tidak biarkan apa adanya.

• Kode yang berwarna orange adalah jumlah recent comments yang ingin kamu tampilkan, contoh diatas 7 komentar yang tertampil kamu bisa rubah angka 7 ke angka 5 misalnya.

• Ganti kode yang berwarna hijau dengan alamat blog kamu.

Contoh pemakaian recent comments ini bisa anda lihat pada blog rudyazhar disini.

Selamat mencoba...

Recent Comments ala Wordpress versi II

Posted by rike No comments

Gimana khabar anda semua, Semangat Luar Biasa untuk mempercantik blog Anda?

Kali ini saya ingin sharing ilmu untuk mempercantik blog di blogspot dengan recent comments ala wordpress Versi II, karena versi pertama udah di bahas OB pada postingan Trik Blogger | Memasang Komentar Terbaru (Recent Comments).



Beda dengan yang terdahulu apa? kalau yang dulu link antara nama komentar saya postingan menuju ke alamat yang sama, yaitu kehalaman postingan yang dikomentari.

Nah versi yang sekarang kalau link yang berkomentar langsung menuju ke-alamat si komentar itu sendiri mirip seperti yang ada di wordpress.



ini contohnya :







Widget ini hasil kreasi dari www.corpseofattic.com, disitu ada berbagai versi yang sudah dibuatnya.

Anda juga bisa intip langsung source code dari wordpress recent comments disini, bisa kamu modifikasi jika tidak membuat kepala kamu pusing.

Tapi kalau kamu tidak mau pusing-pusing ini saya jelaskan triknya :



Login dulu ke account blogger kamu.

• Pilih tab Tata Letak --> Elemen Halaman.

• Tambah Gadget dalam elemen blog kamu (rekomendasi : Di bawah atau di samping gadget Posting Terbaru)

• Dalam "Tambahkan Gadget", pilih HTML/JavaScript

• Copy dan pastekan kode di bawah ini dan jangan lupa diberi judul (ex : Komentar terbaru)

<div style="overflow: auto; width: 180px;

height: 330px; background-attachment: scroll;

background-color:#dde5d1; line-height:1.5em;padding: 5px; border: 4px dotted #FFF; -moz-border-radius:10px;-webkit-border-radius:10px;">

<script style="text/javascript" src="http://corpseofattic.com/scripts/recentcommentsv2.js"></script><script style="text/javascript">var numposts = 7;var showposttitle = true;var standardstyling = true;</script><script src="http://rudyazhar.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script></div>

Note :

• kode yang berwarna biru untuk mengaktifkan fungsi scroll, jika tidak menggunakannya kamu bisa hapus aja kode tersebut.

• Ganti kode yang berwarna merah dengan alamat penyimpanan file "recentcommentsv2.js" kamu sendiri. Kalau tidak biarkan apa adanya.

• Kode yang berwarna orange adalah jumlah recent comments yang ingin kamu tampilkan, contoh diatas 7 komentar yang tertampil kamu bisa rubah angka 7 ke angka 5 misalnya.

• Ganti kode yang berwarna hijau dengan alamat blog kamu.

Contoh pemakaian recent comments ini bisa anda lihat pada blog rudyazhar disini.

Selamat mencoba...

Button Dengan 3D Button Creator Gold

Membuat button sendiri dengan memanfaatkan software 3D Button Creator Gold. Dengan 3D Button Creator Gold kita bisa dengan mudah membuat sebuah button yang bisa dimanfaatkan untuk membuat menu sebuah blog misalnya atau menu sebuah website. Button yang dibuat menggunakan 3D Button Creator Gold bisa berbentuk Rectangle (sudut tajam), elips (bentuk telur) dan RoundRec (segi empat dengan sudut

Button Dengan 3D Button Creator Gold

Posted by rike No comments

Membuat button sendiri dengan memanfaatkan software 3D Button Creator Gold. Dengan 3D Button Creator Gold kita bisa dengan mudah membuat sebuah button yang bisa dimanfaatkan untuk membuat menu sebuah blog misalnya atau menu sebuah website. Button yang dibuat menggunakan 3D Button Creator Gold bisa berbentuk Rectangle (sudut tajam), elips (bentuk telur) dan RoundRec (segi empat dengan sudut

Random Post Dinamis

Dikatakan Random Post dinamis dikarenakan widget random post ini akan menampilkan seluruh postingan blog kita secara acak dengan trik slide show.

Ini akan lebih memaksimalkan semua isi postingan tertampil dengan jeda waktu yang dapat kita atur.



Dan satu lagi kelebihan random post ini tidak memakan space yang besar dan sangat simpel.



Jadi, tertarik untuk memasang? ini dia script code-nya:



*Silahkan sobat pasang di sidebar : Layout >> Add Page Element >> HTML/Javascript >>

<style type="text/css">

.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}



.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}



.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}



.gfg-subtitle a {color : #a43434;display:none !important;}



.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}



/* To allow correct behavior for overlay */

.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}



.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}



.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}



.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}



.clearFloat {clear : both;}



#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}

</style>



<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script>



<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>



<script type="text/javascript">

function showGadget() {

var feeds = [

{title:'title',

url:'http://NAMABLOGKAMU.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'},

];

new GFdynamicFeedControl(feeds, 'feedGadget',

{numResults : 1000, stacked : true,

title: " "});

}

google.load("feeds", "1");

google.setOnLoadCallback(showGadget);

</script>



<div id="feedGadget"><center><img src="http://img80.imageshack.us/img80/1577/loadingtrans.gif" /></center></div>

Kemudian Save.



*Silahkan ganti alamat yang berwarna MERAH dengan alamat blog sobat.

Untuk contoh hasilnya dapat sobat lihat disini.

Random Post Dinamis

Posted by rike No comments

Dikatakan Random Post dinamis dikarenakan widget random post ini akan menampilkan seluruh postingan blog kita secara acak dengan trik slide show.

Ini akan lebih memaksimalkan semua isi postingan tertampil dengan jeda waktu yang dapat kita atur.



Dan satu lagi kelebihan random post ini tidak memakan space yang besar dan sangat simpel.



Jadi, tertarik untuk memasang? ini dia script code-nya:



*Silahkan sobat pasang di sidebar : Layout >> Add Page Element >> HTML/Javascript >>

<style type="text/css">

.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}



.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}



.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}



.gfg-subtitle a {color : #a43434;display:none !important;}



.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}



/* To allow correct behavior for overlay */

.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}



.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}



.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}



.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}



.clearFloat {clear : both;}



#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}

</style>



<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script>



<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>



<script type="text/javascript">

function showGadget() {

var feeds = [

{title:'title',

url:'http://NAMABLOGKAMU.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'},

];

new GFdynamicFeedControl(feeds, 'feedGadget',

{numResults : 1000, stacked : true,

title: " "});

}

google.load("feeds", "1");

google.setOnLoadCallback(showGadget);

</script>



<div id="feedGadget"><center><img src="http://img80.imageshack.us/img80/1577/loadingtrans.gif" /></center></div>

Kemudian Save.



*Silahkan ganti alamat yang berwarna MERAH dengan alamat blog sobat.

Untuk contoh hasilnya dapat sobat lihat disini.

Variasi Font untuk blogger template

Bagi pengguna blogger.com sekarang ada layanan untuk mengganti font pada blog kita biar terkesan lebih unik dan elegan lagi dengan menggunakan @font-face CSS.



Kita tidak perlu pusing-pusing menyimpan font yang akan kita gunakan, cukup menggunakan '@font-face CSS' ('Font Embedding') di 'blogger template' melalui jasa gratis yang disediakan oleh kernest.com.



Contoh blog yang sudah menggunakan @font-face dapat anda lihat pada Blogger Display dan blog Rudy Azhar yang digunakan pada judul blog (h1) dan judul posting (h2).



Penerapannya sangat simple tinggal copy paste aja ke blog kita, Jika kamu berminat langsung aja menuju ke blog code-code-an untuk tutorial yang lebih lengkap.

Sebelumnya saya minta dukungan kalian semua dalam kontes Ngobrol Seputar Bisnis Online. Terima kasih....

Variasi Font untuk blogger template

Posted by rike No comments

Bagi pengguna blogger.com sekarang ada layanan untuk mengganti font pada blog kita biar terkesan lebih unik dan elegan lagi dengan menggunakan @font-face CSS.



Kita tidak perlu pusing-pusing menyimpan font yang akan kita gunakan, cukup menggunakan '@font-face CSS' ('Font Embedding') di 'blogger template' melalui jasa gratis yang disediakan oleh kernest.com.



Contoh blog yang sudah menggunakan @font-face dapat anda lihat pada Blogger Display dan blog Rudy Azhar yang digunakan pada judul blog (h1) dan judul posting (h2).



Penerapannya sangat simple tinggal copy paste aja ke blog kita, Jika kamu berminat langsung aja menuju ke blog code-code-an untuk tutorial yang lebih lengkap.

Sebelumnya saya minta dukungan kalian semua dalam kontes Ngobrol Seputar Bisnis Online. Terima kasih....