What's New Here?




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

0 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...

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...

0 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

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

0 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 :



recent comments



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 :



recent comments



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...

0 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

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

0 comments:

random post dinamisDikatakan 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

random post dinamisDikatakan 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.

0 comments:

variasi font untuk bloggerBagi 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

variasi font untuk bloggerBagi 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....

0 comments:


Setiap hari mengutak-atik blog sangat mengasyikan dan kadangkala karena nikmatnya ngeblogging sampai-sampai lupa waktu. Sudah berapa jam duduk didepan komputer, sudah berapa web dan blog yang kita kunjungi bahkan tanggal dan bulanpun bisa lupa.



Tidak masalah kalau ditempat bermain internet ada kalender yang terpasang di dinding tembok, jangan sampai gara-gara internet janjian kegiatan lainpun

Memasang Kalender Harian di Blog

Posted by rike No comments


Setiap hari mengutak-atik blog sangat mengasyikan dan kadangkala karena nikmatnya ngeblogging sampai-sampai lupa waktu. Sudah berapa jam duduk didepan komputer, sudah berapa web dan blog yang kita kunjungi bahkan tanggal dan bulanpun bisa lupa.



Tidak masalah kalau ditempat bermain internet ada kalender yang terpasang di dinding tembok, jangan sampai gara-gara internet janjian kegiatan lainpun

0 comments:

Satu lagi keunggulan wordpress yang dapat kita aplikasikan pada blogspot, yaitu menambah widget social bookmark dibawah postingan blog.



Penambahan social bookmark sangat baik sekali untuk mempromosikan blog kita di situs facebook, twitter, digg dan lain-lain.



Kali ini yang ingin saya sharingkan bukan social bookmark pada umumnya akan tetapi yang big, selain mempercantik blog juga menarik minat pengunjung untuk mengkliknya..



Contoh seperti gambar dibawah ini dapat anda lihat pada blog Ngobrol Seputar Bisnis Online.



social bookmark



Gimana, keren kan? Oke kita mulai aja..



seperti biasa Tambahkan kode CSS berikut di atas kode ]]></b:skin>



div.sociable { margin: 16px 0;}



span.sociable_tagline { position: relative; }

span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {

position: absolute;

display: block;

top: -5em;

background: #ffe;

border: 1px solid #ccc;

color: black;

line-height: 1.25em;

}

.sociable span {

display: block;

}

.sociable ul {

display: inline;

margin: 0 !important;

padding: 0 !important;

}

.sociable ul li {

background: #f5f5f5;

display: inline !important;

list-style-type: none;

margin: 0;

padding: 2px;

}

.sociable ul li:before { content: ""; }

.sociable img {

float: none;



border: 0;

margin: 0;

padding: 0;

}



.sociable-hovers {

opacity: 0.4;

-moz-opacity: 0.4;

filter: alpha(opacity=40);

}

.sociable-hovers:hover {

opacity: 1;

-moz-opacity: 1;

filter: alpha(opacity=100);

}





Setelah itu simpan dulu template kamu

lalu kamu ceklist Expand Template Widget.



Kamu cari kode <p><data:post.body/></p>

kalau blog kamu sudah memakai readmore, maka ada dua kode tersebut.

maka pilih kode yang kedua biar tidak tampak pada halaman utama.

setelah ketemu kamu masukkan kode HTML berikut dibawah kode diatas.



<div class='sociable'>

<div class='sociable_tagline'>

<img alt='Ngobrol Seputar Bisnis Online' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijjWlzN1iTIBSanvlHAVcEk5TZV3-3psO9CxTfIevmjCTrYF0xpxQe65fbwu-mDQWA6TUYakHRbyz9IPDHAOAVJXLY0KxWH8MGWeqjp0ryMPPnsPhrNU68405nXaKFYXpqAKBqtBdn6S_g/s1600/share.jpg' title='Share This Artikel'/>

</div>

<ul>

<li><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Digg' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiutUO60q0JCMNaHjz35GoTaPF4XQ4YI7Gz0BqUNAA-_aMCVbMmZdGo-HxKKqJSB-cJxliCEtzQQu43qOmgw8SakcvJwwgOcaQwGVSz0UaRjSXKp2ZaZiR_h7hCQiooQ0b_a6F5O4fajErv/s400/digg.png' title='Digg'/></a></li>

<li><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='del.icio.us' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiwWuzINhudfcCjZ-oVnrclua-PHXkRngFnara3q76uE_M8Xvm5VYQ5O6Qyt0axf2bphlRGg1oo9aMe8y_GZnk2Kgb_nHFNmUBgbTR5JtBVUm6-eW5YOjXoq9a0HOMKiPLalWGgwVuw8IN/s400/delicious.png' title='del.icio.us'/></a></li>

<li><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Facebook' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmmA8uGvuk2-AqXyOmMVfpZ2p-fkE_YSyLKI0w4UXphjpZ-MaEfsNHprXbovKpV5nRWdKQYC5FqNo6xoRoytIcj5e_MVgaMROlRHGM9Sn9JvYPgo1OyirH9vuDQtrjq3-oQow9y9OC6EdX/s400/facebook_002.png' title='Facebook'/></a></li>

<li><a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Google' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFFm27W78nhYq82lfGoI3vvEqCEXcqJytSi-TGFWTkQpsG8yn2KtgIO8EA5W4r5nIvf0dbSTm727cx9VWG082WphbvVBceGDtt7jsigw6Q7wyyGxGHslQz7MzAyDL2FR-StpGxXHOSSaD9/s400/googlebookmark.png' title='Google'/></a></li>

<li><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='StumbleUpon' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8l9w1cVu4S2jRhUShljePN2GZocbsEJMSspFYxv-eY2paY7oLleqQwY0W-n_n3_LhXkbJdhmyq122fhpo0orPWISZ9xfgCpO7zBwDAhTE9z2BMWEbgtFOErUnWdl4cyU6MEtBMNsLHVe9/s400/stumbleupon.png' title='StumbleUpon'/></a></li>

<li><a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Technorati' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoWQOuCS096Jafm5890YjqXJNhe7yiLel8KJmh3j6GlYPkgPcaSxx6uP65AmygCXCuTdGWYDujCckReFpNVvQYaWT9VxsKE771cYTGVgnGUJFyW7HSSchO50MgoRfhwMltDchyphenhyphen7NzPN_Nx/s400/technorati.png' title='Technorati'/></a></li>

<li><a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='TwitThis' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit2KDJsKYtjFDXmq9O808FUFGB3MyiB7eKcNhWZL1gBNr7m5X_7Tbg2xdVf0fXDmiOEOjj6Uytt9nrscSFaLGrPKjcrtod24UxQRdpfTB2WfXGi4Xvl46BL6uwv4xt819qaLXoiuYKQhAz/s400/twitter.gif' title='TwitThis'/></a></li>

</ul>

</div>




Karena penempatan social bookmark ini pada halaman postingan jadi kamu tidak bisa pratinjau hasilnya, so.. simpan aja dulu dan lihat hasilnya...


Menambah Big Social Bookmark dibawah posting

Posted by rike No comments

Satu lagi keunggulan wordpress yang dapat kita aplikasikan pada blogspot, yaitu menambah widget social bookmark dibawah postingan blog.



Penambahan social bookmark sangat baik sekali untuk mempromosikan blog kita di situs facebook, twitter, digg dan lain-lain.



Kali ini yang ingin saya sharingkan bukan social bookmark pada umumnya akan tetapi yang big, selain mempercantik blog juga menarik minat pengunjung untuk mengkliknya..



Contoh seperti gambar dibawah ini dapat anda lihat pada blog Ngobrol Seputar Bisnis Online.



social bookmark



Gimana, keren kan? Oke kita mulai aja..



seperti biasa Tambahkan kode CSS berikut di atas kode ]]></b:skin>



div.sociable { margin: 16px 0;}



span.sociable_tagline { position: relative; }

span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {

position: absolute;

display: block;

top: -5em;

background: #ffe;

border: 1px solid #ccc;

color: black;

line-height: 1.25em;

}

.sociable span {

display: block;

}

.sociable ul {

display: inline;

margin: 0 !important;

padding: 0 !important;

}

.sociable ul li {

background: #f5f5f5;

display: inline !important;

list-style-type: none;

margin: 0;

padding: 2px;

}

.sociable ul li:before { content: ""; }

.sociable img {

float: none;



border: 0;

margin: 0;

padding: 0;

}



.sociable-hovers {

opacity: 0.4;

-moz-opacity: 0.4;

filter: alpha(opacity=40);

}

.sociable-hovers:hover {

opacity: 1;

-moz-opacity: 1;

filter: alpha(opacity=100);

}





Setelah itu simpan dulu template kamu

lalu kamu ceklist Expand Template Widget.



Kamu cari kode <p><data:post.body/></p>

kalau blog kamu sudah memakai readmore, maka ada dua kode tersebut.

maka pilih kode yang kedua biar tidak tampak pada halaman utama.

setelah ketemu kamu masukkan kode HTML berikut dibawah kode diatas.



<div class='sociable'>

<div class='sociable_tagline'>

<img alt='Ngobrol Seputar Bisnis Online' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijjWlzN1iTIBSanvlHAVcEk5TZV3-3psO9CxTfIevmjCTrYF0xpxQe65fbwu-mDQWA6TUYakHRbyz9IPDHAOAVJXLY0KxWH8MGWeqjp0ryMPPnsPhrNU68405nXaKFYXpqAKBqtBdn6S_g/s1600/share.jpg' title='Share This Artikel'/>

</div>

<ul>

<li><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Digg' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiutUO60q0JCMNaHjz35GoTaPF4XQ4YI7Gz0BqUNAA-_aMCVbMmZdGo-HxKKqJSB-cJxliCEtzQQu43qOmgw8SakcvJwwgOcaQwGVSz0UaRjSXKp2ZaZiR_h7hCQiooQ0b_a6F5O4fajErv/s400/digg.png' title='Digg'/></a></li>

<li><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='del.icio.us' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiwWuzINhudfcCjZ-oVnrclua-PHXkRngFnara3q76uE_M8Xvm5VYQ5O6Qyt0axf2bphlRGg1oo9aMe8y_GZnk2Kgb_nHFNmUBgbTR5JtBVUm6-eW5YOjXoq9a0HOMKiPLalWGgwVuw8IN/s400/delicious.png' title='del.icio.us'/></a></li>

<li><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Facebook' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmmA8uGvuk2-AqXyOmMVfpZ2p-fkE_YSyLKI0w4UXphjpZ-MaEfsNHprXbovKpV5nRWdKQYC5FqNo6xoRoytIcj5e_MVgaMROlRHGM9Sn9JvYPgo1OyirH9vuDQtrjq3-oQow9y9OC6EdX/s400/facebook_002.png' title='Facebook'/></a></li>

<li><a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Google' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFFm27W78nhYq82lfGoI3vvEqCEXcqJytSi-TGFWTkQpsG8yn2KtgIO8EA5W4r5nIvf0dbSTm727cx9VWG082WphbvVBceGDtt7jsigw6Q7wyyGxGHslQz7MzAyDL2FR-StpGxXHOSSaD9/s400/googlebookmark.png' title='Google'/></a></li>

<li><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='StumbleUpon' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8l9w1cVu4S2jRhUShljePN2GZocbsEJMSspFYxv-eY2paY7oLleqQwY0W-n_n3_LhXkbJdhmyq122fhpo0orPWISZ9xfgCpO7zBwDAhTE9z2BMWEbgtFOErUnWdl4cyU6MEtBMNsLHVe9/s400/stumbleupon.png' title='StumbleUpon'/></a></li>

<li><a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Technorati' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoWQOuCS096Jafm5890YjqXJNhe7yiLel8KJmh3j6GlYPkgPcaSxx6uP65AmygCXCuTdGWYDujCckReFpNVvQYaWT9VxsKE771cYTGVgnGUJFyW7HSSchO50MgoRfhwMltDchyphenhyphen7NzPN_Nx/s400/technorati.png' title='Technorati'/></a></li>

<li><a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='TwitThis' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit2KDJsKYtjFDXmq9O808FUFGB3MyiB7eKcNhWZL1gBNr7m5X_7Tbg2xdVf0fXDmiOEOjj6Uytt9nrscSFaLGrPKjcrtod24UxQRdpfTB2WfXGi4Xvl46BL6uwv4xt819qaLXoiuYKQhAz/s400/twitter.gif' title='TwitThis'/></a></li>

</ul>

</div>




Karena penempatan social bookmark ini pada halaman postingan jadi kamu tidak bisa pratinjau hasilnya, so.. simpan aja dulu dan lihat hasilnya...


0 comments:

About The Author ini banyak diaplikasi oleh pemakai wordpress dan sekarang saya coba sharing untuk dapat juga digunakan bagi pengguna blogspot dengan kode CSS yang simpel. penampakannya bakal seperti pada Blog Godown.



Banyak pengguna blogspot yang iri dengan pengguna wordpress karena banyak widget yang menarik disana, tapi itu bukan suatu yang susah untuk kita aplikasikan ke blog kita.



Ini contoh screenshootnya seperti yang ada pada blog Ngobrol Seputar Bisnis Online:





About the author



Kita mulai aja ya...



  • Login dulu ke account blogger kamu.

  • Pilih tab Tata Letak --> Edit HTML.



Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.



Tambahkan kode CSS berikut di atas kode ]]></b:skin>



.authbio{

color: #555;

font-weight: normal;

font-size:0.9em;

background: #fff;

border: 3px groove #ccc;

width: 475px;

padding: 10px;

margin-bottom:20px;

-moz-border-radius:15px;

-webkit-border-radius:15px;

}



.authbio a{



text-decoration:underline;



}

img.alignleft {

float:left;

background-color: #c4e3e0;

border:5px solid #c4e3e0;

padding: 5px;



margin-left:5px;

margin-top:0px;

margin-bottom:25px;

margin-right:12px;



}




