Template Wordpress I Bunga Indah #1

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3wGWNh8STfA9AK5NSo3nNBrupQ_TGCa41OOLP2UFA72AKjEPphMQ9WTrmEX2-ylwfMbwrphbpSx1LiVoR7W0VLxtAyypyac9516WDqqB5ICWml1BJmeGgHoaJB0T4w7J5uY0qUCaLcSkM/s1600/screenshot+%282%29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3wGWNh8STfA9AK5NSo3nNBrupQ_TGCa41OOLP2UFA72AKjEPphMQ9WTrmEX2-ylwfMbwrphbpSx1LiVoR7W0VLxtAyypyac9516WDqqB5ICWml1BJmeGgHoaJB0T4w7J5uY0qUCaLcSkM/s400/screenshot+%282%29.png" title="Template Wordpress" width="400" /></a></div><br /><div style="text-align: center;"><br /></div><blockquote class="tr_bq"><span style="font-size: small;">Template type : 2 Sidebar, Tabbed widget, Top Navigation Bar, Web 2.0, White, <span class="short_text" id="result_box" lang="en"><span class="hps">Just for</span> Wordpress<span class="hps">.</span></span></span><span class="short_text" id="result_box" lang="en" style="font-size: small;"><span strong="strong"> </span></span></blockquote><blockquote class="tr_bq"><span style="font-size: small;">Bunga Indah </span><span style="font-size: small;">is a free Worpdress template custom design with 2 Left Sidebar, 3 Column, and you can download <b><i>Bunga Indah</i></b> Wordpress template for free only in Wammy's Blog.<a href="http://adf.ly/F0KFE" target="_blank"><span style="font-size: large;"><span style="color: red;"> </span></span></a></span></blockquote><div style="text-align: center;"><a href="http://adf.ly/F0KFE" target="_blank"><span style="font-size: large;"><span style="color: red;">DOWNLOAD</span></span></a></div><div style="text-align: left;">*** Installing WordPress Themes<br />-------------------------------<br />1. Access your Web server using an FTP client or Web server administration tools.<br /><br />2. Create a folder for your specific theme under "wp-content/themes" folder within WordPress installation. For example:<br /><WordPressFolder>\wp-content\themes\<YourThemeName><br /><br />3. Copy or upload theme files exported from Artisteer into the newly created <YourThemeName> folder.<br /><br />4. Login to your WordPress administration panel and select Design -> Themes.<br /><br />5. In the 'Available Themes' section click on your theme title or screenshot, then click the 'Activate Theme' link to activate it.<br /><br />For more information please refer to the official WordPress documentation:<br />http://codex.wordpress.org/Using_Themes#Adding_New_Themes<br /><br /><br />*** Creating localized WordPress Themes with Artisteer<br />-------------------------------<br />When exporting themes Artisteer automatically includes several language files<br />obtained from Wordpress Website at http://codex.wordpress.org/WordPress_Localization<br />Specifically French, German, Italian and Spanish translations are exported by Artisteer in the Wordpress compliant file naming format:<br /><br /><country>_<lang>.mo<br /><br />For example German language file is: de_DE.mo<br /><br />*** Installing additional language support<br />-------------------------------<br />To include a different or additional language support in your Worpdress theme<br />please find and copy the desired language files into your specific Wordpress theme folder.<br />You can find the additional language files in your default theme folder "<WordPressFolder>\wp-content\themes\default",<br />or on the Wordpress Website at http://codex.wordpress.org/WordPress_Localization<br /><br />To select a different language than your current Wordpress language,<br />change the "define" function in the wp-config.php file, for example:<br />define('WPLANG', 'de_DE')<br /><br /><br />*** Editing translations<br />-------------------------------<br />To edit translations for your language please download and install<br />Codestyling Localization plug-in from http://wordpress.org/extend/plugins/codestyling-localization/<br />Then in WordPress administration select Manage -> Localization.<br /><br /><br />*** Creating a custom Vertical Menu with separators<br />---------------------------------------------------<br />To create a custom Vertical Menu with separators:<br /><br />   1. Create/Open your custom Vertical Menu in Dashboard -> Appearance -> Menus -> [custom menu name].<br />   2. Go to the "Custom Links" block, enter # symbol in the URL field and name the separator (e.g. my separator 1). Press "Add to Menu" and see the newly created separator in the list with other Vertical Menu items. Continue the procedure to add more separator menu items.<br />   3. Create new menu items or drag and drop the existing items to place them inside the separator menu item. Press "Save Menu" and go to your website to check the Vertical Menu. </div>

