Mendaftarkan Website dan Blog di Penjejak.com

Apakah Anda sudah tahu jika sekarang ada Mesin Pencari buatan Indonesia? Ya, namanya Penjejak.com. Situs pencarian ini merupakan situs pencarian lokal, yang hanya mengindeks situs web dan blog berbahasa Indonesia yang telah lolos seleksi saja. Tentunya, kualitas hasil pencarian diharapkan menjadi lebih tepat sasaran dan sesuai dengan apa yang diinginkan pencari. Lantas, apakah website atau blog Anda sudah terindeks dan muncul di halaman hasil pencarian search engine Penjejak? Berikut petunjuk langkah untuk memastikan website atau blog Anda terindeks oleh Penjejak.

Mesin Pencari Penjejak.com

Memeriksa Status Website atau Blog Anda

Langkah pertama yang perlu Anda lakukan adalah menganalisa apakah website atau blog Anda sudah masuk di layanan Penjejak. Ada dua alternatif cara untuk memeriksanya:

• Menelusuri Direktori Web Penjejak. Di sana tersaji daftar situs yang telah masuk ke layanan Penjejak. Mengingat ada ribuan situs yang terbagi dalam ratusan kategori, maka tentunya langkah ini terlalu memakan waktu.
• Menggunakan fitur Analisis Web Penjejak. Cara ini lebih cepat dan praktis. Caranya klik menu Peralatan > Analisis Situs. Pada kotak input yang tersedia, ketikkan nama domain Anda (misalnya: www.komputeran.com) atau nama subdomain Anda (misalnya: blogku.blogspot.com). Klik tombol Periksa Situs. Hasilnya akan tampil informasi apakah alamat situs Anda sudah terdaftar atau belum.

Pemeriksaan URL Situs atau Blog

Keterangan Status website Komputeran.com di Penjejak.com

Mendaftarkan URL Situs Web dan Blog

Jika pada langkah pertama ternyata website atau blog Anda belum terdata di layanan Penjejak.com, maka saatnya mendaftarkan URL situs web atau blog Anda di sana.

1. Klik menu Daftarkan situs.
2. Baca baik-baik syarat dan ketentuan yang tertera di sana, jika sudah memahami, silakan menuju ke bagian paling bawah halaman tersebut dan isi formulir secara lengkap.
3. Setelah terisi semua data website Anda, klik tombol Daftarkan Situs.
4. Selesai, Anda tinggal menunggu website Anda terdata, mungkin bisa dalam hitungan jam atau hari.

Pengisian Form Pendaftaran URL

Memantau Indeks Halaman Web

Untuk memantau apakah website atau blog yang Anda daftarkan sudah tercantum di Direktori Web dan muncul di halaman pencarian Penjejak.com, lakukan langkah:

1. Periksa kembali situs Anda menggunakan fitur Analisis Web yang telah dijelaskan di atas.
2. Jika situs sudah tercantum, maka sekarang periksa seberapa banyak halaman web Anda terindeks.
3. Buka halaman utama Penjejak.com atau halaman lain yang terdapat kotak pencarian. 
4. Pada kotak pencarian, ketikkan domain atau subdomain Anda, seperti saat melakukan pemeriksaan di Analisis Web.
5. Jika tidak muncul, coba lagi dengan menambahkan atau membuang awalan www. Pastikan juga Anda tidak menuliskan http://.
6. Jika memang sudah terindeks, maka di sana akan muncul dua baris hasil dari situs Anda. Klik pada link [ Hasil lainnya dari namasitus.com ] di bawah baris hasil kedua.
7. Kini Anda bisa melihat estimasi jumlah halaman terindeks dari keterangan di bagian atas: "Menampilkan hasil 1 hingga nnn yang sesuai". Nah, angka nnn itulah jumlahnya. 

Klik [Hasil lainnya...] untuk melihat seluruh link yang terindeks

Memasang Kotak Penjejak di Website dan Blog

Jika halaman web dari situs atau blog Anda sudah banyak yang terindeks di Penjejak, maka Anda bisa mengintegrasikannya ke website atau blog Anda dengan cara memasang kotak pencarian Penjejak di website atau blog. Cara kerjanya serupa dengan kode pencarian dari mesin pencari lainnya, seperti Google.