Setelah itu simpan dulu templatenya ntar bisa hilang..

lalu kamu ceklist Expand Template Widget.



Kamu cari kode <p><data:post.body/></p>

kalau blog kamu sudah memakai readmore, maka ada dua kode tersebut.

maka pilih kode yang kedua biar tidak tampak pada halaman utama.

setelah ketemu kamu masukkan kode HTML berikut dibawah kode diatas.



<div class='authbio'>

<div style='float: left;'>

<img alt='rudy azhar' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWVCmhnnqiQ1M4LWaoCtBkDcrrtHUAtN66IZDZkBdQUTVd4Ot8gqEhiGpIRw8_dPd57iOuSJ8n6heyZ_IIcoHpv7ljdH0VWyIyB2BNqv7KZlsfRaJ55OeDmsaj3UF4NYaCOCjaDh92/s400/rudy6.jpg'/></div>

<h2><strong>About The Author:</strong></h2>

<a href='http://rudyazhar.blogspot.com/2009/07/rudy-azhar-admin-rudyazhar-dot-com.html'><strong>Penulis</strong></a> ialah seorang yang lagi merambah dunia internet marketing dan belajar lebih dalam lagi. Jika anda senang dengan tulisan ini, pastikan anda <a href='http://feedburner.google.com/fb/a/mailverify?uri=internetmarketingsharing' target='_blank'><strong>Mendaftar Gratis</strong></a>! atau ambil <a href='http://feeds.feedburner.com/internetmarketingsharing' target='_blank'><strong>Feed Rss</strong></a>.</div>




Simpan template kamu dan lihat hasilnya...



Jangan lupa untuk merubah alamat foto dengan alamat foto kamu, serta kamu bisa mengganti kalimat diatas dengan kreasi kamu sendiri.


Pasang Kolom About The Author

Posted by rike No comments

About The Author ini banyak diaplikasi oleh pemakai wordpress dan sekarang saya coba sharing untuk dapat juga digunakan bagi pengguna blogspot dengan kode CSS yang simpel. penampakannya bakal seperti pada Blog Godown.



Banyak pengguna blogspot yang iri dengan pengguna wordpress karena banyak widget yang menarik disana, tapi itu bukan suatu yang susah untuk kita aplikasikan ke blog kita.



Ini contoh screenshootnya seperti yang ada pada blog Ngobrol Seputar Bisnis Online:





About the author



Kita mulai aja ya...



  • Login dulu ke account blogger kamu.

  • Pilih tab Tata Letak --> Edit HTML.



Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.



Tambahkan kode CSS berikut di atas kode ]]></b:skin>



.authbio{

color: #555;

font-weight: normal;

font-size:0.9em;

background: #fff;

border: 3px groove #ccc;

width: 475px;

padding: 10px;

margin-bottom:20px;

-moz-border-radius:15px;

-webkit-border-radius:15px;

}



.authbio a{



text-decoration:underline;



}

img.alignleft {

float:left;

background-color: #c4e3e0;

border:5px solid #c4e3e0;

padding: 5px;



margin-left:5px;

margin-top:0px;

margin-bottom:25px;

margin-right:12px;



}




Setelah itu simpan dulu templatenya ntar bisa hilang..

lalu kamu ceklist Expand Template Widget.



Kamu cari kode <p><data:post.body/></p>

kalau blog kamu sudah memakai readmore, maka ada dua kode tersebut.

maka pilih kode yang kedua biar tidak tampak pada halaman utama.

setelah ketemu kamu masukkan kode HTML berikut dibawah kode diatas.



<div class='authbio'>

<div style='float: left;'>

<img alt='rudy azhar' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWVCmhnnqiQ1M4LWaoCtBkDcrrtHUAtN66IZDZkBdQUTVd4Ot8gqEhiGpIRw8_dPd57iOuSJ8n6heyZ_IIcoHpv7ljdH0VWyIyB2BNqv7KZlsfRaJ55OeDmsaj3UF4NYaCOCjaDh92/s400/rudy6.jpg'/></div>

<h2><strong>About The Author:</strong></h2>

<a href='http://rudyazhar.blogspot.com/2009/07/rudy-azhar-admin-rudyazhar-dot-com.html'><strong>Penulis</strong></a> ialah seorang yang lagi merambah dunia internet marketing dan belajar lebih dalam lagi. Jika anda senang dengan tulisan ini, pastikan anda <a href='http://feedburner.google.com/fb/a/mailverify?uri=internetmarketingsharing' target='_blank'><strong>Mendaftar Gratis</strong></a>! atau ambil <a href='http://feeds.feedburner.com/internetmarketingsharing' target='_blank'><strong>Feed Rss</strong></a>.</div>




Simpan template kamu dan lihat hasilnya...



Jangan lupa untuk merubah alamat foto dengan alamat foto kamu, serta kamu bisa mengganti kalimat diatas dengan kreasi kamu sendiri.


0 comments:






Yahoo Mail yang memang digunakan gratis oleh siapa saja pengguna internet di seluruh dunia sehingga siapapun juga dapat dengan mudah membuat sebuah akun email yahoo.

Dengan begitu para pengguna internet tentu memiliki aku email khususnya yahoo dan tidak hanya satu akun bahkan lebih dari dua akun email.


Karena setiap pengguna internet kadang memiliki lebih dari satu akun maka kemungkinan

Lupa Password Email Yahoo

Posted by rike No comments






Yahoo Mail yang memang digunakan gratis oleh siapa saja pengguna internet di seluruh dunia sehingga siapapun juga dapat dengan mudah membuat sebuah akun email yahoo.

Dengan begitu para pengguna internet tentu memiliki aku email khususnya yahoo dan tidak hanya satu akun bahkan lebih dari dua akun email.


Karena setiap pengguna internet kadang memiliki lebih dari satu akun maka kemungkinan

0 comments:


Beberapa hari terakhir ini blog Belajar Ilmu Komputer mengalami trafik pengunjung yang tercatat pada google analytics turun drastis.



Dari grafik yang ditampilkan di bawah ini terlihat bahwa sebelumnya pengunjung yang datang ke blog belajar ilmu komputer rata-rata perharinya mencapai 250 hingga 300-san pengunjung namun pada tanggal 4 nopember pengunjung blog yang tercatat pada google

Visitor Google Analytics Turun Nol

Posted by rike No comments


Beberapa hari terakhir ini blog Belajar Ilmu Komputer mengalami trafik pengunjung yang tercatat pada google analytics turun drastis.



Dari grafik yang ditampilkan di bawah ini terlihat bahwa sebelumnya pengunjung yang datang ke blog belajar ilmu komputer rata-rata perharinya mencapai 250 hingga 300-san pengunjung namun pada tanggal 4 nopember pengunjung blog yang tercatat pada google

0 comments:


Setelah mengunjungi blognya Kang Rohman dan membaca salah satu topik tentang membuat form kontak dengan memanfaatkan google docs, saya pun langsung mencoba membuat form kontak dengan google docs dan hasilnya sangat bagus maka saya tertarik untuk posting juga artikel cara membuat form kontak di blog.


Bagi yang ingin membuat Form Kontak dengan google docs silahkan login ke google docs dengan

Cara Membuat Form Kontak di Blog

Posted by rike No comments


Setelah mengunjungi blognya Kang Rohman dan membaca salah satu topik tentang membuat form kontak dengan memanfaatkan google docs, saya pun langsung mencoba membuat form kontak dengan google docs dan hasilnya sangat bagus maka saya tertarik untuk posting juga artikel cara membuat form kontak di blog.


Bagi yang ingin membuat Form Kontak dengan google docs silahkan login ke google docs dengan

0 comments:


Data sangatlah penting sehingga setiap orang yang memiliki data akan selalu berusaha agar data yang disimpannya dirasa aman dari gangguan tangan-tangan jahil. Apalagi data tersebut adalah data rahasia.



Ada banyak cara mengamankan data agar tidak mudah ditemukan oleh pengguna komputer lain. Misalkan saja ada data berupa foto-foto atau dokumen-dokumen yang khusus orang dewasa yang tidak pantas

Tips Menyembunyikan Drive Harddisk

Posted by rike No comments


Data sangatlah penting sehingga setiap orang yang memiliki data akan selalu berusaha agar data yang disimpannya dirasa aman dari gangguan tangan-tangan jahil. Apalagi data tersebut adalah data rahasia.



Ada banyak cara mengamankan data agar tidak mudah ditemukan oleh pengguna komputer lain. Misalkan saja ada data berupa foto-foto atau dokumen-dokumen yang khusus orang dewasa yang tidak pantas

0 comments:


Sementara mengutak atik blog tiba-tiba muncul pesan singkat di hanphone saya yang datangnya dari salah satu sobat kita pengunjung setia blog Belajar Ilmu Komputer yang hendak menanyakan suatu masalah yang terjadi pada laptopnya.



Masalah yang disampaikan menurut dia bahwa screen saver pada laptopnya hilang alias tidak muncul pada display propertis.



Masalah seperti ini saya sendiri belum

Tips Menampilkan Tab Screen Saver Hilang

Posted by rike No comments


Sementara mengutak atik blog tiba-tiba muncul pesan singkat di hanphone saya yang datangnya dari salah satu sobat kita pengunjung setia blog Belajar Ilmu Komputer yang hendak menanyakan suatu masalah yang terjadi pada laptopnya.



Masalah yang disampaikan menurut dia bahwa screen saver pada laptopnya hilang alias tidak muncul pada display propertis.



Masalah seperti ini saya sendiri belum

0 comments:


Setelah pada kesempatan belajar mereset printer canon pixma ip1980 secara manual, kali ini kita lanjutkan belajar kita cara mereset printer canon ip 1900 series termasuk didalamnya 1980, 1880 dan pada prakteknya saya melakukan reset dengan menggunakan printer canon pixma ip 1980.

Setelah melakukan reset manual memang printer langsung dapat digunakan, namun apabila printer tersebut dimatikan dan

Reset Permanen Printer Canon Pixma iP1980

Posted by rike No comments


Setelah pada kesempatan belajar mereset printer canon pixma ip1980 secara manual, kali ini kita lanjutkan belajar kita cara mereset printer canon ip 1900 series termasuk didalamnya 1980, 1880 dan pada prakteknya saya melakukan reset dengan menggunakan printer canon pixma ip 1980.

Setelah melakukan reset manual memang printer langsung dapat digunakan, namun apabila printer tersebut dimatikan dan

0 comments:


Laptop saat ini bukan lagi barang mewah yang hanya dimiliki oleh orang yang memiliki banyak uang atau lebih dikenal dengan orang kaya. Seiring dengan perkembangan teknologi dan kebutuhan akan teknologi itu sendiri sehingga kebutuhan akan laptop menjadi tidak terbatas dan tidak mengenal kaya dan miskin seperti halnya handphone. Harga yang tersedia di pasaranpun berfariasi dan memungkinkan semua

Tips Membeli Laptop Second

Posted by rike No comments


Laptop saat ini bukan lagi barang mewah yang hanya dimiliki oleh orang yang memiliki banyak uang atau lebih dikenal dengan orang kaya. Seiring dengan perkembangan teknologi dan kebutuhan akan teknologi itu sendiri sehingga kebutuhan akan laptop menjadi tidak terbatas dan tidak mengenal kaya dan miskin seperti halnya handphone. Harga yang tersedia di pasaranpun berfariasi dan memungkinkan semua

0 comments:


Printer merupakan salah satu bagian dari komputer yang tidak bisa dipisahkan karena merupakan alat untuk mencetak hasil laporan yang telah diolah melalui pusat pemrosesan data (cpu).



Namun seperti halnya dengan peralatan elektronik yang lainnya tidak selamanya printer akan selalu berjalan sebagaimana mestinya seperti yang diharapkan, kadangkala masalah itu datang tanpa bisa diperkirakan

Cara Reset Manual Printer Canon IP 1980

Posted by rike No comments


Printer merupakan salah satu bagian dari komputer yang tidak bisa dipisahkan karena merupakan alat untuk mencetak hasil laporan yang telah diolah melalui pusat pemrosesan data (cpu).



Namun seperti halnya dengan peralatan elektronik yang lainnya tidak selamanya printer akan selalu berjalan sebagaimana mestinya seperti yang diharapkan, kadangkala masalah itu datang tanpa bisa diperkirakan

0 comments:


Save dan Open file adalah dua buah perintah untuk menyimpan dan membuka file atau dokumen. Dilihat dari fungsinya memang hanya menyimpan dan membuka file akan tetapi apabila salah menggunakan perintah ini dapat menyebabkan hilangnya data. Tidak semua orang hati-hati dalam menyimpan file kadangkala ada semacam peringatan yang muncul apabila kita menggunakan perintah penyimpnana tersebut namun

Save dan Open File

Posted by rike No comments


Save dan Open file adalah dua buah perintah untuk menyimpan dan membuka file atau dokumen. Dilihat dari fungsinya memang hanya menyimpan dan membuka file akan tetapi apabila salah menggunakan perintah ini dapat menyebabkan hilangnya data. Tidak semua orang hati-hati dalam menyimpan file kadangkala ada semacam peringatan yang muncul apabila kita menggunakan perintah penyimpnana tersebut namun

0 comments:


Komentar dari para pengunjung blog bisa kita tampilkan pada sidebar blog kita. Komentar ini juga bermanfaat bagi pemilik blog karena dapat dengan mudah mengetahui apakah ada atau tidaknya komentar terbaru yang diberikan pada blog tersebut.



Untuk menempatkan komentar terbaru atau recent comments silahkan login ke blogger dengan id anda kemudian klik Tata Letak atau Layout.



Selanjutnya klik

Memasang Recent Comments di Blog

Posted by rike No comments


Komentar dari para pengunjung blog bisa kita tampilkan pada sidebar blog kita. Komentar ini juga bermanfaat bagi pemilik blog karena dapat dengan mudah mengetahui apakah ada atau tidaknya komentar terbaru yang diberikan pada blog tersebut.