Template Wordpress I Bunga Indah #1

Template type : 2 Sidebar, Tabbed widget, Top Navigation Bar, Web 2.0, White, Just for Wordpress . Bunga Indah is a free Worpdress templa...

Baca selengkapnya »

Template Drupal | Hijaucoy #1

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYbIDKCyngGAfa8EidLAFjuE-hR9foa96fezlxlYANuxD0fK3YwJJbLbZFG_oKMjOe3coNog_EJcHR0ogT4JLosJgYxBY9lA9EMiZFur-5sKeX_qshZ65xsNpefkK-1FArZWVALkYFwK74/s1600/screenshot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYbIDKCyngGAfa8EidLAFjuE-hR9foa96fezlxlYANuxD0fK3YwJJbLbZFG_oKMjOe3coNog_EJcHR0ogT4JLosJgYxBY9lA9EMiZFur-5sKeX_qshZ65xsNpefkK-1FArZWVALkYFwK74/s400/screenshot.png" title="Template Drupal" width="400" /></a></div><br /><br /><blockquote class="tr_bq"><span style="font-size: small;">Template type : 2 Sidebar, Tabbed widget, Top Navigation Bar, Web 2.0, White, <span class="short_text" id="result_box" lang="en"><span class="hps">Just for</span> <span class="hps">drupal</span> <span class="hps">version 7.</span></span></span><span class="short_text" id="result_box" lang="en" style="font-size: small;"><span strong="strong"> </span></span></blockquote><br /><blockquote class="tr_bq"><span class="short_text" id="result_box" lang="en" style="font-size: small;"><span strong="strong">Hijau Coy</span></span><span style="font-size: small;"> is a free Drupal template custom design with 2 Left Sidebar, 3 Column, and you can download <b><i>Hijau Coy</i></b> Drupal template for free only in Wammy's Blog. </span></blockquote><div style="text-align: center;"><a href="http://adf.ly/F0I7n" target="_blank"><span style="font-size: large;"><span style="color: red;">Download</span></span></a> </div>

Template Drupal | Hijaucoy #1

Template type : 2 Sidebar, Tabbed widget, Top Navigation Bar, Web 2.0, White, Just for drupal version 7. Hijau Coy is a free Drupal tem...

Baca selengkapnya »

Wajah Baru Lee Min Ho 2012 Toyota Camry Season 2

<div class="separator" style="clear: both; text-align: center;"><a href="http://25.media.tumblr.com/tumblr_macu34lrK31qi5wato1_500.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="lee min ho, artis korea, city hunter" border="0" height="320" src="http://25.media.tumblr.com/tumblr_macu34lrK31qi5wato1_500.jpg" title="Minoz" width="200" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="http://loveghs.files.wordpress.com/2011/11/1112.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div><br /><span style="color: lime;">Wajah Baru Lee Min Ho 2012 Toyota Camry Campaign Season 2 |</span> Kalau dulu aku tulis tentang <a href="http://www.bocahit.com/2012/07/lee-min-jo-menjadi-wajah-baru-20120.html" target="_blank">Toyota Camry Lee Min Ho #1</a> kali ini Toyota Camry rilis Campaign Season 2 yang tetap dibintangi oleh Lee Min Ho. Aktor Korea ini telah menjadi wajah baru di indrusti perfilman dan periklannan dengan popularitasnya, Minoz bisa menaikan marketing Toyota.<br /><br />Toyota terus menguji kampanye pemasaran ke Asia Amerika. Aktor Korea Selatan Lee Min Ho kembali di seri kedua dari seri web cepat "The One & Only." Cerita terus di mana kita terakhir ditunjukan dengan Joon menyelamatkan cintanya, Sohee. <a href="http://www.bocahit.com/2012/07/lee-min-jo-menjadi-wajah-baru-20120.html" target="_blank">(Lihat The Season Satu dan Hanya 1 dengan Lee Min Ho: Episode 4)</a> Namun, kebahagiaan mereka tidak berlangsung lama. Pahlawan kita, Joon, pikir dia bisa melakukan itu semua, tapi semuanya berubah ketika ia melintasi jalan dengan saudaranya Kwon si jahat kembar, yang bekerja untuk mafia bos Mad Don. Tiba-tiba, impiannya dan cintanya hancur. Tapi dengan Camry, Joon mampu menghabiskan lebih sedikit waktu pengisian bahan bakar dan lebih banyak waktu mengungkap agenda tersembunyi Kwon.<br /><br />Sebelum terlambat Joon akan mencari tahu apa rahasia Kwon? Ikuti kisah petualangan aksi yang akan membuat Anda di tepi kursi Anda, rahasia terkubur akan terungkap. Dengan plot twists sampai akhir, Joon harus menyelesaikan berbagai tantangan dengan bantuan dari Camry di sisinya. Menegangkan, emosional dan mengejutkan, tidak ketinggalan satu menit Camry dan drama Korea. <br />Okey, silakan nonton video full version ini...<br /><br /><iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/L29HMmk30DI" width="560"></iframe>