1. Buka halaman Peralatan > Kotak Pencarian. 
2. Pilih kode kotak pencarian yang Anda sukai modelnya. Klik Salin Kodenya untuk memperoleh baris HTML yang akan kita sisipkan di template website atau blog.
3. Anda bisa mengatur hasil pencarian dan memodifikasi kotak pencarian seperti yang dicontohkan di sana. 
4. Jika tidak ada yang perlu Anda ubah atau sudah selesai Anda modifikasi, sekarang sisipkan baris kode HTML tersebut ke website atau blog Anda. Sebagai contoh, di Blogspot Anda bisa menggunakan widget HTML/JavaScript.
5. Kini pengunjung web atau blog Anda dapat melakukan pencarian langsung dari kotak tersebut.

Kotak Pencarian untuk Dipasang di Blog atau Website Anda

  . Selamat mencoba! Read →

Cara Mudah Mengedit CSS

Ingin mempercantik tampilan website atau blog tanpa harus menggunakan banyak gambar dan objek lainnya yang akan memberatkan akses ke website atau blog Anda ? Mudah, gunakan saja style atau Cascading Style Sheet (CSS). CSS adalah salah satu teknik yang sudah lazim digunakan dalam mendesain dan menata layout halaman web. Melalui CSS, penataan tampilan halaman web dapat dilakukan secara mudah, praktis, dan terkontrol, langsung melalui HTML - tanpa banyak membutuhkan ‘bantuan’ objek lain seperti gambar dan animasi untuk mempercantik halaman web. Hasilnya, halaman web dan blog secara konsisten dapat tampil cantik, artistik, sekaligus ringan diakses, sesuai tuntutan pengunjung internet.

Contoh letak folder dan file .css yang digunakan oleh beberapa CMS dan blog engine populer antara lain:

• Joomla : /templates/nama-template/css/ 
• Drupal : /themes/nama-template/style.css 
• WordPress : /wp-content/themes/nama-theme/style.css 

Jika situs Anda menggunakan salah satu CMS di atas, maka Anda cukup mengedit file .css di lokasi tersebut. Adapun bagi Anda pengguna Blogger (Blogspot), kode CSS disisipkan langsung pada bagian header file template blog Anda via Edit HTML.

Ada banyak tool gratis untuk membuat atau mengedit file CSS. Anda tidak perlu menghapal kode-kode CSS, cukup klik, edit, dan preview, file CSS siap Anda pakai. Salah satu tool yang penulis sarankan adalah tool gratis TopStyle Lite. TopStyle Lite versi 3.x bisa Anda peroleh secara gratis di alamat : http://topstyle.en.softonic.com/ (atau cari di Google dengan kata kunci TopStyle Lite), ukuran file installer sekitar 1,5 MB. Adapun versi terbaru (4.x) masih dibatasi penggunaannya dan hanya disediakan dalam bentuk shareware atau uji coba gratis.