Untuk menempatkan komentar terbaru atau recent comments silahkan login ke blogger dengan id anda kemudian klik Tata Letak atau Layout.



Selanjutnya klik

0 comments:


Setelah mampir di blog Kang Rohman yang memang merupakan blog yang menyediakan informasi tentang pembuatan blog dengan blogger, ternyata ada fasilitas baru yang diberikan blogger yaitu navbar transparan, yang sebelumnya navbar hanya terdiri dari Blue, Tan, Black dan Silver kini ditambah lagi dengan Transparent Light (transparan terang) dan Transparent Dark (transparan gelap).








Hadirnya

Navbar Transparan Blogspot

Posted by rike No comments


Setelah mampir di blog Kang Rohman yang memang merupakan blog yang menyediakan informasi tentang pembuatan blog dengan blogger, ternyata ada fasilitas baru yang diberikan blogger yaitu navbar transparan, yang sebelumnya navbar hanya terdiri dari Blue, Tan, Black dan Silver kini ditambah lagi dengan Transparent Light (transparan terang) dan Transparent Dark (transparan gelap).








Hadirnya

0 comments:


Pagerank google memang sangat diperlukan oleh seorang pemilik blog atau web yang berkonsentrasi pada pemasangan backlink serta bagi yang mengikuti program paid to review.

Backlink maupun page to review biasanya salah satu persyaratannya adalah web atau blog yang ber page rank tidak kurang dari 3 sehingga para pemilik blog berlomba-lomba untuk meningkatkan pagerank web blognya karena dengan

Update Google Page Rank

Posted by rike No comments


Pagerank google memang sangat diperlukan oleh seorang pemilik blog atau web yang berkonsentrasi pada pemasangan backlink serta bagi yang mengikuti program paid to review.

Backlink maupun page to review biasanya salah satu persyaratannya adalah web atau blog yang ber page rank tidak kurang dari 3 sehingga para pemilik blog berlomba-lomba untuk meningkatkan pagerank web blognya karena dengan

0 comments:


Meta tag sudah tidak bisa di tawar lagi sebagai sesuatu yang sangat penting berhubungan dengan sebuah web atau blog karena dengan meta tags sebuah web atau blog menjadi mudah ditemukan oleh robot search engine. Seperti halnya Menganalisa Meta Tag, kali ini juga artikel masih tentang meta tag namun disini dijelaskan bagaimana cara membuat meta tag khususnya membuat meta tag dengan memanfaatkan

Memasang Meta Tag Blog

Posted by rike No comments


Meta tag sudah tidak bisa di tawar lagi sebagai sesuatu yang sangat penting berhubungan dengan sebuah web atau blog karena dengan meta tags sebuah web atau blog menjadi mudah ditemukan oleh robot search engine. Seperti halnya Menganalisa Meta Tag, kali ini juga artikel masih tentang meta tag namun disini dijelaskan bagaimana cara membuat meta tag khususnya membuat meta tag dengan memanfaatkan

0 comments:


Sesuai dengan judul artikel kali ini yaitu unwritable configuration.php, adalah masalah yang kadang dijumpai dalam mengelola website yang dibuat dengan joomla. Kebetulan hari ini saya mengalaminya sendiri yaitu saya tidak bisa melakukan perbaikan ataupun perubahan pada global setting joomla.



karena menemukan masalah akhirnya sayapun mulai berselancar dengan google yang terkenal dengan

Unwritable Configuration PHP

Posted by rike No comments


Sesuai dengan judul artikel kali ini yaitu unwritable configuration.php, adalah masalah yang kadang dijumpai dalam mengelola website yang dibuat dengan joomla. Kebetulan hari ini saya mengalaminya sendiri yaitu saya tidak bisa melakukan perbaikan ataupun perubahan pada global setting joomla.



karena menemukan masalah akhirnya sayapun mulai berselancar dengan google yang terkenal dengan

0 comments:


Meta Tags tidak bisa dipungkiri lagi sebagai salah satu cara untuk promosi sebuah blog, untuk itu meta tag yang ditulis harus sedemikian rupa sehingga menjadi mudah ditemukan robot dari mesin pencari.

Misalkan untuk menulis tag description juga memiliki aturannya sendiri begitu juga untuk meta tag keyword dan meta tag robot.



Agar tidak salah dalam membuat meta tag untuk sebuah blog kita bisa

Cek Meta Tags

Posted by rike No comments


Meta Tags tidak bisa dipungkiri lagi sebagai salah satu cara untuk promosi sebuah blog, untuk itu meta tag yang ditulis harus sedemikian rupa sehingga menjadi mudah ditemukan robot dari mesin pencari.

Misalkan untuk menulis tag description juga memiliki aturannya sendiri begitu juga untuk meta tag keyword dan meta tag robot.



Agar tidak salah dalam membuat meta tag untuk sebuah blog kita bisa

0 comments:


Yang perlu diperhatikan sebelum melakukan perbaikan sebuah komputer adalah menyiapkan peralatan yang diperlukan dalam perbaikan komputer tersebut baik itu hardware maupun software.



Untuk hardware yang perlu disediakan seperti obeng (plus dan min), avo meter dan tang. Ketiga alat ini adalah kebutuhan yang sangat mendasar apabila ketiga alat seperti obeng, avo meter dan tang tersebut tidak ada

Tips Perbaikan Komputer

Posted by rike No comments


Yang perlu diperhatikan sebelum melakukan perbaikan sebuah komputer adalah menyiapkan peralatan yang diperlukan dalam perbaikan komputer tersebut baik itu hardware maupun software.



Untuk hardware yang perlu disediakan seperti obeng (plus dan min), avo meter dan tang. Ketiga alat ini adalah kebutuhan yang sangat mendasar apabila ketiga alat seperti obeng, avo meter dan tang tersebut tidak ada

0 comments:


Meta Tag sangat dibutuhkan dalam membuat dan promosi blog oleh karena dengan meta tag sebuah blog bisa menjadi bersahabat dengan search engine sehingga informasi yang ada pada blog bisa disampaikan ke search engine. Hal ini berfungsi untuk meningkatkan volume pengunjung ke blog kita dengan asumsi bahwa semakin terkenal blog tersebut di search engine maka semakin banyak pengunjung yang datang ke

Cara Menulis Meta Tag

Posted by rike No comments


Meta Tag sangat dibutuhkan dalam membuat dan promosi blog oleh karena dengan meta tag sebuah blog bisa menjadi bersahabat dengan search engine sehingga informasi yang ada pada blog bisa disampaikan ke search engine. Hal ini berfungsi untuk meningkatkan volume pengunjung ke blog kita dengan asumsi bahwa semakin terkenal blog tersebut di search engine maka semakin banyak pengunjung yang datang ke

0 comments:


Blog atau web yang sudah online tidak bisa dibiarkan begitu saja, namun perlu dikontrol perkembangannnya agar pemilik blog atau web dapat memantau perkembangan blog atau webnya sehingga dapat mengambil tindakan lanjutan agar web atau blog tetap dikunjungi oleh pengguna internet. Semakin besar pengunjung yang berkunjung ke web atau blog tentu itu adalah harapan semua blogger atau webmaster karena

Mendaftar Web Blog pada Google Analytics

Posted by rike No comments


Blog atau web yang sudah online tidak bisa dibiarkan begitu saja, namun perlu dikontrol perkembangannnya agar pemilik blog atau web dapat memantau perkembangan blog atau webnya sehingga dapat mengambil tindakan lanjutan agar web atau blog tetap dikunjungi oleh pengguna internet. Semakin besar pengunjung yang berkunjung ke web atau blog tentu itu adalah harapan semua blogger atau webmaster karena

0 comments:


Biar bagaimanapun seseorang yang sudah membuat blog pasti tujuannya adalah untuk dibaca orang, sedangkan untuk membuat agar blog kita terbaca tidak gampang, tidak hanya selesai membuat terus semuanya sudah berakhir. Memang setelah membuat blog yang gratisan ataupun berbayara langsung online akan tetapi membutuhkan tips khusus agar blog atau web mudah ditemukan orang.

Bagaimana bisa blog kita di

Tips Meningkatkan Google Pagerank

Posted by rike No comments


Biar bagaimanapun seseorang yang sudah membuat blog pasti tujuannya adalah untuk dibaca orang, sedangkan untuk membuat agar blog kita terbaca tidak gampang, tidak hanya selesai membuat terus semuanya sudah berakhir. Memang setelah membuat blog yang gratisan ataupun berbayara langsung online akan tetapi membutuhkan tips khusus agar blog atau web mudah ditemukan orang.

Bagaimana bisa blog kita di

0 comments:


Masalah seperti kerusakan beberapa tuts pada papan ketik (keyboard) komputer ini memang jarang terjadi, namun tidak salah bila kita mengetahui sebelumnya apabila suatu saat nanti kita menemukan masalah seperti ini.

Masalahnya memang sepele namun apabila dilihat dari kebutuhan pada saat pengetikan maka masalah ini merupakan masalah yang besar karena bisa-bisa menghambat pekerjaan yang sedang

Mengatasi Tuts Keyboard Rusak

Posted by rike No comments


Masalah seperti kerusakan beberapa tuts pada papan ketik (keyboard) komputer ini memang jarang terjadi, namun tidak salah bila kita mengetahui sebelumnya apabila suatu saat nanti kita menemukan masalah seperti ini.

Masalahnya memang sepele namun apabila dilihat dari kebutuhan pada saat pengetikan maka masalah ini merupakan masalah yang besar karena bisa-bisa menghambat pekerjaan yang sedang

0 comments:

Elemen ol (ordered list), ul (unordered list) dan li (list item)