Wajah Baru Lee Min Ho 2012 Toyota Camry Season 2

Wajah Baru Lee Min Ho 2012 Toyota Camry Campaign Season 2 | Kalau dulu aku tulis tentang Toyota Camry Lee Min Ho #1 kali ini Toyota Camry ...

Baca selengkapnya »

Membuat Password Pada File Di Mediafire

<span style="color: #741b47;">Membuat Password Pada File Di Mediafire |</span> Kali ini adalah tips untuk melindungi file kita dari downloader brutal. Cara salah satu yang aman dan tidak terlalu sulit ini sering dilakuakan admin blog yang terutama didalamnya terdapat banyak download software. <br /><br />1. Sekarang masuk di MY FILES, lihat file yang akan anda beri pengaman.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsTB_UpNAQw970MJswt-Mpv7BriFQkS-e7RD0c0N2mlydNvCqrx-Rd5RAiMDfwvZOHc4UHShwZyhO0sz9HKJHd-heBErl_QCNcRALxqlvXmXIVMq1wkfAlep3K0dH1ixvjWXRGa1EyJwCO/s1600/m1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara,blog,tutorial,mediafire" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsTB_UpNAQw970MJswt-Mpv7BriFQkS-e7RD0c0N2mlydNvCqrx-Rd5RAiMDfwvZOHc4UHShwZyhO0sz9HKJHd-heBErl_QCNcRALxqlvXmXIVMq1wkfAlep3K0dH1ixvjWXRGa1EyJwCO/s320/m1.JPG" title="Mediafire Protected" width="192" /></a></div>2. Klik Password Protect<br /><br />3. Maka akan muncul seperti dibawah ini, ketikan password anda.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0RJ0fpOLUT4ePkIpempRMCivrJsdZeSKkTF2bJAwB_z1hxBD694x034lTQiUfSCJsk3Q0Bg78K2O5oA1PtzuvJqfjNyO_aI3yFhWEjoBtc8gKrZta0H2bejCHBWY_WMZxjL6PdeOTdNlW/s1600/m2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara,blog,tutorial,mediafire" border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0RJ0fpOLUT4ePkIpempRMCivrJsdZeSKkTF2bJAwB_z1hxBD694x034lTQiUfSCJsk3Q0Bg78K2O5oA1PtzuvJqfjNyO_aI3yFhWEjoBtc8gKrZta0H2bejCHBWY_WMZxjL6PdeOTdNlW/s320/m2.JPG" title="Mediafire Protected" width="320" /></a></div>4. Jika telah selesai, akan muncul seperti ini :<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdeo6k5sVAya6ivJEsh8BT-hMoxyY7p99nAeluZT6cqhwi3SV3ideYyRsqoPKov29ufcyxmKu247Ou0WfCggAU44xqqBRAfkX5ZLprE9EPeRMItEEPLN55wD7MA6XY7oF7UxPquQHmHy4R/s1600/m3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara,blog,tutorial,mediafire" border="0" height="26" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdeo6k5sVAya6ivJEsh8BT-hMoxyY7p99nAeluZT6cqhwi3SV3ideYyRsqoPKov29ufcyxmKu247Ou0WfCggAU44xqqBRAfkX5ZLprE9EPeRMItEEPLN55wD7MA6XY7oF7UxPquQHmHy4R/s320/m3.JPG" title="Mediafire Protected" width="320" /></a></div>5. Jika ada yang mengunduh, akan seperti ini :<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcHIdu-VF1TYcqHzkDfmSfvwV8qApa51V4kd82-LGakxtaBhTTSNOZ9nJdr9va5ODEgjzLJkBv41mU2CzujBrhXejIYao1ZCkmObHATGN7f-XqJismrCT5Kk65LphjN2jmOc5u_e5Oi31U/s1600/m4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara,blog,tutorial,mediafire" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcHIdu-VF1TYcqHzkDfmSfvwV8qApa51V4kd82-LGakxtaBhTTSNOZ9nJdr9va5ODEgjzLJkBv41mU2CzujBrhXejIYao1ZCkmObHATGN7f-XqJismrCT5Kk65LphjN2jmOc5u_e5Oi31U/s320/m4.JPG" title="Mediafire Protected" width="320" /></a></div>