Download dan install TopStyle Lite ke komputer. Selanjutnya buat atau edit file .css yang Anda maksud. Sebagai contoh, untuk Blogger (Blogspot), salin kode style template Anda di Layout / Template > Edit HTML. Salin mulai baris /* Variable definitions hingga baris sebelum </b:template-skin>. Paste kode yang tersalin ke jendela TopStyle Lite yang telah terbuka.

TopStyle Lite

Kini Anda cukup mengubah-ubah nilai atau menambahkan property baru beserta value-nya. Caranya lakukan klik pada kelompok Selector yang ingin Anda edit di kolom kiri, misalnya pada bagian selector body. Perhatikan, daftar property dan value yang sudah ada akan muncul di kolom Style Inspector di sebelah kanan. Pada kolom bawah, Anda dapat melihat hasil tampilan yang Anda atur.

Style Inspector

Untuk mengubah nilai, klik item property, misalnya edit property background. Lalu ubah nilainya, misalnya dari green menjadi blue. Perhatikan perubahannya pada tampilan Preview.

Untuk menambahkan property baru, klik pilihan property baru, misalnya font. Berikan nilainya, misalnya font-style Anda isi italic, font-weight Anda isi Bold, dan font-family Anda isi sans-serif. Hasilnya body blog Anda akan menggunakan font Sans-serif, dengan efek cetak miring dan cetak tebal. Untuk memasang ke blog Anda, salin seluruh kode hasil pengeditan, lalu timpakan kembali ke template Blogger Anda menggantikan kode lama, yaitu mulai baris /* Variable definitions hingga baris sebelum </b:template-skin>. Simpan perubahan.

Jika file yang Anda edit adalah file CSS template sebuah CMS, misalnya file style.css Drupal atau Wordpress, maka Anda cukup mengupload file hasil edit dan timpakan ke file lama. Kini tampilan blog Anda sudah cantik sesuai selera Anda.

Read →

Membuat Gambar Postingan Berputar dan Zoom di blog

Sebelumnya aq share cara membuat gambar di postingan berputar 360 derajat, dan untuk kali ini aq share membuat gambar dipostingan blog berputar dan membesar ketika kursor diarahkan, keren kan ? sedikit tambahan dari postinganku yang sebelumnya. bagaimana caranya ? silahkan ikuti caranya dibawah ini.

• Login dulu ke akun blogger anda. 
• Kemudian dari Dasbor, cari Template --> Edit HTML. 
• Lalu tekan Tombol CTRL + F atau F3 pada Keyboard, dan cari Code ]]></b:skin>. 
• Kemudian copas kode di bawah tepat di ATAS Code ]]></b:skin>.

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}

• Terakhir tinggal di save dan lihat hasilnya.

Gimana hasilnya? Silahkan tinggalkan komentar dibawah ini.

atau anda bisa meletakkannya pada kode a img, cari kode a img pada edit HTML, kode a img pada umumnya seperti kode berikut.

a img{border-width:0}

karna sebagian template berbeda, carilah kode yang mirip dengan kode diatas kemudian hapus kode tersebut dan gantikan dengan kode dibawah ini.

a img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}a img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}

Read →

Menu Horizontal DropDwon Dengan CSS3

Cara Membuat Menu Drop Down Dengan CSS3 - Kali ini saya akan membahas bagai mana cara membuat Drop Down Menu dengan CSS3, banyak orang yang pingin mendesain Blog nya dengan Menu Drop Down yang keren dan bagus,nah ini kesempatan baik bagi para blogger untuk memasang menu Drop Down ini yang menggunakan CSS3 ini di blog kamu, cara nya membuat nya sangat mudah, dan tidak ribet, dan jika kamu pernah melihat artikel Cara Membuat Menu Horizontal Drop Down di bog ini, dan mengalami kesulitan atau kegagalan coba sekarang gunakan Menu Drop Down CSS3 yang satu ini. Berikut Cara Membuat Menu Drop Down Dengan CSS3 :

• Add Gadget  HTML Java Script, copy kode di bawah ini.

<style>
/*------ CSS3 Drop Down Menu By www.blazerracing.blogspot.com ---------*/
#menu
{
width: 100%;
margin: 0;
padding: 10px 0 0 0;
list-style: none;
background: #111;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: 0 2px 1px #9c9c9c;
-webkit-box-shadow: 0 2px 1px #9c9c9c;
box-shadow: 0 2px 1px #9c9c9c;
}
#menu li
{
float: left;
padding: 0 0 10px 0;
position: relative;
line-height: 0;
}
#menu a
{
float: left;
height: 25px;
padding: 0 25px;
color: #999;
text-transform: uppercase;
font: bold 12px/25px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}
#menu li:hover > a
{
color: #fafafa;
}
*html #menu li a:hover /* IE6 */
{
color: #fafafa;
}
#menu li:hover > ul
{
display: block;
}
/* Sub-menu */
#menu ul
{
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
top: 35px;
left: 0;
z-index: 99999;
background: #444;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
-webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
box-shadow: 0 0 2px rgba(255,255,255,.5);
-moz-border-radius: 5px;
border-radius: 5px;
}
#menu ul ul
{
top: 0;
left: 150px;
}
#menu ul li
{
float: none;
margin: 0;
padding: 0;
display: block;
-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}
#menu ul li:last-child
{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#menu ul a
{
padding: 10px;
height: 10px;
width: 130px;
height: auto;
line-height: 1;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
*html #menu ul a /* IE6 */
{
height: 10px;
}
*:first-child+html #menu ul a /* IE7 */
{
height: 10px;
}
#menu ul a:hover
{
background: #0186ba;
background: -moz-linear-gradient(#04acec, #0186ba);
background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
background: -webkit-linear-gradient(#04acec, #0186ba);
background: -o-linear-gradient(#04acec, #0186ba);
background: -ms-linear-gradient(#04acec, #0186ba);
background: linear-gradient(#04acec, #0186ba);
}
#menu ul li:first-child > a
{
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#menu ul li:first-child > a:after
{
content: '';
position: absolute;
left: 30px;
top: -8px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #444;
}
#menu ul ul li:first-child a:after
{
left: -8px;
top: 12px;
width: 0;
height: 0;
border-left: 0;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-right: 8px solid #444;
}
#menu ul li:first-child a:hover:after
{
border-bottom-color: #04acec;
}
#menu ul ul li:first-child a:hover:after
{
border-right-color: #04acec;
border-bottom-color: transparent;
}

#menu ul li:last-child > a
{
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
/* Clear floated elements */
#menu:after
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
</style>
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Categories</a>
<ul>
<li><a href="#">CSS</a></li>
<li><a href="#">Graphic design</a></li>
<li><a href="#">Development tools</a></li>
<li><a href="#">Web design</a></li>
</ul>
</li>
<li><a href="#">Work</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>

• Ganti tanda # dengan URL yang di tuju. Jika kamu mau menambah menu Drop Downya tinggal tambah kode di bawah ini 

<li><a href="#">Drop Down 1</a>
<ul>
<li><a href="#">MENU DR 1</a></li>
<li><a href="#">MENU DR 2</a></li>
<li><a href="#">MENU DR 3</a></li>
<li><a href="#">MENU DR 4</a></li>
</ul>
</li>

Sehingga jika disatukan dengan yang di atas menjadi kaya gini

<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Categories</a>
<ul>
<li><a href="#">CSS</a></li>
<li><a href="#">Graphic design</a></li>
<li><a href="#">Development tools</a></li>
<li><a href="#">Web design</a></li>
</ul>
</li>
<li><a href="#">Work</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Drop Down 1</a>
<ul>
<li><a href="#">MENU DR 1</a></li>
<li><a href="#">MENU DR 2</a></li>
<li><a href="#">MENU DR 3</a></li>
<li><a href="#">MENU DR 4</a></li>
</ul>
</li>
</ul> 

Read →

Smadav 2012 Rev.9.0.1

Pada kesempatan ini saya akan memberikan sebuah software yakni anti virus lokal buatan Indonesia. Pasti semua sudah pada tahu donk!! yupz...smadav. Kali ini smadav merilis versi terbarunya yang dirilis pada tangal 14 mei 2012 dengan versinya 9.0.1.

Smadav merupakan anti virus lokal hasil karya anak bangsa yang sudah terbukti sangat ampuh untuk membasmiserangan virus yang bergentayangan di Indonesia. Anti virus lokal kebanggaan Indonesia ini cukup banyak digunakan oleh pengguna komputer di tanah air dan merupakan antivirus yang terbaik 2012 di Indonesia.

Anti virus smadav diperuntukkan bagi virus lokal, sehingga harus di mix dengan produk anti virus luar negeri. Update revisi 9.0.1 ini memiliki penambahan database 860 virus baru,penyempurnaan metode deteksi heuristik smadav,dsb

Download Smadav Rev.9.0.1

"Selamat Menggunakan Anti virusnya sobat"

Sumber:http://apps--computer.blogspot.com

Read →

Download Game Fruit Ninja

.
 Fruit Ninja. Seperti yang kita ketahui fruit ninja ini sangat terkenal khususnya bagi penikmat game android. Kali ini saya akan membagikan game ini untuk di komputer/laptop anda semua.

Screenshot di bawah ini :  

System Requirements : Windows XP / Vista / Win 7
CPU 1Ghz or Equivalent or Higher
512 MB of RAM
200MB Free Harddisk Space
DirectX 9.0с
128 MB Graphic Video

Bila terjadi masalah di pc anda :  1. Jika muncul error yang disebabkan oleh "msvcr100.dll" atau "msvcp100.dll" atau dll yang lain, yang anda lakukan cobalah menginstall "Microsoft Visual C++ 2010 Redistributable Package" pada PC tersebut. Bagi yang belum mempunyai installernya bisa didownload :

* Download | Ms Visual C++ 2010 Redist (x86) - (4 MB)

* Download | Ms Visual C++ 2010 Redist (x64) - (6 MB)


2. Jika setelah melakukan Step 1 diatas ternyata belum bisa juga, cobalah anda menginstall NetFramework 3.5. Bisa anda download juga :

* Download | NetFramework 3.5 - (231 MB)


3. Jika tidak muncul / terdengar suaranya, mungkin anda belum menginstall DirectX9.0c. Silahkan download :

* Download | DirectX9.0 Offline Installer - (96 MB)


4. Jika setelah melakukan Step 1 dan Step 2 ternyata belum bisa juga atau muncul pesan error "Texture is too large 2048 x 2048, maximum supported is 1024 x 1024", cobalah anda mengupdate driver VGA anda.

5. Jika setelah melakukan Step 1 sampai 3 namun tidak bisa juga, berarti anda belum beruntung mungkin karena faktor spesifikasi PC atau masalah lain.

| Download Fruit Ninja |

Read →

Download Game Fifa Street 2 Full Version

Free Download Game FIFA Street 2 Full Version (PC/ENG)

Minggu, 20 Mei 2012

Download Game FIFA Street 2 for PC Full Version - FIFA Street 2 is second installment in EA's four-on-four soccer game. FIFA Street 2 will feature improved controls, many more tricks, and a new juggle mechanic. Take part in game modes, such as friendly, rule the street, and skills challenge. Choose from 20 national teams and 300-plus real-life soccer stars. There are 10 playable venues ranging from London's Westway Leisure Center to the sandy beaches of Brazil. FIFA Street 2 is the aftereffect to the video bold FIFA Street. A new "trick stick beat" arrangement was alien and new accurate tricks were aswell introduced. The bold is accessible on the GameCube, Nintendo DS, PlayStation 2, PSP, Xbox. The amateur on the bold awning is Portugal all-embracing Cristiano Ronaldo.

System Requirements :

• Windows XP or Windows 2000
• 2.6 GHz Intel Core 2 Quad or equivalent (Athlon/Duron/Celeron)
• 1024 Megabytes of RAM (NVidia Graphic Card) (512 Megabytes Minimum)
• DirectX 9.0c Compatible 3D accelerated 32 MB video card or equivalent
• 700 MB free hard disk space
• DirectX 9.0c Compatible Sound Card
• MS compatible mouse
• Keyboard
• Please note that 16 or 64 bit color is not supported

Screenshots :

 

Link Download Mediafire (New Update) :

Link : Part 1 | Part 2 | Part 3 | Part 4 | Part 5 | Part 6

Password : 4-update.blogspot.com

Read →

Download Game Counter Strike Extreme v6

Langsung aja nih

Free Download Counter Strike Extreme V6 Full Version

Part 1  |  Part 2  |  Part 3  |  Part 4

Read →

Cara Membuat Border Image Dengan CSS3 Stylish Effect

Cara Membuat Border Image Stylish Dengan CSS3  -  Supaya gambar atau image pada postingan atau artikel terlihat bagus, kita dapat menambahkan bingkai atau border pada image/gambar tersebut. Pada tips membuat border image dengan menggunakan CSS ini kita sedikit memberikan sentuhan stylish effect dengan opacity sehingga efeknya bingkai gambar/image akan tampak seperti dibuat menggunakan aplikasi Photoshop. Border gambar dengan CSS ini juga dapat sobat gunakan untuk photo profil di sidebar.

Cara membuat border image dengan menggunakan CSS :

1.    Upload dulu gambar yang mau digunakan. Jika gambar yang mau digunakan sudah ada pada postingan, copy link gambar/image tersebut dengan cara klik kanan dan pilih Copy Image Location.

2.    Dari dashboard blogger masuk ke menu Posting > Edit Entri dan pilih Edit HTML disebelah tulisan Compose.

3.    Image yang diupload di blogger/blogspot biasanya kodenya akan terlihat seperti di bawah ini :

<div class="separator" style="clear: both; text-align: center;">

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje-8k0HA1e9tcDZhDV1DhEUO2nM3JJQXtVSI9cAg5hwNhcAcecUJy87_uflcHLX06CI315VVLzTmSqtisVBeV1mGCFLfUHGUi4_CkBS4u5WNstub82ulbcwGpDLKCXe6QemyBzLeemEjiM/s1600/AVATAR+KU.png" imageanchor="1" style="clear: left;

float: center; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje-8k0HA1e9tcDZhDV1DhEUO2nM3JJQXtVSI9cAg5hwNhcAcecUJy87_uflcHLX06CI315VVLzTmSqtisVBeV1mGCFLfUHGUi4_CkBS4u5WNstub82ulbcwGpDLKCXe6QemyBzLeemEjiM/s200/AVATAR+KU.png" width="181" /></a></div>

Dan tampilan gambar aslinya akan terlihat seperti ini pada postingan :

4.    Nah kode membuat border untuk gambar/image diatas adalah seperti dibawah ini :

<div style="width: Apx;height: Bpx;padding: 0px;border-width: 3px;border-style: solid;border-color: #555;background-image:

url(http://LINK-IMAGE-ATAU-GAMBAR); margin: 0 auto;">

<div style="border-right: 10px solid rgb(255, 255, 255);border-width: 10px;border-style: solid;border-color: rgb(255, 255, 255);opacity:

0.5;width: Cpx;height: Dpx;">

</div>

</div>

Keterangan :

·         A dan B adalah lebar dan tinggi gambar aslinya yaitu width=181px dan height=200px.

·         C dan D adalah lebar dan tinggi gambar setelah nanti ditimpa atau dikurangi border. Pada contoh ini kita mengambil pengurangan ukuran sebesar 20px, sehingga C=width=161px dan D=height=180px.

·         Untuk mengatur penempatan gambar di kiri , tengah atau kanan tinggal tambahkan pada CSS float: left; , float: center;  atau float: right;

5.    Ganti tulisan link warna biru dengan link warna merah, sehingga kode lengkap gambar menjadi :

<div style="width: 181px;height: 200px;padding: 0px; float: center;border-width: 3px;border-style: solid;border-color: #555;background-image:

url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje-8k0HA1e9tcDZhDV1DhEUO2nM3JJQXtVSI9cAg5hwNhcAcecUJy87_uflcHLX06CI315VVLzTmSqtisVBeV1mGCFLfUHGUi4_CkBS4u5WNstub82ulbcwGpDLKCXe6QemyBzLeemEjiM/s200/AVATAR+KU.png); margin: 0 auto;">

<div style="border-right: 10px solid rgb(255, 255, 255);border-width: 10px;border-style: solid;border-color: rgb(255, 255, 255);opacity:

0.5;width: 161px;height: 180px;">

</div>

</div>

6.    Hasil akhir gambar/image yang sudah diberi border dan opacity menjadi seperti dibawah ini :

Bagaimana sobat, setelah image/gambar kita berikan border jadi kelihatan lebih bagus bukan. Tips ini sederhana namun saya berusaha menjelaskan langkah-langkahnya sedetil mungkin supaya juga mudah dipahami buat yang masih newbie :D sekali pun. Semoga trik cara membuat border image/gambar dengan menggunakan CSS ini bisa membantu anda berkreasi membuat gambar-gambar keren di blog sobat.

Read →

Download Game Grand Theft Auto 4

Free Download Game Grand Theft Auto 4 (GTA 4) Full Version

Selasa, 11 September 2012

Free Download Game Grand Theft Auto 4 (GTA 4) Full Version  – Grand Theft Auto IV (GTA IV)Download – Download PC Games Grand Theft Auto Free - Grand Theft Auto IV (GTA 4) is the fourth installment of the successful GTA sandbox-based action game series created by Rockstar. Playing the role of Niko Bellic, an Eastern European immigrant who’s just arrived to the US, Grand Theft Auto players must make their way into the new country and leave a dark, mysterious past behind. With the help of several other characters, Niko will gradually explore Liberty City and engage in increasingly difficult missions – often involving theft, murder, kidnap and other crimes. The city in Grand Theft Auto is largely based in New York City. You’ll recognize popular landmarks like the Metlife building, the Statue of Liberty and Times Square. Everything in the game has been designed with attention to the smallest detail, and many of the objects and props around you respond to player interaction.

 Download Here

Password : www.rayhanzhampiet.com

Besides the main missions that follow the game’s main plotline, Grand Theft Auto IV (GTA 4) also offers dozens of side missions and minor stories that will really hook you up to the story. Whether you decide to play on your own or share adventures with friends in multiplayer mode, Grand Theft Auto (GTA) IV is definitely one of those games everyone should try..! So what are you waiting for ? Go and get Free Download Game Grand Theft Auto 4 Full Version here.

Read →

7 Manfaat Bengkoang Bagi Kesehatan

Manfaat bengkoang bagi kesehatan dan kecantikan membuat buah ini cukup diminati masyarakat. Selain harganya yang murah, buah ini memiliki rasa yang manis dan mengandung cukup banyak air. Bengkoang termasuk dalam kategori umbi-umbian dan bisanya buah ini dijadikan sebagai salah satu pelengkap rujak. Buah yang memiliki nama latin pachyhirus erosus ini sebenarnya berasal dari Amerika Tropis dan termasuk dalam keluarga polong-polongan atau dalam istilah biologi disebut fabaceae. Tumbuhan ini akan membentuk akar yang berbentuk melingkar dan beratnya bisa mencepai 5 kilogram. Kulit luarnya berwarna agak kekuningan, sedangkan daging buahnya berwarna putih. Kandungan utama dari buah ini adalah gula, pati, kalsium, dan fosfor.

Manfaat Bengkoang Bagi Kesehatan

Bengkoang mengandung cukup banyak vitamin C. Seperti yang kita ketahui, vitamin C sangat baik untuk meningkatkan sistem kekebalan tubuh kita dan dapat menjauhkan kita dari berbagai jenis pernyakit. Selain itu, vitamin C juga merupakan sumber antioksidan alami yang dapat membantu tubuh dalam mencegah radikal bebas. Selain vitamin C, bengkoang juga mengandung cukup banyak Vitamin B1 yang memiliki manfaat untuk mencegah pernyakit beri-beri. Manfaat bengkoang yang lain adalah sebagai pencegah dehidrasi karena di dalamnya mengandung cukup banyak air. Fakta lain dari bengkoang yang cukup mengejutkan adalah kemampuannya dalam mencegah penyakit jantung dan stroke. Menkonsumsi buah bengkuang secara rutin dapat membantu kita untuk menurunkan kadar kolesterol jahat dalam tubuh.

Khasiat Bengkoang Bagi Kesehatan

Ternyata bengkoang juga mengandung zat fitoestrogen yang sangat berguna bagi wanita menopause. Kandungan serat yang cukup tinggi pada buah bengkuang dapat mencegah kita dari beberapa masalah kesehatan pencernaan seperti sembelit atau susah buang air besar dan kanker kolon. Lalu manfaat bengkoang terakhir untuk kesehatan adalah dapat membantu tubuh dalam menurunkan kadar glukosa. Dengan demikian mengkonsumsi buah bengkoang dapat menjauhkan kita dari resiko diabetes. Dan bagi anda yang sedang menjalani diet mengkonsumsi bengkoang juga dapat membantu menurunkan berat badan. Read →