Untuk elemen ol memiliki attribut start dan type, start untuk menentukan format penomoran awal, sebagai contoh apabila dimulai dengan nomor 1 maka start akan diberikan attribut 1 (start="1" dan apabila ingin memulai dengan nomor 2 atau tiga atau empat maka attribute untuk startnya sesuaikan dengan awal penomoran tersebut.



HTML

Belajar HTML untuk Pemula (bagian 5)

Posted by rike No comments

Elemen ol (ordered list), ul (unordered list) dan li (list item)


Untuk elemen ol memiliki attribut start dan type, start untuk menentukan format penomoran awal, sebagai contoh apabila dimulai dengan nomor 1 maka start akan diberikan attribut 1 (start="1" dan apabila ingin memulai dengan nomor 2 atau tiga atau empat maka attribute untuk startnya sesuaikan dengan awal penomoran tersebut.



HTML

0 comments:


Kebersihan bagian dalam casing dalah hal yang cukup penting karena berhubungan dengan suhu udara yang berada didalam ruang cpu sehingga menyebabkan suhu pada prosesor meningkat. Jadi sangat bagus apabila sering melakukan pembersihan pada bagian dalam cpu.

Namun seringkali setelah melakukan pembersihan dapat menimbulkan beberapa kejadian yang tidak di harapkan seperti komputer tidak bisa hidup

Monitor Blank Screen

Posted by rike No comments


Kebersihan bagian dalam casing dalah hal yang cukup penting karena berhubungan dengan suhu udara yang berada didalam ruang cpu sehingga menyebabkan suhu pada prosesor meningkat. Jadi sangat bagus apabila sering melakukan pembersihan pada bagian dalam cpu.

Namun seringkali setelah melakukan pembersihan dapat menimbulkan beberapa kejadian yang tidak di harapkan seperti komputer tidak bisa hidup

0 comments:


Laptop anda bermasalah kunjungi alamat service center untuk merek Acer di beberapa kota di indonesia.


Service Center Acer



DKI Jakarta

Mangga Dua Square
Address: Ruko Mangga Dua Square Blok. A No. 1-2
Jl.Gunung Sahari Raya I
Telefon: +62-21-2650 7777
Fax: +62-21-6231 2997
Email: peduli@acer.co.id
Monday - Saturday 8.30 am - 4.30 pm

Ratu Plaza
Address: Ratu Plaza Lt.3 suite 29-31
Jl.

Alamat Cervice Center Acer Indonesia

Posted by rike No comments


Laptop anda bermasalah kunjungi alamat service center untuk merek Acer di beberapa kota di indonesia.


Service Center Acer



DKI Jakarta

Mangga Dua Square
Address: Ruko Mangga Dua Square Blok. A No. 1-2
Jl.Gunung Sahari Raya I
Telefon: +62-21-2650 7777
Fax: +62-21-6231 2997
Email: peduli@acer.co.id
Monday - Saturday 8.30 am - 4.30 pm

Ratu Plaza
Address: Ratu Plaza Lt.3 suite 29-31
Jl.

0 comments:


Artikel textarea yang sudah dilengkapi dengan fasilitas select all ini sudah tidak asing lagi didunia per"blogger"an namun berhubung masih ada sobat yang ingin agar lebih mudah menemukannya maka artikel inipun saya tulis dengan harapan bisa mempermudah sobat semua para pengunjung setia Belajar Ilmu Komputer.



Text area adalah merupakan salah satu kode HTML yang berfungsi untuk membentuk

Cara Membuat TextArea Dilengkapi Dengan Select All

Posted by rike No comments


Artikel textarea yang sudah dilengkapi dengan fasilitas select all ini sudah tidak asing lagi didunia per"blogger"an namun berhubung masih ada sobat yang ingin agar lebih mudah menemukannya maka artikel inipun saya tulis dengan harapan bisa mempermudah sobat semua para pengunjung setia Belajar Ilmu Komputer.



Text area adalah merupakan salah satu kode HTML yang berfungsi untuk membentuk

0 comments:

Udah lama banget OB ngga sempat nyentuh ini blog. Mungkin belum punya waktu atau sarana untuk berlama-lama online, sebab pekerjaan di dunia nyata menuntut tenaga ekstra. Maka dari itu OB mohon maaf kepada teman-teman semua, sekaligus mumpung mau lebaran he..he..

Coba pandang dan teliti optimasi blog ini, seperti ngga terurus dan terawat ditambah lagi update posting yang jarang sekali. Kalau ditinggalin begitu aja, rasanya sayang banget. Betul tidak? Dan yang paling sadisnya lagi, alexa rank-nya melorot tajam. Dalam kesempatan posting kali ini OB akan mengajukan penawaran kepada sobat semua. Apa-an tuh? Blognya mau dihapus atau mau dijual??? Ngga dong!!! Cuma mau menawarkan untuk mengelola bareng blog ini. Syaratnya ngga macam-macam, orangnya bertanggungjawab dengan isi posting, setia melakukan update posting (minimal 2 post/minggu), kompeten dengan tema yang ada, yakni tips seo dan trik blogger.

Kalau berminat, silakan layangkan email pemberitahuan ke ariamsi.4215@gmail.com disertakan pula blog yang sobat kelola. Buruan yah, pengelola dibatasi hanya 2 (dua) orang. Dan yang paling penting gratis..tis..tis...

Update

Maaf, penawaran ini sudah tidak berlaku lagi. Terima kasih atas perhatiannya.

Penawaran untuk Para Blogger

Posted by rike No comments

Udah lama banget OB ngga sempat nyentuh ini blog. Mungkin belum punya waktu atau sarana untuk berlama-lama online, sebab pekerjaan di dunia nyata menuntut tenaga ekstra. Maka dari itu OB mohon maaf kepada teman-teman semua, sekaligus mumpung mau lebaran he..he..

Coba pandang dan teliti optimasi blog ini, seperti ngga terurus dan terawat ditambah lagi update posting yang jarang sekali. Kalau ditinggalin begitu aja, rasanya sayang banget. Betul tidak? Dan yang paling sadisnya lagi, alexa rank-nya melorot tajam. Dalam kesempatan posting kali ini OB akan mengajukan penawaran kepada sobat semua. Apa-an tuh? Blognya mau dihapus atau mau dijual??? Ngga dong!!! Cuma mau menawarkan untuk mengelola bareng blog ini. Syaratnya ngga macam-macam, orangnya bertanggungjawab dengan isi posting, setia melakukan update posting (minimal 2 post/minggu), kompeten dengan tema yang ada, yakni tips seo dan trik blogger.

Kalau berminat, silakan layangkan email pemberitahuan ke ariamsi.4215@gmail.com disertakan pula blog yang sobat kelola. Buruan yah, pengelola dibatasi hanya 2 (dua) orang. Dan yang paling penting gratis..tis..tis...

Update

Maaf, penawaran ini sudah tidak berlaku lagi. Terima kasih atas perhatiannya.

0 comments:


Menyebut namanya saja sudah terbayang bahwa command prompt terdiri dari dua (2) warna saja yaitu hitam dan putih. Setiap kali membuka command prompt (cmd) yang terlihat adalah latarbelakang berwarna hitam dan teks berwarna putih.



Sebenarnya tampilan command prompt ini bisa diubah warnanya sesuai dengan keinginan kita sendiri, misalnya saya ingin mengganti latarbelakang berwarna biru dan teks

Cara Mengubah Warna Tampilan Jendela DOS Command

Posted by rike No comments


Menyebut namanya saja sudah terbayang bahwa command prompt terdiri dari dua (2) warna saja yaitu hitam dan putih. Setiap kali membuka command prompt (cmd) yang terlihat adalah latarbelakang berwarna hitam dan teks berwarna putih.



Sebenarnya tampilan command prompt ini bisa diubah warnanya sesuai dengan keinginan kita sendiri, misalnya saya ingin mengganti latarbelakang berwarna biru dan teks

0 comments:


Saya sendiri sering melakukan kesalahan yang tidak saya sengaja, namun hal ini terus terjadi seperti tiba-tiba saja software yang saya tidak kenal tiba-tiba terinstall ke hard disk di komputer saya. Ini terjadi karena kurang telitinya saya dan kadangkala tidak sengaja kita sudah klik sesuatu yang mengharuskan software tertentu terinstall pada komputer kita.



Mungkin anda juga pernah mengalami

Trik Mencegah Installasi Otomatis

Posted by rike No comments


Saya sendiri sering melakukan kesalahan yang tidak saya sengaja, namun hal ini terus terjadi seperti tiba-tiba saja software yang saya tidak kenal tiba-tiba terinstall ke hard disk di komputer saya. Ini terjadi karena kurang telitinya saya dan kadangkala tidak sengaja kita sudah klik sesuatu yang mengharuskan software tertentu terinstall pada komputer kita.



Mungkin anda juga pernah mengalami

0 comments:


Artikel ini terinspirasi dari pertanyaan salah seorang pengunjung Belajar Ilmu Komputer yang menanyakan bagaimana cara mengirim data antar laptop yang sudah terkoneksi melalui wireless. Untuk artikel koneksi wireless antar laptop ke laptop (laptop to laptop connection) silahkan baca di sini.



Pertanyaan lengkapnya seperti ini : �kalo sudah terkonek, trus gimana cara untuk kirim-kiriman data

Mengetahui Share File Folder Jaringan Lokal LAN

Posted by rike No comments


Artikel ini terinspirasi dari pertanyaan salah seorang pengunjung Belajar Ilmu Komputer yang menanyakan bagaimana cara mengirim data antar laptop yang sudah terkoneksi melalui wireless. Untuk artikel koneksi wireless antar laptop ke laptop (laptop to laptop connection) silahkan baca di sini.



Pertanyaan lengkapnya seperti ini : �kalo sudah terkonek, trus gimana cara untuk kirim-kiriman data

0 comments:


Anda mengalami kesulitan dalam installasi driver serta setting mobile partner untuk usb modem Huawei E1550 ? jika anda mengalami kesulitan mungkin artikel berikut ini dapat membantu anda untuk melakukan isntallasi maupun setting aplikasinya.



Installasi driver Modem Huawei E1550 dapat dilakukan dengan dua cara yaitu langsung dari modem Huawei itu sendiri serta yang kedua diinstall menggunakan

Cara Install dan setting modem Huawei E1550 dengan kartu simpati

Posted by rike No comments


Anda mengalami kesulitan dalam installasi driver serta setting mobile partner untuk usb modem Huawei E1550 ? jika anda mengalami kesulitan mungkin artikel berikut ini dapat membantu anda untuk melakukan isntallasi maupun setting aplikasinya.



Installasi driver Modem Huawei E1550 dapat dilakukan dengan dua cara yaitu langsung dari modem Huawei itu sendiri serta yang kedua diinstall menggunakan

0 comments:


Komputer anda terdapat file nidji.mp3, obiemoesakh.mp3, vina.mp3 dan masih banyak lagi nama-nama lagu lainnya yang akan muncul bila file tersebut dihapus.



Bila benar bahwa di komputer anda terdapat file tersebut dengan icon yang mirip file-file lagu mp3 namun bila dilihat lebih teliti iconnya sangat berbeda, lebih berbentuk gambar petir.



File-file tersebut sebenarnya digandakan oleh file

Tips Menghilangkan Virus mp3 exe

Posted by rike No comments


Komputer anda terdapat file nidji.mp3, obiemoesakh.mp3, vina.mp3 dan masih banyak lagi nama-nama lagu lainnya yang akan muncul bila file tersebut dihapus.



Bila benar bahwa di komputer anda terdapat file tersebut dengan icon yang mirip file-file lagu mp3 namun bila dilihat lebih teliti iconnya sangat berbeda, lebih berbentuk gambar petir.



File-file tersebut sebenarnya digandakan oleh file

0 comments:


Sekitar pukul 15.55 waktu bali atau 14.55 waktu jakarta telah terjadi gempa berkekuatan 7,3 SR. Gempa diperkirakan berpusat di barat daya kota tasikmalaya dengan kedalaman 30 km.



Gempa yang terjadi di tsikmalaya tersebut sempat saya rasakan di bali dan dikabarkan bahkan terasa sampai ke nusa tenggara barat.



Gempa yang terjadi di jakarta dan sekitarnya tersebut dikabarkan telah merenggut

Gempa 7,3 SR Mengguncang Kota Jakarta

Posted by rike No comments


Sekitar pukul 15.55 waktu bali atau 14.55 waktu jakarta telah terjadi gempa berkekuatan 7,3 SR. Gempa diperkirakan berpusat di barat daya kota tasikmalaya dengan kedalaman 30 km.



Gempa yang terjadi di tsikmalaya tersebut sempat saya rasakan di bali dan dikabarkan bahkan terasa sampai ke nusa tenggara barat.



Gempa yang terjadi di jakarta dan sekitarnya tersebut dikabarkan telah merenggut

0 comments:

Format Teks HTML

Paragraph atau alinea dalam bahasa indonesianya yang memiliki tag

untuk awal paragraf sedang untuk tag penutup adalah

.
penulisan sintaksnya adalah :


...................



tag

memiliki attribut align yang memiliki nilai left, right dan center dan sintaksnya sebagai berikut :


...................



contoh :


Ini adalah

Belajar HTML untuk Pemula (bagian 4)

Posted by rike No comments

Format Teks HTML

Paragraph atau alinea dalam bahasa indonesianya yang memiliki tag

untuk awal paragraf sedang untuk tag penutup adalah

.
penulisan sintaksnya adalah :


...................



tag

memiliki attribut align yang memiliki nilai left, right dan center dan sintaksnya sebagai berikut :


...................



contoh :


Ini adalah

0 comments:


Sekarang sudah jarang para pengguna computer mengenal adanya perintah yang diberikan kepada computer berupa perintah teks yang langsung dieksekusi oleh computer itu sendiri yang disebut dengan perintah DOS (DOS Command).



Misalkan saja untuk melihat isi suatu drive harddisk berupa file-file, kita harus mengetikan perintah dir supaya file-file yang ada pada drive bisa ditampilkan. Beda bukan

Trik Membuat, Mengganti dan Menghapus Password User windows

Posted by rike No comments


Sekarang sudah jarang para pengguna computer mengenal adanya perintah yang diberikan kepada computer berupa perintah teks yang langsung dieksekusi oleh computer itu sendiri yang disebut dengan perintah DOS (DOS Command).



Misalkan saja untuk melihat isi suatu drive harddisk berupa file-file, kita harus mengetikan perintah dir supaya file-file yang ada pada drive bisa ditampilkan. Beda bukan

0 comments:


Sebagai pemilik blog tentu ingin mengetahui perkembangan blognya setiap saat, apakah blognya dikunjungi atau tidak, kemudian ada atau tidaknya komentar yang diberikan pengunjung pada blog miliknya. Semakin banyak pengunjung yang datang ke blog tentu juga kesempatan untuk memberikan komentar pada blog juga semakin meningkat.



Bagi yang hanya memiliki beberapa postingan saja tentu bisa dilihat

Cara Membuat Komentar Blog dikirim ke Email

Posted by rike No comments


Sebagai pemilik blog tentu ingin mengetahui perkembangan blognya setiap saat, apakah blognya dikunjungi atau tidak, kemudian ada atau tidaknya komentar yang diberikan pengunjung pada blog miliknya. Semakin banyak pengunjung yang datang ke blog tentu juga kesempatan untuk memberikan komentar pada blog juga semakin meningkat.



Bagi yang hanya memiliki beberapa postingan saja tentu bisa dilihat

0 comments:

Duaaarrrrr....???!!! Eh, ketemu lagi. Sebenarnya posting hari ini OB sempat-sempatkan, sekedar untuk menghilangkan rasa dahaga. Penyebabnya karena sudah lama OB ngga aktif lagi dalam dunia blogger, baik memposting tentang trik blogger maupun tips seo. Sekarang kesempatan datang, jadi OB sempatkan untuk bikin satu postingan. Nah, kamu mungkin sudah mencoba bagaimana cara membuat Tab View? Kalau belum silakan klik link tab view ini. Kadang kita ingin membuat tampilan tab view ada yang menjorok ke dalam dan OB istilahkan disini adalah sub tab view. Maksudnya adalah teks (link) yang menggunakan tanda panah biru dalam tab view blog optimasi blog (sebelah kanan bawah), versi demonya dapat dilihat dalam blog uji coba. Posting ini OB dedikasikan untuk saudara Wanz yang beralamat blog di http://pondok-cerita.blogspot.com, apabila kamu punya waktu senggang please kunjungi sobat yang satu ini.



Sekarang kita mulai trik blogger membuat sub tab view, namun sebelumnya blog kamu harus sudah terinstall tab view :

  • Login dulu ke account blogger kamu.

  • Pilih tab Tata Letak --> Edit HTML.

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

  • Cari kode CSS Tab View.

  • Tambahkan kode berikut tepat di bawah kode CSS Tab View.

div.TabView div.Pages div.Page div.Pad div.pad2 { padding: 3px 5px 0 20px; }
  • Simpan template kamu.

  • Kemudian pilih tab Elemen Halaman --> Klik widget/gadget "tab view" (atau nama apapun yang kamu berikan sebelumnya).

  • Kodenya lebih kurang seperti ini.

<form action="tabview.html" method="get">

<div class="TabView" id="TabView">



<div class="Tabs">

<a>Tab 1</a>

<a>Tab 2</a>

<a>Tab 3</a>

</div>



<div class="Pages">



<div class="Page">

<div class="Pad">




<ul>

<li>Tab1.1</li>

<div class="pad2">
Sub Tab 1.1.2<br />
<ul>
<li>Sub Tab 1.1.2</li>
</ul>
Sub Tab 1.1.3<br />
</div>
<li>Tab1.2</li>

<li>Tab1.3</li>

</ul>



</div>

</div>




<div class="Page">

<div class="Pad">



Tab2.1<br />

Tab2.2<br />

<div class="pad2">
Sub Tab 2.2.1<br />
Sub Tab 2.2.2<br />
Sub Tab 2.2.3<br />
</div>
Tab2.3<br />



</div>

</div>



<div class="Page">

<div class="Pad">



Tab3.1<br />

Tab3.2<br />

Tab3.3<br />



</div>

</div>



</div>

</div>

</form>



<script type="text/javascript">

tabview_initialize('TabView');

</script>
Catatan :

Kode di atas sudah ditambahkan kode sisipan sub tab view yang ditandai dengan warna merah.

  • Sekarang lihat blog kamu.

Selamat membuat sub tab view ...

Menambah Sub Tab View

Posted by rike No comments

Duaaarrrrr....???!!! Eh, ketemu lagi. Sebenarnya posting hari ini OB sempat-sempatkan, sekedar untuk menghilangkan rasa dahaga. Penyebabnya karena sudah lama OB ngga aktif lagi dalam dunia blogger, baik memposting tentang trik blogger maupun tips seo. Sekarang kesempatan datang, jadi OB sempatkan untuk bikin satu postingan. Nah, kamu mungkin sudah mencoba bagaimana cara membuat Tab View? Kalau belum silakan klik link tab view ini. Kadang kita ingin membuat tampilan tab view ada yang menjorok ke dalam dan OB istilahkan disini adalah sub tab view. Maksudnya adalah teks (link) yang menggunakan tanda panah biru dalam tab view blog optimasi blog (sebelah kanan bawah), versi demonya dapat dilihat dalam blog uji coba. Posting ini OB dedikasikan untuk saudara Wanz yang beralamat blog di http://pondok-cerita.blogspot.com, apabila kamu punya waktu senggang please kunjungi sobat yang satu ini.



Sekarang kita mulai trik blogger membuat sub tab view, namun sebelumnya blog kamu harus sudah terinstall tab view :

  • Login dulu ke account blogger kamu.

  • Pilih tab Tata Letak --> Edit HTML.

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

  • Cari kode CSS Tab View.

  • Tambahkan kode berikut tepat di bawah kode CSS Tab View.

div.TabView div.Pages div.Page div.Pad div.pad2 { padding: 3px 5px 0 20px; }
  • Simpan template kamu.

  • Kemudian pilih tab Elemen Halaman --> Klik widget/gadget "tab view" (atau nama apapun yang kamu berikan sebelumnya).

  • Kodenya lebih kurang seperti ini.

<form action="tabview.html" method="get">

<div class="TabView" id="TabView">



<div class="Tabs">

<a>Tab 1</a>

<a>Tab 2</a>

<a>Tab 3</a>

</div>



<div class="Pages">



<div class="Page">

<div class="Pad">




<ul>

<li>Tab1.1</li>

<div class="pad2">
Sub Tab 1.1.2<br />
<ul>
<li>Sub Tab 1.1.2</li>
</ul>
Sub Tab 1.1.3<br />
</div>
<li>Tab1.2</li>

<li>Tab1.3</li>

</ul>



</div>

</div>




<div class="Page">

<div class="Pad">



Tab2.1<br />

Tab2.2<br />

<div class="pad2">
Sub Tab 2.2.1<br />
Sub Tab 2.2.2<br />
Sub Tab 2.2.3<br />
</div>
Tab2.3<br />



</div>

</div>



<div class="Page">

<div class="Pad">



Tab3.1<br />

Tab3.2<br />

Tab3.3<br />



</div>

</div>



</div>

</div>

</form>



<script type="text/javascript">

tabview_initialize('TabView');

</script>
Catatan :

Kode di atas sudah ditambahkan kode sisipan sub tab view yang ditandai dengan warna merah.

  • Sekarang lihat blog kamu.

Selamat membuat sub tab view ...

0 comments:

Bentuk HTML tabel pada dasarnya adalah seperti berikut







kolom1 kolom2
kolom1 kolom2


Penjelasan

dan adalah merupakan batasan area HTML untuk tabel.
dan menyatakan batasan untuk sebuah baris dalam table.

dan adalah batasan untuk data dalam sebuah sel tabel, pada bentuk penulisan HTML di

Belajar HTML untuk pemula (bagian 3)

Posted by rike No comments

Bentuk HTML tabel pada dasarnya adalah seperti berikut







kolom1 kolom2
kolom1 kolom2


Penjelasan

dan adalah merupakan batasan area HTML untuk tabel.
dan menyatakan batasan untuk sebuah baris dalam table.

dan adalah batasan untuk data dalam sebuah sel tabel, pada bentuk penulisan HTML di

0 comments:

Heading atau Judul

Untuk membuat heading atau judul pada HTML terdiri dari :


Judul 1


Judul 2


Judul 3


Judul 4


Judul 5

Judul 6



Penjelasannya :


....

adalah merupakan penulisan judul dengan ukuran huruf yang paling besar dan untuk

...

dan seterusnya sampai
...
adalah judul kedua sampai dengan judul keenam dengan

Belajar HTML untuk pemula (bagian 2)

Posted by rike No comments

Heading atau Judul

Untuk membuat heading atau judul pada HTML terdiri dari :


Judul 1


Judul 2


Judul 3


Judul 4


Judul 5

Judul 6



Penjelasannya :


....

adalah merupakan penulisan judul dengan ukuran huruf yang paling besar dan untuk

...

dan seterusnya sampai
...
adalah judul kedua sampai dengan judul keenam dengan

0 comments:


Keylogger adalah sebuah software atau program yang berjalan secara sembunyi-sembunyi (tidak terlihat dengan mata) pada komputer tertentu guna merekam setiap kegiatan yang menggunakan keyboard sebagai media input data. Jadi setiap huruf (caracter) atau angka yang ditekan pada keyboard secara otomatis direkam oleh keylogger atau bahkan tidak hanya merekam melainkan meneruskan hasil rekaman

Tips Sederhana Mengatasi Keylogger

Posted by rike No comments


Keylogger adalah sebuah software atau program yang berjalan secara sembunyi-sembunyi (tidak terlihat dengan mata) pada komputer tertentu guna merekam setiap kegiatan yang menggunakan keyboard sebagai media input data. Jadi setiap huruf (caracter) atau angka yang ditekan pada keyboard secara otomatis direkam oleh keylogger atau bahkan tidak hanya merekam melainkan meneruskan hasil rekaman

0 comments:


Setelah beberapa waktu yang lalu memposting artikel tentang tips untuk merawat monitor crt, ada yang bertanya, lalu bagaimana kalau merawat monitor lcd ? akhirnya saya memutuskan untuk menulis artikel ini meskipun saya yakin sudah banyak situs atau blog yang sudah menuliskan tips merawat monitor lcd.

Tips untuk monitor lcd ini tidak hanya bertujuan untuk monitor lcd saja melainkan semua

Tips Merawat Monitor LCD

Posted by rike No comments


Setelah beberapa waktu yang lalu memposting artikel tentang tips untuk merawat monitor crt, ada yang bertanya, lalu bagaimana kalau merawat monitor lcd ? akhirnya saya memutuskan untuk menulis artikel ini meskipun saya yakin sudah banyak situs atau blog yang sudah menuliskan tips merawat monitor lcd.

Tips untuk monitor lcd ini tidak hanya bertujuan untuk monitor lcd saja melainkan semua

0 comments:


Sebenarnya artikel tentang menulis sebuah tulisan pada blog sudah banyak ditulis oleh para webmaster atau blogger namun karena masih ada saudara kita yang membutuhkan panduan untuk membuat tulisan pada blognya maka saya mempostingnya juga dan dengan bahasa yang sederhana dan mudah dimengerti oleh pemula seperti saya sendiri.



Pada tulisan ini saya hanya membatasi panduan tentang meulis artikel

Cara Menulis Sebuah Postingan pada Blog

Posted by rike No comments


Sebenarnya artikel tentang menulis sebuah tulisan pada blog sudah banyak ditulis oleh para webmaster atau blogger namun karena masih ada saudara kita yang membutuhkan panduan untuk membuat tulisan pada blognya maka saya mempostingnya juga dan dengan bahasa yang sederhana dan mudah dimengerti oleh pemula seperti saya sendiri.



Pada tulisan ini saya hanya membatasi panduan tentang meulis artikel

0 comments:


Sebelum memulai mempraktekan HTML ada baiknya kenal terlebih dahulu apa itu HTML.



HTML (HiperText Markup Language) adalah merupakan sebuah bahasa text yang digunakan untuk membuat sebuah halaman web untuk menampilkan informasi-informasi ke sebuah software browser di internet seperti internet explorer, mozila firefox dan lainnya.



Memulai HTML



Software apakah yang digunakan untuk menulis

Belajar HTML untuk pemula (bagian 1)

Posted by rike No comments


Sebelum memulai mempraktekan HTML ada baiknya kenal terlebih dahulu apa itu HTML.



HTML (HiperText Markup Language) adalah merupakan sebuah bahasa text yang digunakan untuk membuat sebuah halaman web untuk menampilkan informasi-informasi ke sebuah software browser di internet seperti internet explorer, mozila firefox dan lainnya.



Memulai HTML



Software apakah yang digunakan untuk menulis

0 comments:


Monitor adalah salah satu alat atau komponen yang sangat bermanfaat didalam dunia komputer karena monitor merupakan video display unit (VDU)yang berfungsi untuk menampilkan setiap informasi yang dihasilkan oleh central processing unit (CPU).

Untuk itu keberadaan monitor sangat menentukan komputer tersebut layak digunakan atau tidak, seandainya monitor tidak bis amenampilkan informasi meskipun

Tips Merawat Monitor

Posted by rike No comments


Monitor adalah salah satu alat atau komponen yang sangat bermanfaat didalam dunia komputer karena monitor merupakan video display unit (VDU)yang berfungsi untuk menampilkan setiap informasi yang dihasilkan oleh central processing unit (CPU).

Untuk itu keberadaan monitor sangat menentukan komputer tersebut layak digunakan atau tidak, seandainya monitor tidak bis amenampilkan informasi meskipun

0 comments:

Pengenalan Microsoft Office Word 2003


Microsoft office word adalah nama dari sebuah aplikasi yang dibuat oleh perusahaan software microsoft yang digunakan untuk membantu manusia dalam mengolah data berupa surat-menyurat atau dokumen teks. Meskipun tidak sebatas teks yang dapat dibuat dengan microsoft office word, namun tujuan utama dari aplikasi ini adalah berbasis teks.



Pada dasarnya

Belajar Microsoft Office Word 2003 (bagian 1)

Posted by rike No comments

Pengenalan Microsoft Office Word 2003


Microsoft office word adalah nama dari sebuah aplikasi yang dibuat oleh perusahaan software microsoft yang digunakan untuk membantu manusia dalam mengolah data berupa surat-menyurat atau dokumen teks. Meskipun tidak sebatas teks yang dapat dibuat dengan microsoft office word, namun tujuan utama dari aplikasi ini adalah berbasis teks.



Pada dasarnya

0 comments:

web hostingMemang susah teman, setelah mendengar geocities dari Yahoo akan ditiadakan dan diganti dengan web hosting Yahoo yang berbayar $4.99 (dibulatkan jadi $5). Padahal mungkin masih banyak para blogger yang ingin memanfaatkan fasilitas web hosting secara gratis, "termasuk OB" (ha.. ha..). Walaupun ditinjau dari sudut layanannya, web hosting yang berbayar memberikan keuntungan lebih dibandingkan yang gratis. Trik blogger kali ini, OB akan berbagi pengalaman tentang alternatif penyimpanan file-file baik itu berupa javascript, image, icon, dan sebagainya sehingga dapat dipergunakan dalam blog kamu. Nah, layanan web yang mendukung aktivitas blog disini selanjutnya akan OB sebut Blogger Stuff dan salah satu layanan yang sangat mendukung aktivitas tersebut adalah web hosting.


Seperti yang telah kita ketahui bersama, bahwa banyak sekali web hosting yang menyediakan layanan gratis. Jadi kamu tinggal pilih hosting mana yang sesuai dengan kebutuhan kamu dan dalam kesempatan kali ini juga, OB akan berbagi mengenai salah satu web hosting yang cukup dikenal oleh khalayak yaitu 000webhost.com. Tanpa panjang lebar lagi berikut langkah-langkah untuk melakukan upload file di 000webhost.com :

  • Silakan sign up dulu di http://www.000webhost.com.

  • Ketika sign up perlu diingat, jika kamu belum memiliki nama domain sendiri, lakukan penambahan domain gratis dari 000webhost, seperti yang diperlihatkan dalam gambar di bawah ini (perhatikan panah orange).



web hosting

  • Sebelum domain kamu dapat dideteksi oleh 000webhost, maka kamu perlu men-download ip_confirm.exe sesuai dengan petunjuk dari 000webhost. Dan perlu diperhatikan jika kamu mendowload ip_confirm.exe sebaiknya menggunakan download manager default bawaan browser kamu.

  • Kemudian klik aplikasi tersebut dan kamu akan diberikan semacam pin konfirmasi. Masukkan pin (6 digit nomor) tersebut dalam halaman konfirmasi yang muncul saat kamu selesai melakukan sign up.

  • Tunggu konfirmasi melalui email kamu, selanjutnya klik link yang dikirimkan oleh 000webhost untuk masuk ke dalam member area.

  • Login dengan email dan password kamu.

  • Pilih domain kamu dalam dropdown menu pada "Manage another domain" (panah orange) --> Klik Go.





  • Dalam kumpulan icon menu klik "File Manager" dan masukkan kembali password (hanya password).

  • Sekarang kamu sudah bisa melakukan upload file, baik berupa script atau image di web hosting 000webhost.

Catatan:

Usahakan file yang di upload diletakkan dalam directory "public_html".



web hosting

Setelah selesai melakukan upload, tentunya kamu harus mengetahui link lokasi file tersebut. Caranya cukup sederhana, yaitu masih di halaman file manager, klik "Open" (dalam file yang akan kamu gunakan) pada kolom "Actions". Nah, link lokasinya dapat kamu lihat dalam web address browser kamu.



Selamat menyimpan file di web hosting 000webhost.com...


Alternatif Penyimpanan Javascript

Posted by rike No comments

web hostingMemang susah teman, setelah mendengar geocities dari Yahoo akan ditiadakan dan diganti dengan web hosting Yahoo yang berbayar $4.99 (dibulatkan jadi $5). Padahal mungkin masih banyak para blogger yang ingin memanfaatkan fasilitas web hosting secara gratis, "termasuk OB" (ha.. ha..). Walaupun ditinjau dari sudut layanannya, web hosting yang berbayar memberikan keuntungan lebih dibandingkan yang gratis. Trik blogger kali ini, OB akan berbagi pengalaman tentang alternatif penyimpanan file-file baik itu berupa javascript, image, icon, dan sebagainya sehingga dapat dipergunakan dalam blog kamu. Nah, layanan web yang mendukung aktivitas blog disini selanjutnya akan OB sebut Blogger Stuff dan salah satu layanan yang sangat mendukung aktivitas tersebut adalah web hosting.


Seperti yang telah kita ketahui bersama, bahwa banyak sekali web hosting yang menyediakan layanan gratis. Jadi kamu tinggal pilih hosting mana yang sesuai dengan kebutuhan kamu dan dalam kesempatan kali ini juga, OB akan berbagi mengenai salah satu web hosting yang cukup dikenal oleh khalayak yaitu 000webhost.com. Tanpa panjang lebar lagi berikut langkah-langkah untuk melakukan upload file di 000webhost.com :

  • Silakan sign up dulu di http://www.000webhost.com.

  • Ketika sign up perlu diingat, jika kamu belum memiliki nama domain sendiri, lakukan penambahan domain gratis dari 000webhost, seperti yang diperlihatkan dalam gambar di bawah ini (perhatikan panah orange).



web hosting

  • Sebelum domain kamu dapat dideteksi oleh 000webhost, maka kamu perlu men-download ip_confirm.exe sesuai dengan petunjuk dari 000webhost. Dan perlu diperhatikan jika kamu mendowload ip_confirm.exe sebaiknya menggunakan download manager default bawaan browser kamu.

  • Kemudian klik aplikasi tersebut dan kamu akan diberikan semacam pin konfirmasi. Masukkan pin (6 digit nomor) tersebut dalam halaman konfirmasi yang muncul saat kamu selesai melakukan sign up.

  • Tunggu konfirmasi melalui email kamu, selanjutnya klik link yang dikirimkan oleh 000webhost untuk masuk ke dalam member area.

  • Login dengan email dan password kamu.

  • Pilih domain kamu dalam dropdown menu pada "Manage another domain" (panah orange) --> Klik Go.





  • Dalam kumpulan icon menu klik "File Manager" dan masukkan kembali password (hanya password).

  • Sekarang kamu sudah bisa melakukan upload file, baik berupa script atau image di web hosting 000webhost.

Catatan:

Usahakan file yang di upload diletakkan dalam directory "public_html".



web hosting

Setelah selesai melakukan upload, tentunya kamu harus mengetahui link lokasi file tersebut. Caranya cukup sederhana, yaitu masih di halaman file manager, klik "Open" (dalam file yang akan kamu gunakan) pada kolom "Actions". Nah, link lokasinya dapat kamu lihat dalam web address browser kamu.



Selamat menyimpan file di web hosting 000webhost.com...


0 comments:

Beberapa saat yang lalu kita dikejutkan dengan meledaknya bom di dua hotel berbintang lima Jakarta, sehingga Ibukota Republik Indonesia tersebut dalam kondisi "Siaga I". Terlebih lagi urungnya pasukan Manchester United berlaga dengan tim sepakbola Indonesia menambah rentetan kelabu kalender bulan Juli 2009 Negara kita tercinta ini. Dan merupakan hal yang patut, jika kita pun turut berbelasungkawa atas musibah tersebut.



Terlepas dari itu semua, OB tetap setia belajar bersama teman-teman untuk sekedar mereview satu atau dua buah trik blogger. Nah, trik kali ini kita akan membuat tampilan google translate agar tampil beda (kemungkinannya lagi, loading widget atau gadget google translate ini agak ringan). Demonya dapat kamu lihat di sidebar kanan posting ini. Yuk, langsung kita kupas triknya.


Berikut trik blogger merubah tampilan google translate :

  • Login ke account blogger kamu.

  • Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

  • Cari Kode kode ]]></b:skin> dan Copy-Paste (copas) kode berikut di atasnya.