Membuat Password Pada File Di Mediafire

Membuat Password Pada File Di Mediafire | Kali ini adalah tips untuk melindungi file kita dari downloader brutal. Cara salah satu yang aman...

Baca selengkapnya »

Membuat Space Iklan Dengan Easy GIF Animator

<span style="color: lime;">Membuat Space Iklan Dengan Easy GIF Animator</span> | Kali ini wammy akan berbagi menganai malasah komerasil. Banyak blogger yang memakai iklan dari PPC yang sekarang sangat banyak di perbincangkan. Seperti saya, hanya menggunakan Bidvertiser dan SITTI. Tapi tidak ada salahnya jika kita menunggu advertiser. Dengan kata lain, kita akan melakukan transaksi secara langsung dengan pengiklan. Tentu itu pasti butuh yang namanya space iklan. Nah bagaimana cara membuatnya ? Itu yang akan saya bagi kan.<br /><br />1. Install Easy GIF Animator<br /><br />2. Jika anda belum punya,  <a href="http://adf.ly/EsXhF" target="_blank">download Easy GIF Animator Pro 5.20 + Crack</a>.<br /><br />3. Jalankan E.G.A<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin9LMcVMLTqRGj-6nPTsVJ1ganNjPOSIwT_02EbkMvfcmrbMSv0sfM8cIbow9S9LSiOLm5yEiidtFWh4Idn91ABZ4enW-MqjPwQZgblVnSiBwvveuV1DMn71zTAsT_wvxsyeMKkP_Sit44/s1600/e1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara,blog,tutorial,easy gif animator" border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin9LMcVMLTqRGj-6nPTsVJ1ganNjPOSIwT_02EbkMvfcmrbMSv0sfM8cIbow9S9LSiOLm5yEiidtFWh4Idn91ABZ4enW-MqjPwQZgblVnSiBwvveuV1DMn71zTAsT_wvxsyeMKkP_Sit44/s200/e1.JPG" title="EGA 5.20" width="200" /></a></div><br />4. Pilih New Animation Banner<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD6eMUhAGh-FRL120OiqTcUnRrHLTOxKR0fywShIeEzHtEJ-PkJEWt7W7mSN9xZSklvXLyj8h-01BNeC_RZ1crFMwNZs2W2M8vjkRlkwbqAM4G5Xmtfd3KpofMHSeVHzH3YGf0xZDY-6ng/s1600/e2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara,blog,tutorial,easy gif animator" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD6eMUhAGh-FRL120OiqTcUnRrHLTOxKR0fywShIeEzHtEJ-PkJEWt7W7mSN9xZSklvXLyj8h-01BNeC_RZ1crFMwNZs2W2M8vjkRlkwbqAM4G5Xmtfd3KpofMHSeVHzH3YGf0xZDY-6ng/s1600/e2.JPG" title="Banner Size" /></a></div><br />5. Pilih ukuran banner<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmSizni3ZeaPx4USCIzSzbKa8_ydMshQMmGZDibUjaasmoylm0ja16mnXVG7RBFAtAmipILlHmcJ4vDCLELLiNJtk1-NOCxDkj15RSQvZeRlo6yCi6do2vdLFJMObzI8UNTLEB0cEUbkqy/s1600/e3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara,blog,tutorial,easy gif animator" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmSizni3ZeaPx4USCIzSzbKa8_ydMshQMmGZDibUjaasmoylm0ja16mnXVG7RBFAtAmipILlHmcJ4vDCLELLiNJtk1-NOCxDkj15RSQvZeRlo6yCi6do2vdLFJMObzI8UNTLEB0cEUbkqy/s320/e3.JPG" title="Pilih Warna" width="320" /></a></div><br />6. Atur warna iklan anda<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS097r4EyTaYnbhSGiA39U7B76ZXPf4aOqUN6ZhdIesYQEt4HyQjc9bmYvRLS6UTtbc387tyDyInb2TwgXgUgJHDWaQJqmMghAcG33NAlxf7K0wZVrHjv9iOWmWQMCj6UxDpSgEaRTNTed/s1600/e4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara,blog,tutorial,easy gif animator" border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS097r4EyTaYnbhSGiA39U7B76ZXPf4aOqUN6ZhdIesYQEt4HyQjc9bmYvRLS6UTtbc387tyDyInb2TwgXgUgJHDWaQJqmMghAcG33NAlxf7K0wZVrHjv9iOWmWQMCj6UxDpSgEaRTNTed/s320/e4.JPG" title="Your Teks Here" width="320" /></a></div><br />7. Sekarang atur teks. Finish.<br /><div style="color: blue;"><br /></div><div style="color: blue;">Yang di kotak biru untuk anda mengatur bagaimana tampilan ketika teks muncul</div><span style="color: red;">Dan yang di warna merah untuk anda mengatur tampilan ketika teks keluar</span><br /><br /><br />Kira - kira seperti ini bentuknya :<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCZMrDaffd7x7o3p6tZV2-7gblhsSKYAeiNUX6xkmGAYwQCccjmBw3jvsOR8LzOv7OLMkLxZbBUW5dkAj2MvuMNaEE8OjDIHcpkJ9jd7nAnzkSNmphOnEB-fThxjfFQNK9ni_vdsQTCVHi/s300/Iklan%2520300x250.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara,blog,tutorial" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCZMrDaffd7x7o3p6tZV2-7gblhsSKYAeiNUX6xkmGAYwQCccjmBw3jvsOR8LzOv7OLMkLxZbBUW5dkAj2MvuMNaEE8OjDIHcpkJ9jd7nAnzkSNmphOnEB-fThxjfFQNK9ni_vdsQTCVHi/s300/Iklan%2520300x250.gif" title="Pasang Iklan" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeaP3CvJpC6yzLPm1UCBip_U8PwzAvs_cTMvQqftd-d_TBft_zXjrCKRYPoENpYKhmZjL8GN4v-M1kgeUaFrMF7YSW9p0oOG5k5Wbkw5Wa7HEBvKvfOTT0VLQXNQHFNEqj8n96mO5xLtvz/s128/Iklan%20150x150.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div><br />PASSWORD : wammy