.other-language {

font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;

color: #758D38;

width : 110px;

background: #FFFFCC;

}


Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

  • Simpan dulu template blog kamu.

  • Pilih tab Tata Letak --> Elemen Halaman.

  • Tambah Gadget dalam elemen blog kamu --> "Tambahkan Gadget", pilih HTML/JavaScript.

  • Copy dan pastekan kode di bawah ini.

<small>Choose : </small>

<select onchange="if (this.value!='') window.open(this.value,'_blank')" class="other-language">

<option selected value="0"/> Other Language

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=sq&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Albanian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ar&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Arabic

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=bg&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Bulgarian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ca&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Catalan

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=zh-CN&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Chinese (Simplified)

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=zh-TW&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Chinese (Traditional)

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=hr&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Croatian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=cs&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Czech

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=da&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Danish

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=nl&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Dutch

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=en&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> English

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=et&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Estonian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=tl&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Filipino

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=fi&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Finnish

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=fr&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> French

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=de&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> German

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=el&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Greek

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=gl&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Galician

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=iw&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Hebrew

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=hi&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Hindi

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=hu&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Hungarian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=it&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Italian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ja&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Japanese

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ko&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Korean

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=lv&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Latvia

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=lt&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Lithuanian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=mt&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Maltese

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=no&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Norwegian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=fa&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Persian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=pl&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Polish

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=pt&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Portuguese

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ro&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Romanian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ru&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Russian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=sr&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Serbian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=sk&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Slovak

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=sl&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Slovenian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=es&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Spanish

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=sv&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Swedish

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=th&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Thai

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=tr&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Turkish

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=uk&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Ukrainian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=vi&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Vietnamese