Membuat Space Iklan Dengan Easy GIF Animator

Membuat Space Iklan Dengan Easy GIF Animator | Kali ini wammy akan berbagi menganai malasah komerasil. Banyak blogger yang memakai iklan da...

Baca selengkapnya »

Membuat Table Menggunakan CSS

<div style="color: orange;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh96PiJvE9iLU6ZTkkdizj5Sg062jQ0bTnvTqbvUGngEu_pmqjtml3GzNoggt4nhQpEG8VNLAjzGOiUv7Ol8Kg2PczVEI-ZbPMyitcXrh16Ukj6UGAr1kPDi2QWNnsbp-CpF4vM-LOpUmc/s320/table.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh96PiJvE9iLU6ZTkkdizj5Sg062jQ0bTnvTqbvUGngEu_pmqjtml3GzNoggt4nhQpEG8VNLAjzGOiUv7Ol8Kg2PczVEI-ZbPMyitcXrh16Ukj6UGAr1kPDi2QWNnsbp-CpF4vM-LOpUmc/s320/table.png" /></a></div><br />Membuat Table Mengunakan CSS | <span style="color: black;">Kali ini Wammy, akan berbagi tentang tabel dan masih seputar</span> CSS. <span style="color: black;">Sebelumnya aku juga telah berbagi mengenai membuat <a href="http://www.bocahit.com/2012/11/membuat-link-list-super-keren.html" target="_blank">Link List Super Keren</a>.</span></div><div style="color: orange;"><br /></div><div style="color: orange;"><span style="color: black;">Tabel ini tidak asing dengan MS Excel. Contoh penggunaan tabel ini bisa <a href="http://www.bocahit.com/2012/01/ketentuan-syarat-pasang-iklan.html" target="_blank">klik disini</a>. Dan lihat didalam artikelnya. Jika blog sobat berisi banyak artikel yang mencankup IPA, cara ini bisa digunakan untuk mempermudah pembaca.</span></div><div style="color: orange;"><br /><span style="color: black;">1. Langsung aja masuk di Template, kemudian centang Expand Template Widget</span><br /><br /><span style="color: black;">2. Cari kode </span><b style="color: black;"><code>]]></b:skin> letakkan diatasnya..</code></b><span style="color: black;"> </span></div><div style="color: orange;"></div><div style="background-color: #00ccff; border: 1px dotted #000000; padding: 5px; width: 400px;"><span style="color: black; font-family: monospace;">/* Table</span><br /><span style="color: black; font-family: monospace;">----------------------------------------------- */</span><br /><span style="color: black; font-family: monospace;">table[border="1"]{</span><br /><span style="color: black; font-family: monospace;">border-collapse:collapse;margin:0px</span><br /><span style="color: black; font-family: monospace;">}</span><br /><span style="color: black; font-family: monospace;">table[border="1"],table[border="1"] th,table[border="1"] td{</span><br /><span style="color: black; font-family: monospace;">border:1px solid <span style="color: red;">#bbb</span>;padding:2px 7px</span><br /><span style="color: black; font-family: monospace;">}</span><br /><span style="color: black; font-family: monospace;">td{</span><br /><span style="color: black; font-family: monospace;">vertical-align:top</span><br /><span style="color: black; font-family: monospace;">}</span><br /><span style="color: black; font-family: monospace;">table[border="1"] th{</span><br /><span style="color: black; font-family: monospace;">background-color:<span style="color: red;">#fafafa</span>;font-weight:700;text-align:left</span><br /><span style="color: black; font-family: monospace;">}</span><br /><span style="color: black; font-family: monospace;">.full,table.full{</span><br /><span style="color: black; font-family: monospace;">width:98.8%</span><br /><span style="color: black; font-family: monospace;">}</span><br /><span style="color: black; font-family: monospace;">table.config{</span><br /><span style="color: black; font-family: monospace;">background-color:<span style="color: red;">#FFF</span></span><br /><span style="color: black; font-family: monospace;">}</span><br /><span style="color: black; font-family: monospace;">table.config td,table.config th{</span><br /><span style="color: black; font-family: monospace;">border-color:<span style="color: red;">#E4E4E4</span></span><br /><span style="color: black; font-family: monospace;">}</span><br /><span style="color: black; font-family: monospace;">table.config th{</span><br /><span style="color: black; font-family: monospace;">background-color<span style="color: red;">:#333</span>;color:white</span><br /><span style="color: #eeeeee; font-family: monospace;"><span style="color: black;">}</span><br style="color: black;" /><br /></span></div><br />3. Setelah memasukan kode CSS, kemudian masukan kode dibawah ini di dalam posting anda, tepatnya di HTML.<br /><br /><div style="background-color: #00ccff; border: 4px ridge #000000; padding: 5px; width: 400px;"><table border="1" class="full config"><tbody><br /><tr><th><span style="color: red;">Header Table</span></th><th><span style="color: red;">Header Table</span></th></tr><br /><br /><tr><td>kiri 1</td><td>kanan 1</td></tr><br /><tr><td>kiri 2</td><td>kanan 2</td></tr><br /><tr><td>kiri 3</td><td>kanan 3</td></tr><br /><tr><td>kiri 4</td><td>kanan 4</td></tr><br /><tr><td>kiri 5</td><td>kanan 5</td></tr><br /></tbody></table> </div><br />4. Simpan.

Membuat Table Menggunakan CSS

Membuat Table Mengunakan CSS | Kali ini Wammy, akan berbagi tentang tabel dan masih seputar CSS. Sebelumnya aku juga telah berbagi mengenai...

Baca selengkapnya »