<!-- Please Don't Change or Remove This Code -->

<option value="http://optimasi-blog.blogspot.com"/>- Optimasi Blog -

<!-- Thanks for Your Attention -->

</select>

<small><div style="text-align:right;">by <a href="http://translate.google.com" target="_blank">Google Translate</a></div></small>


Catatan:

  1. Ganti kode yang berwarna hijau dengan alamat blog kamu.


  2. Pilihan translate bahasa dapat kamu kurangi dengan menghapus beberapa pilihan yang kamu kehendaki, ex: ingin menghapus bahasa albania, maka kode yang dihapus adalah <option value="http://translate.google.com/translate?hl=en&sl=id&tl=sq&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Albanian.

  3. Mohon untuk kode yang diberi title "Please Don't Change or Remove This Code" sampai dengan "Thanks for Your Attention" jangan dihapus.

  4. Pastikan kamu tidak menghapus link "Google Translate" yang ditunjukkan dengan warna merah.

  • Lihat Blog.

Selamat merubah tampilan google translate...

Trik Merubah Tampilan Google Translate

Posted by rike No comments

Beberapa saat yang lalu kita dikejutkan dengan meledaknya bom di dua hotel berbintang lima Jakarta, sehingga Ibukota Republik Indonesia tersebut dalam kondisi "Siaga I". Terlebih lagi urungnya pasukan Manchester United berlaga dengan tim sepakbola Indonesia menambah rentetan kelabu kalender bulan Juli 2009 Negara kita tercinta ini. Dan merupakan hal yang patut, jika kita pun turut berbelasungkawa atas musibah tersebut.



Terlepas dari itu semua, OB tetap setia belajar bersama teman-teman untuk sekedar mereview satu atau dua buah trik blogger. Nah, trik kali ini kita akan membuat tampilan google translate agar tampil beda (kemungkinannya lagi, loading widget atau gadget google translate ini agak ringan). Demonya dapat kamu lihat di sidebar kanan posting ini. Yuk, langsung kita kupas triknya.


Berikut trik blogger merubah tampilan google translate :

  • Login ke account blogger kamu.

  • Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

  • Cari Kode kode ]]></b:skin> dan Copy-Paste (copas) kode berikut di atasnya.

.other-language {

font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;

color: #758D38;

width : 110px;

background: #FFFFCC;

}


Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

  • Simpan dulu template blog kamu.

  • Pilih tab Tata Letak --> Elemen Halaman.

  • Tambah Gadget dalam elemen blog kamu --> "Tambahkan Gadget", pilih HTML/JavaScript.

  • Copy dan pastekan kode di bawah ini.

<small>Choose : </small>

<select onchange="if (this.value!='') window.open(this.value,'_blank')" class="other-language">

<option selected value="0"/> Other Language

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=sq&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Albanian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ar&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Arabic

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=bg&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Bulgarian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ca&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Catalan

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=zh-CN&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Chinese (Simplified)

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=zh-TW&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Chinese (Traditional)

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=hr&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Croatian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=cs&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Czech

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=da&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Danish

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=nl&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Dutch

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=en&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> English

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=et&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Estonian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=tl&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Filipino

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=fi&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Finnish

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=fr&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> French

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=de&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> German

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=el&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Greek

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=gl&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Galician

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=iw&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Hebrew

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=hi&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Hindi

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=hu&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Hungarian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=it&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Italian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ja&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Japanese

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ko&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Korean

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=lv&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Latvia

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=lt&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Lithuanian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=mt&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Maltese

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=no&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Norwegian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=fa&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Persian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=pl&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Polish

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=pt&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Portuguese

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ro&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Romanian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ru&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Russian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=sr&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Serbian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=sk&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Slovak

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=sl&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Slovenian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=es&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Spanish

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=sv&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Swedish

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=th&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Thai

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=tr&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Turkish

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=uk&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Ukrainian

<option value="http://translate.google.com/translate?hl=en&sl=id&tl=vi&u=http%3A%2F%2F
optimasi-blog.blogspot.com%2F"/> Vietnamese

<!-- Please Don't Change or Remove This Code -->

<option value="http://optimasi-blog.blogspot.com"/>- Optimasi Blog -

<!-- Thanks for Your Attention -->

</select>

<small><div style="text-align:right;">by <a href="http://translate.google.com" target="_blank">Google Translate</a></div></small>


Catatan:

  1. Ganti kode yang berwarna hijau dengan alamat blog kamu.


  2. Pilihan translate bahasa dapat kamu kurangi dengan menghapus beberapa pilihan yang kamu kehendaki, ex: ingin menghapus bahasa albania, maka kode yang dihapus adalah <option value="http://translate.google.com/translate?hl=en&sl=id&tl=sq&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Albanian.

  3. Mohon untuk kode yang diberi title "Please Don't Change or Remove This Code" sampai dengan "Thanks for Your Attention" jangan dihapus.

  4. Pastikan kamu tidak menghapus link "Google Translate" yang ditunjukkan dengan warna merah.

  • Lihat Blog.

Selamat merubah tampilan google translate...

0 comments:


Banyak pengguna jaringan sudah mengenal apa itu Virtual Network Computing (VNC) yaitu sebuah software yang sangat bermanfaat dalam memonitoring para pengguna komputer dalam jaringan.



Lalu apa manfaat sebenarnya yang dimiliki oleh VNC ini ? yang utama adalah bermanfaat untuk seorang administrator.

Dengan menggunakan software vnc ini dengan demikian seorang administrator dapat diringankan

Manfaat Windows VNC

Posted by rike No comments


Banyak pengguna jaringan sudah mengenal apa itu Virtual Network Computing (VNC) yaitu sebuah software yang sangat bermanfaat dalam memonitoring para pengguna komputer dalam jaringan.



Lalu apa manfaat sebenarnya yang dimiliki oleh VNC ini ? yang utama adalah bermanfaat untuk seorang administrator.

Dengan menggunakan software vnc ini dengan demikian seorang administrator dapat diringankan

0 comments:


Untuk menambah atau membuat sebuah menu baru sebelumnya harus login terlebih dahulu menggunakan username Admin dan password yang sudah anda buatkan di saat installasi joomla pertama kali. Cara login, ketik //localhost/tobipuken/administrator pada address browser kemudian tekan enter atau klik Login.



Karena pada awalnya menu yang ada pada Main Menu adalah hanya sub menu Home maka sekarang kita

Membuat Menu pada Joomla

Posted by rike No comments


Untuk menambah atau membuat sebuah menu baru sebelumnya harus login terlebih dahulu menggunakan username Admin dan password yang sudah anda buatkan di saat installasi joomla pertama kali. Cara login, ketik //localhost/tobipuken/administrator pada address browser kemudian tekan enter atau klik Login.



Karena pada awalnya menu yang ada pada Main Menu adalah hanya sub menu Home maka sekarang kita

0 comments:

Kotak banner berfungsi untuk menyisipkan image iklan yang akan ditampilkan dalam blog. Adapun bentuk banner bermacam-macam ukurannya, khusus dalam trik blogger ini kita akan mencoba menyisipkan image iklan yang berukuran 125 x 125. Disamping itu area banner dapat pula menjadi ajang promosi, entah itu promosi blog kamu yang lain atau blog orang lain yang diwakilkan dalam bentuk banner. Demo banner dapat kamu lihat di widget Pesan Sponsor Optimasi Blog (sidebar bottom sebelah kanan). Apabila kamu tertarik ingin mengaplikasikannya dalam blog kamu, mari kita mulai trik blogger membuat kotak banner.


  • Login dulu ke account blogger kamu.

  • Pilih tab Tata Letak --> Edit HTML.

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

  • Tambahkan kode CSS berikut di atas kode ]]></b:skin>



/* Kotak Banner

===================== */

#Box-Banner-ads {

margin: 0px;

padding: 5px;

text-align: center; }



#Box-Banner-ads img {

margin: 0px 8px 4px 0px;

padding: 3px;

text-align: center;

border: 3px outset #c0c0c0; }



#Box-Banner-ads img:hover {

margin: 0px 8px 4px 0px;

padding: 3px;

text-align: center;

border: 3px inset #333; }


Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

  • Simpan dulu template blog kamu.

  • Pilih tab Tata Letak --> Elemen Halaman.

  • Tambah Gadget dalam elemen blog kamu --> "Tambahkan Gadget", pilih HTML/JavaScript.

  • Copy dan pastekan kode di bawah ini.

<div id="Box-Banner-ads">



<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>



<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>



</div>


Catatan :

Ganti kode yang berwarna merah dengan alamat blog kamu.

  • Lihat Blog.

Contoh cara memasang banner dalam kotak banner :

<div id="Box-Banner-ads">



<a href="http://dmoz.org/" target="_blank"><img border="0" alt="Open Directory Project at dmoz.org" width="125" src="http://dmoz.org/user-banners/125x125birt.gif" height="125"/></a> <



<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>



</div>


Catatan :

Perhatikan kode yang berwarna hijau yang merupakan contoh memasukkan banner dalam salah satu kotak banner.



Selamat membuat kotak banner...

Membuat Kotak Banner

Posted by rike No comments

Kotak banner berfungsi untuk menyisipkan image iklan yang akan ditampilkan dalam blog. Adapun bentuk banner bermacam-macam ukurannya, khusus dalam trik blogger ini kita akan mencoba menyisipkan image iklan yang berukuran 125 x 125. Disamping itu area banner dapat pula menjadi ajang promosi, entah itu promosi blog kamu yang lain atau blog orang lain yang diwakilkan dalam bentuk banner. Demo banner dapat kamu lihat di widget Pesan Sponsor Optimasi Blog (sidebar bottom sebelah kanan). Apabila kamu tertarik ingin mengaplikasikannya dalam blog kamu, mari kita mulai trik blogger membuat kotak banner.


  • Login dulu ke account blogger kamu.

  • Pilih tab Tata Letak --> Edit HTML.

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

  • Tambahkan kode CSS berikut di atas kode ]]></b:skin>



/* Kotak Banner

===================== */

#Box-Banner-ads {

margin: 0px;

padding: 5px;

text-align: center; }



#Box-Banner-ads img {

margin: 0px 8px 4px 0px;

padding: 3px;

text-align: center;

border: 3px outset #c0c0c0; }



#Box-Banner-ads img:hover {

margin: 0px 8px 4px 0px;

padding: 3px;

text-align: center;

border: 3px inset #333; }


Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

  • Simpan dulu template blog kamu.

  • Pilih tab Tata Letak --> Elemen Halaman.

  • Tambah Gadget dalam elemen blog kamu --> "Tambahkan Gadget", pilih HTML/JavaScript.

  • Copy dan pastekan kode di bawah ini.

<div id="Box-Banner-ads">



<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>



<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>



</div>


Catatan :

Ganti kode yang berwarna merah dengan alamat blog kamu.

  • Lihat Blog.

Contoh cara memasang banner dalam kotak banner :

<div id="Box-Banner-ads">



<a href="http://dmoz.org/" target="_blank"><img border="0" alt="Open Directory Project at dmoz.org" width="125" src="http://dmoz.org/user-banners/125x125birt.gif" height="125"/></a> <



<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>



</div>


Catatan :

Perhatikan kode yang berwarna hijau yang merupakan contoh memasukkan banner dalam salah satu kotak banner.



Selamat membuat kotak banner...

0 comments:

Diposting ini OB akan sedikit berbagi dengan teman-teman tentang bagaimana membuat menu horizontal menggunakan CSS. Mengapa trik blogger ini OB angkat kembali? Karena banyak minat para blogger mania untuk menghiasi blognya dengan menu-horizontal sesuai dengan keinginan dan karakter blognya masing-masing. Ketika kamu blog walking tentu banyak sekali bertemu trik membuat menu horizontal dengan sistem kode yang berbeda pula, dan sangat dimungkinkan pula kode yang akan OB tampilkan berbeda dengan lainnya (atau bisa pula sama). Nah, agar tak titik air ludah karena membaca paragraf pembuka. Yuk, kita bedah triknya.

Kode CSS (Cascading Style Sheets adalah sebagai berikut :


#menu-navigation {
border-bottom: 1px solid #e3e3e3;
border-top: 1px solid #e3e3e3;
clear: both;
display: block;
float: left;
margin: 0 auto;
width: 100%;
}
#menu-navigation ul {
list-style: none;
margin-bottom: 0;
padding: 0 15px;
}
#menu-navigation li {
float: left;
position: relative;
}
#menu-navigation li.alignright {
float: right;
margin: 0;
}
#menu-navigation a {
color: #666;
display: block;
line-height: 3.1428em;
padding: 0 1.5714em;
text-decoration: none;
}
#menu-navigation ul ul {
-moz-box-shadow: 0 3px 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2);
box-shadow: 0 3px 3px rgba(0,0,0,.2);
display: none;
float: left;
margin: 0;
padding: 0;
position: absolute;
top: 3.1428em;
left: 0;
z-index: 99999;
}
#menu-navigation ul ul ul {
left: 100%;
top: 0;
}
#menu-navigation ul ul a {
background: #f9f9f9;
border-bottom: 1px dotted #ddd;
font-weight: normal;
height: auto;
line-height: 1.5714em;
padding: .39285em .39285em .39285em 1.5714em;
width: 152px;
}
#menu-navigation ul li:hover > ul {
display: block;
}
#menu-navigation li:hover > a,
#menu-navigation ul ul :hover > a,
#menu-navigation a:focus,
#menu-navigation .selected > a {
background-color: #f5f5f5;
color: #111;
}

.selected digunakan untuk mengindikasikan jika URL halaman blog sama dengan URL pada menu navigasi, maka berlaku pengkodean .selected. Sedangkan untuk HTML (HyperText Markup Language) adalah sebagai berikut:

<nav id="menu-navigation">
<ul>
<li><a href="#">Beranda</a></li>
<li><a href="#"></a>Tentang</li>
<li><a href="#"></a>Sitemap</li>
<li><a href="#"></a>Kontak</li>
</ul>
</nav>

Dengan menggunakan HTML di atas, berarti kita meniadakan fungsi .selected. Pada kasus Blogger.com fungsi .selected dapat diakomodasi dengan menambahkan tag kondisional tiap menu, contoh untuk beranda (home):

 <b:if cond='data:blog.url != data:blog.homepageUrl'>
<li><a expr:href='data:blog.homepageUrl'>Beranda</a></li>
<b:else/>
<li class='selected'><a expr:href='data:blog.homepageUrl'>Beranda</a></li>
</b:if>

Sedangkan pada menu lain dapat disimak pada kode di bawah ini.

 <b:if cond='data:blog.url != "#"'>
<li><a href='#'>Tentang</a></li>
<b:else/>
<li class='selected'><a href='#'>Tentang</a></li>
</b:if>

Dimana URL (Uniform Resource Locator) pada kode yang berwarna merah adalah sama, contoh: h**p://namablog.blogspot.com/p/tentang.html. Selanjutnya dengan pengkodean CSS di atas, kita dapat pula membuat menu navigasinya menjadi lebih kompleks (drop down)

 <li><a href='#'>Drop Down</a>
<ul class='submenu'>
<li><a href='#'>Item1.1</a></li>
<li><a href='#'>Item1.2</a></li>
<li><a href='#'>Item1.3</a>
<ul>
<li><a href='#'>Item3.1</a></li>
<li><a href='#'>Item3.2</a></li>
<li><a href='#'>Item3.3</a></li>
</ul>
</li>
</ul>
</li>

Lho…, dimana tag kondisionalnya. Jika dalam menu berlaku drop down, maka tag kondisional tidak berlaku. Oleh karena masing-masing URL (warna biru) akan diisi dengan berbeda, sedangkan URL yang diberi warna merah tidak perlu dimasukkan — biarkan seperti itu — karena berfungsi sebagai alat bantu. Sekarang kamu pasti sudah bisa membuat menu horizontal sesuai keinginan dan kebutuhan di dalam blog kamu...

Dasar Pembuatan Menu Horizontal

Posted by rike No comments

Diposting ini OB akan sedikit berbagi dengan teman-teman tentang bagaimana membuat menu horizontal menggunakan CSS. Mengapa trik blogger ini OB angkat kembali? Karena banyak minat para blogger mania untuk menghiasi blognya dengan menu-horizontal sesuai dengan keinginan dan karakter blognya masing-masing. Ketika kamu blog walking tentu banyak sekali bertemu trik membuat menu horizontal dengan sistem kode yang berbeda pula, dan sangat dimungkinkan pula kode yang akan OB tampilkan berbeda dengan lainnya (atau bisa pula sama). Nah, agar tak titik air ludah karena membaca paragraf pembuka. Yuk, kita bedah triknya.

Kode CSS (Cascading Style Sheets adalah sebagai berikut :


#menu-navigation {
border-bottom: 1px solid #e3e3e3;
border-top: 1px solid #e3e3e3;
clear: both;
display: block;
float: left;
margin: 0 auto;
width: 100%;
}
#menu-navigation ul {
list-style: none;
margin-bottom: 0;
padding: 0 15px;
}
#menu-navigation li {
float: left;
position: relative;
}
#menu-navigation li.alignright {
float: right;
margin: 0;
}
#menu-navigation a {
color: #666;
display: block;
line-height: 3.1428em;
padding: 0 1.5714em;
text-decoration: none;
}
#menu-navigation ul ul {
-moz-box-shadow: 0 3px 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2);
box-shadow: 0 3px 3px rgba(0,0,0,.2);
display: none;
float: left;
margin: 0;
padding: 0;
position: absolute;
top: 3.1428em;
left: 0;
z-index: 99999;
}
#menu-navigation ul ul ul {
left: 100%;
top: 0;
}
#menu-navigation ul ul a {
background: #f9f9f9;
border-bottom: 1px dotted #ddd;
font-weight: normal;
height: auto;
line-height: 1.5714em;
padding: .39285em .39285em .39285em 1.5714em;
width: 152px;
}
#menu-navigation ul li:hover > ul {
display: block;
}
#menu-navigation li:hover > a,
#menu-navigation ul ul :hover > a,
#menu-navigation a:focus,
#menu-navigation .selected > a {
background-color: #f5f5f5;
color: #111;
}

.selected digunakan untuk mengindikasikan jika URL halaman blog sama dengan URL pada menu navigasi, maka berlaku pengkodean .selected. Sedangkan untuk HTML (HyperText Markup Language) adalah sebagai berikut:

<nav id="menu-navigation">
<ul>
<li><a href="#">Beranda</a></li>
<li><a href="#"></a>Tentang</li>
<li><a href="#"></a>Sitemap</li>
<li><a href="#"></a>Kontak</li>
</ul>
</nav>

Dengan menggunakan HTML di atas, berarti kita meniadakan fungsi .selected. Pada kasus Blogger.com fungsi .selected dapat diakomodasi dengan menambahkan tag kondisional tiap menu, contoh untuk beranda (home):

 <b:if cond='data:blog.url != data:blog.homepageUrl'>
<li><a expr:href='data:blog.homepageUrl'>Beranda</a></li>
<b:else/>
<li class='selected'><a expr:href='data:blog.homepageUrl'>Beranda</a></li>
</b:if>

Sedangkan pada menu lain dapat disimak pada kode di bawah ini.

 <b:if cond='data:blog.url != "#"'>
<li><a href='#'>Tentang</a></li>
<b:else/>
<li class='selected'><a href='#'>Tentang</a></li>
</b:if>

Dimana URL (Uniform Resource Locator) pada kode yang berwarna merah adalah sama, contoh: h**p://namablog.blogspot.com/p/tentang.html. Selanjutnya dengan pengkodean CSS di atas, kita dapat pula membuat menu navigasinya menjadi lebih kompleks (drop down)

 <li><a href='#'>Drop Down</a>
<ul class='submenu'>
<li><a href='#'>Item1.1</a></li>
<li><a href='#'>Item1.2</a></li>
<li><a href='#'>Item1.3</a>
<ul>
<li><a href='#'>Item3.1</a></li>
<li><a href='#'>Item3.2</a></li>
<li><a href='#'>Item3.3</a></li>
</ul>
</li>
</ul>
</li>

Lho…, dimana tag kondisionalnya. Jika dalam menu berlaku drop down, maka tag kondisional tidak berlaku. Oleh karena masing-masing URL (warna biru) akan diisi dengan berbeda, sedangkan URL yang diberi warna merah tidak perlu dimasukkan — biarkan seperti itu — karena berfungsi sebagai alat bantu. Sekarang kamu pasti sudah bisa membuat menu horizontal sesuai keinginan dan kebutuhan di dalam blog kamu...

0 comments:

Alexa rank AlexaRank adalah ukuran kepopuleran suatu Website dengan membandingkan suatu situs dengan semua situs yang berada di jaringan Internet. Perhitungan Alexa rank ini dengan cara mengkombinasikan rata-rata visitor suatu situs perhari dan jumlah jumlah halaman suatu website yang dibuka oleh visitor. Suatu website yang berada di tingkat alexa tertinggi mempunyai Alexa Rank 1 jadi dalam artian semakin kecil berarti semakin bagus Alexa ranking nya. Dengan kata lain urutan alexa ranking kebalikan dari pagerank.

Kegunaan Alexa rank tidak terlalu jauh berbeda dengan pagerank, yakni lebih ditujukan kepada para pebisnis online yang ingin mengumpulkan rezeki via internet. Karena tempat-tempat mencari uang di internet seperti Teks Link ads, Sponsored Review, ReviewMe, ask2link serta web-web penghasil uang lainnya menjadikan alexa rank sebagai salah satu tolok ukur. Semakin bagus alexa rank yang kamu dapatkan, maka akan semakin baik pula blog kamu di mata para pemasang iklan atau adverstiser yang mau memasang iklannya, artinya rupiah akan semakin mudah untuk masuk ke kantong kamu.

Adapun cara menyematkan Alexa rank blog kamu hampir serupa dengan cara mendapatkan pagerank dengan tambahannya adalah sebagai berikut :

  1. Buatlah postingan tentang Alexa Ranking.

  2. Download plugin (add-on) Alexa untuk web browser kamu atau dikenal dengan sebutan "Sparky" di http://www.alexa.com/toolbar. Hal ini untuk memudahkan Alexa.com untuk mendeteksi keberadaan blog kamu serta trafik yang terjadi.

  3. Masukkan pula widget Alexa Rank dalam blog kamu, dengan cara seperti di bawah ini.
    • Silakan kunjungi site Alexa.com.

    • Di sebelah kanan, klik banner "Update Your Website Info".

    • Klik menu "Site Widgets", kemudian pilih bentuk widget yang akan ditampilkan (umumnya widget yang kedua).

    • Masukkan alamat lengkap blog kamu dan klik "Build Widget".

    • Nah, sekarang akan muncul 3 script kembali. Silakan pilih script mana yang akan kamu pasang dalam blog kamu.


Update:

Cara di atas bukan untuk meningkatkan Alexa rank, namun setidak-tidaknya sebagai upaya kita agar blog lebih mendapat perhatian dari Alexa rank. Sedangkan untuk mendapatkan script widget Alexa, Anda harus terlebih dulu terdaftar sebagai member. Kemudian cari/klik menu “Site Tools” pada menu navigasi horizontal atau di bagian bawah (footer) atau bagian lain, yang bertuliskan “Alexa Tool for Site Owners” (Edit your site listing). Kemudian masukkan alamat blog Anda & ikuti langkah-langkah selanjutnya, sampai Anda mendapatkan kode script.

These rankings are valued for an Optimasi-Blog by Alexa.

Hadiahkan Alexa Ranking untuk Blog Kamu

Posted by rike No comments

Alexa rank AlexaRank adalah ukuran kepopuleran suatu Website dengan membandingkan suatu situs dengan semua situs yang berada di jaringan Internet. Perhitungan Alexa rank ini dengan cara mengkombinasikan rata-rata visitor suatu situs perhari dan jumlah jumlah halaman suatu website yang dibuka oleh visitor. Suatu website yang berada di tingkat alexa tertinggi mempunyai Alexa Rank 1 jadi dalam artian semakin kecil berarti semakin bagus Alexa ranking nya. Dengan kata lain urutan alexa ranking kebalikan dari pagerank.

Kegunaan Alexa rank tidak terlalu jauh berbeda dengan pagerank, yakni lebih ditujukan kepada para pebisnis online yang ingin mengumpulkan rezeki via internet. Karena tempat-tempat mencari uang di internet seperti Teks Link ads, Sponsored Review, ReviewMe, ask2link serta web-web penghasil uang lainnya menjadikan alexa rank sebagai salah satu tolok ukur. Semakin bagus alexa rank yang kamu dapatkan, maka akan semakin baik pula blog kamu di mata para pemasang iklan atau adverstiser yang mau memasang iklannya, artinya rupiah akan semakin mudah untuk masuk ke kantong kamu.

Adapun cara menyematkan Alexa rank blog kamu hampir serupa dengan cara mendapatkan pagerank dengan tambahannya adalah sebagai berikut :

  1. Buatlah postingan tentang Alexa Ranking.

  2. Download plugin (add-on) Alexa untuk web browser kamu atau dikenal dengan sebutan "Sparky" di http://www.alexa.com/toolbar. Hal ini untuk memudahkan Alexa.com untuk mendeteksi keberadaan blog kamu serta trafik yang terjadi.

  3. Masukkan pula widget Alexa Rank dalam blog kamu, dengan cara seperti di bawah ini.
    • Silakan kunjungi site Alexa.com.

    • Di sebelah kanan, klik banner "Update Your Website Info".

    • Klik menu "Site Widgets", kemudian pilih bentuk widget yang akan ditampilkan (umumnya widget yang kedua).

    • Masukkan alamat lengkap blog kamu dan klik "Build Widget".

    • Nah, sekarang akan muncul 3 script kembali. Silakan pilih script mana yang akan kamu pasang dalam blog kamu.


Update:

Cara di atas bukan untuk meningkatkan Alexa rank, namun setidak-tidaknya sebagai upaya kita agar blog lebih mendapat perhatian dari Alexa rank. Sedangkan untuk mendapatkan script widget Alexa, Anda harus terlebih dulu terdaftar sebagai member. Kemudian cari/klik menu “Site Tools” pada menu navigasi horizontal atau di bagian bawah (footer) atau bagian lain, yang bertuliskan “Alexa Tool for Site Owners” (Edit your site listing). Kemudian masukkan alamat blog Anda & ikuti langkah-langkah selanjutnya, sampai Anda mendapatkan kode script.

These rankings are valued for an Optimasi-Blog by Alexa.

0 comments:

Apa itu pagerank?

Pagerank Blog merupakan standar algoritma yang berguna untuk menilai kepopuleran suatu blog. PageRank merupakan salah satu fitur utama mesin pencari Google yang dihitung dengan skala 1-10 (wikipedia.org). Blog kamu akan semakin populer jika semakin banyak web/blog lain yang meletakan link dan mengarah ke blog kamu tersebut, dengan kata lain postingan di blog kamu lebih populer dibandingkan dengan blog lain.

Sekelumit Tentang Pagerank Blog

Posted by rike No comments

Apa itu pagerank?

Pagerank Blog merupakan standar algoritma yang berguna untuk menilai kepopuleran suatu blog. PageRank merupakan salah satu fitur utama mesin pencari Google yang dihitung dengan skala 1-10 (wikipedia.org). Blog kamu akan semakin populer jika semakin banyak web/blog lain yang meletakan link dan mengarah ke blog kamu tersebut, dengan kata lain postingan di blog kamu lebih populer dibandingkan dengan blog lain.

0 comments:


Ada banyak situs yang menyediakan domain gratis seperti co.cc, blogspot dan juga wordpress dan masih banyak situs penyedia domain gratis lainnya, pada domain gratis ini kita bisa membuat sebuah website gratis dengan isi atau konten yang sesuai dengan kehendak si pemilik website atau blog itu sendiri.

Berikut ini panduan untuk membuat sebuah blog dengan wordpress.com

Langkah pertama adalah klik

Cara Membuat Blog dengan Wordpress

Posted by rike No comments


Ada banyak situs yang menyediakan domain gratis seperti co.cc, blogspot dan juga wordpress dan masih banyak situs penyedia domain gratis lainnya, pada domain gratis ini kita bisa membuat sebuah website gratis dengan isi atau konten yang sesuai dengan kehendak si pemilik website atau blog itu sendiri.

Berikut ini panduan untuk membuat sebuah blog dengan wordpress.com

Langkah pertama adalah klik

0 comments:

Kenapa harus dibagi dua? Wah, ini pertanyaan yang sulit untuk dijawab, karena berpulang kepada diri pribadi masing-masing. Intinya seperti ini, kalau kamu berkeinginan untuk menambah daya tarik blog, tentu perlu juga meracik beberapa elemen agar tampil beda. Tampil beda bukan berarti tidak ada tujuan ke depan. Betul ngga? Agar kamu tidak bingung yang seperti apa bentuknya komentar dua kolom tersebut dapat dilihat kolom komentar blog OB (sok lue...). Kolom pertama berisikan avatar MyBlogLog yang seterusnya kita sebut "comment_avatar" dan kolom kedua disebut "comment_entry" yang terdiri dari author komentator (comment-author), teks komentar (comment-body), dan tanggal komentar (comment-footer). Trik blogger ini tidak merubah struktur dasar kode yang ada, melainkan perlu menambah kode tertentu yang berfungsi untuk memisahkan antara avatar dengan entri komentar.


Nah, sekarang mari bersama-sama kita permak kode template (OB ambil kode template minima) komentar agar terbagi menjadi dua kolom. Yang penting untuk ditelaah adalah untuk kode template komentar (khusus HTML) telah ditambahkan avatar MyBlogLog dan icon komentator default blogger telah dihilangkan.



Kode CSS komentar :


/* Comments
===================== */
#comments h4 {
background:#EAE9E9;
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor; }

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
border:0px dotted #ccc; }

#comments-block .comment-author {
color:#808080;
margin:.5em 0;
border-top:1px dotted #ccc; }

#comments-block .comment-body {
text-align:justify;
margin:.25em 0 0; }

#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
border-top:1px dotted #ccc;
font-size:9px;
letter-spacing:.1em; }

#comments-block .comment-body p { margin:0 0 .75em; }

.deleted-comment {
font-style:italic;
color:gray; }

Kode HTML komentar :


<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>

<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>

myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>

<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.id'>
<a expr:name='data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>

<div style='clear:both;'/>
</b:loop>
</dl&gt
Catatan :

  1. Kode yang berwarna merah merupakan hasil penambahan avatar MyBlogLog.

  2. Kode yang berwarna hijau merupakan modifikasi untuk menghilangkan icon komentator default blogger.

  • Login dulu ke account blogger kamu.

  • Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

  • Tambahkan kode CSS dalam komentar (Comments).

.comment_avatar {
float: left;
height: 50px;
width: 50px;
position: relative;
padding-top: 5px;
text-align: left;
}

.comment_entry {
float: right;
width: 400px;
}

Catatan :

Silakan rubah kode yang berwarna merah sesuai dengan template blog kamu.

  • Cari kode avatar, seperti di bawah ini.

<div style='border:0;float:left;margin: 0 5px 0 0;'>

<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

  • Tambahkan kode (warna merah) berikut di antara kode di atas.

<div class='comment_avatar'>
<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>
</div>

  • Di bawah kode di atas terdapat kode

<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.id'>
<a expr:name='data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>

  • Tambahkan kembali kode (warna merah) diantaranya, sehingga akan terlihat seperti di bawah ini.

<div class='comment_entry'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.id'>
<a expr:name='data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</div>
  • Jangan lupa disimpan.



Sekarang lihat komentar blog kamu sudah jadi dua kolom atau belum...!!!??? Selain itu, kamu juga bisa memodifikasi atau menambahkan kode lain (ex: beda tampilan komentar pemilik blog) dalam trik blogger ini.

Selamat membagi komentar blog menjadi dua kolom...

Membagi Dua Kolom Komentar

Posted by rike No comments

Kenapa harus dibagi dua? Wah, ini pertanyaan yang sulit untuk dijawab, karena berpulang kepada diri pribadi masing-masing. Intinya seperti ini, kalau kamu berkeinginan untuk menambah daya tarik blog, tentu perlu juga meracik beberapa elemen agar tampil beda. Tampil beda bukan berarti tidak ada tujuan ke depan. Betul ngga? Agar kamu tidak bingung yang seperti apa bentuknya komentar dua kolom tersebut dapat dilihat kolom komentar blog OB (sok lue...). Kolom pertama berisikan avatar MyBlogLog yang seterusnya kita sebut "comment_avatar" dan kolom kedua disebut "comment_entry" yang terdiri dari author komentator (comment-author), teks komentar (comment-body), dan tanggal komentar (comment-footer). Trik blogger ini tidak merubah struktur dasar kode yang ada, melainkan perlu menambah kode tertentu yang berfungsi untuk memisahkan antara avatar dengan entri komentar.


Nah, sekarang mari bersama-sama kita permak kode template (OB ambil kode template minima) komentar agar terbagi menjadi dua kolom. Yang penting untuk ditelaah adalah untuk kode template komentar (khusus HTML) telah ditambahkan avatar MyBlogLog dan icon komentator default blogger telah dihilangkan.



Kode CSS komentar :


/* Comments
===================== */
#comments h4 {
background:#EAE9E9;
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor; }

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
border:0px dotted #ccc; }

#comments-block .comment-author {
color:#808080;
margin:.5em 0;
border-top:1px dotted #ccc; }

#comments-block .comment-body {
text-align:justify;
margin:.25em 0 0; }

#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
border-top:1px dotted #ccc;
font-size:9px;
letter-spacing:.1em; }

#comments-block .comment-body p { margin:0 0 .75em; }

.deleted-comment {
font-style:italic;
color:gray; }

Kode HTML komentar :


<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>

<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>

myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>

<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.id'>
<a expr:name='data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>

<div style='clear:both;'/>
</b:loop>
</dl&gt
Catatan :

  1. Kode yang berwarna merah merupakan hasil penambahan avatar MyBlogLog.

  2. Kode yang berwarna hijau merupakan modifikasi untuk menghilangkan icon komentator default blogger.

  • Login dulu ke account blogger kamu.

  • Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

  • Tambahkan kode CSS dalam komentar (Comments).

.comment_avatar {
float: left;
height: 50px;
width: 50px;
position: relative;
padding-top: 5px;
text-align: left;
}

.comment_entry {
float: right;
width: 400px;
}

Catatan :

Silakan rubah kode yang berwarna merah sesuai dengan template blog kamu.

  • Cari kode avatar, seperti di bawah ini.

<div style='border:0;float:left;margin: 0 5px 0 0;'>

<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

  • Tambahkan kode (warna merah) berikut di antara kode di atas.

<div class='comment_avatar'>
<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>
</div>

  • Di bawah kode di atas terdapat kode

<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.id'>
<a expr:name='data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>

  • Tambahkan kembali kode (warna merah) diantaranya, sehingga akan terlihat seperti di bawah ini.

<div class='comment_entry'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.id'>
<a expr:name='data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</div>
  • Jangan lupa disimpan.



Sekarang lihat komentar blog kamu sudah jadi dua kolom atau belum...!!!??? Selain itu, kamu juga bisa memodifikasi atau menambahkan kode lain (ex: beda tampilan komentar pemilik blog) dalam trik blogger ini.

Selamat membagi komentar blog menjadi dua kolom...

0 comments:

Blogger templates. Proudly Powered by Blogger.
back to top