Jumat, 15 Juni 2012

Software untuk Menggabungkan File Video dengan Subtitle ( *.srt )


Berikut ini adalah cara mudah menggabungkan subtitle/teks (.srt) dengan file video dengan menggunakan aplikasi AVI ReComp.
Dengan aplikasi ini, maka codec file video anda tetap sama dengan codec aslinya, misal XVID, maka outputnya pun tetap XVID.
silahkan rekan-rekan menguduh aplikasi ini terlebih dahulu melalui link ini
Cara menggunakan aplikasi Avi Recomp
Contoh :
File Video :  127Hours.avi
File Subtitle : 127Hours.srt
  1. Buka aplikasi AVI ReComp  (tentu saja setelah anda download & install di PC anda)
  2. Buka aplikasi AVI ReComp.
    Klik OPEN AVI( pada checkbox Auto-set output patch jika diklik maka akan langsung terbentuk nama Output File nya.. )
    Pada bagian New AVI Size jika anda tidak menginginkan perubahan dari Size File video anda maka biarkan saja dengan default value yg ada. Tp jika ingin di rubah maka silahkan tentukan besar kecil nya per MB.
    Lanjut ke TAB selanjutnya
  3. pada Tab Additions di sinilah letak di mana Anda harus meletakan Subtitle anda.
    Pada bagian SUBTITLES jika anda ingin langsung memilih secara manual di mana letak subtitle nya langsung saja klik ENABLE lalu tekan tombol LOAD SUBTITLE.
    Jika ada ingin menggunakan AUTO-LOAD( Tanda harus memilih di mana letak nya )maka yg perlu di perhatikan Nama File Video dengan nama File Subtitle nya harus sama.. seperti pada contoh di bawah ini .
  4. Tahap selanjut nya adalah Tab SETTING. pada TAB ini silahkan disesuaikan dengan kebutuhan ada.
  5. Ini adalah Tahap yg terakhir..  Jika file video sudah siap maka klik ADD TO QUEUE.(Jika anda ingin menambahkan lebih dari 1 file maka setelah File Video sebelumnya masuk ke JOB LIST, kembali lagi ke Tab Source & Output, lalu lakukan kembali dari tahap awal.)


    Dan setelah semua file siap untuk di konversi maka terakhir klik tombol START
Selamat mencoba ….

>>> Read More . . .

Jumat, 08 Juni 2012

CorelDraw X5 + Keygen + crack


Bingung CorelDrawnya minta serial number dan ga bisa kita gunain ????.mau CoreDrawnya bisa jadi permanen ??ada 2 cara yang akan saya jelaskan untuk membuat CorelDraw kita menjadi permanen ,karena kalo tu Corel trial kasian dong kita yang mau pake ga bisa kan ??? wkwkkw . bisa download CorelDraw X5 disini
Cara yang saya pergunakan ada 2 yaitu :

1.MengCrack tanpa menggunakan key gen

2.MengCrack dengan menggunakan key gen

Cara yang pertama lebih simpel dan mujarap bagi saya karena saya pake cara yang pertama dan alhamdulillah sampe sekarang tu  CorelDraw X5 saya ga ngadat minta serial number/trial malah permanen tuh ,yuk mari read more !!!!

  • MengCrack tanpa menggunakan key gen

1.download dulu crack nya  di sini(4shared) (khusus yg 4shared harus punya akun dan log-in dulu baru bisa download) atau yang ini disini (IDWS) / disini (IDWS)
2.buka lalu Extract Here
3.buka foldernya,copas(copy paste) semua isi di dalam folder
4.Pastekan di C:\Program Files\Corel\CorelDRAW Graphics Suite X5\Programs\
5.Selesai ;)
  • MengCrack dengan menggunakan keygen
Ingat pastikan antiVirus anda telah disable terlebih dahulu karena keygen dianggap virus oleh anti virus jadi disable sementara agar keygen tetap terjaga :)
1.
Sedot
 download dulu keygen nya di sini
2.Klik kana > Extract Here
3.Jalankan CorelDraw anda
4.Pilih Enter Serial Number
5.Jalankan File CorelDraw X5 Keygen kemudian klik Key Code
6.Setelah tampil angkanya, masukkan angka tersebut sebagai serial number di text atas CorelDraw yang telah dijalankan
7.klik Phone Correl
8.Akan Tampil Instalation Code, masukkan Instalation Code tersebut kedalam Enter your Installation code di keygen-nya
9.Klik Generate
10.Activation Code telah kita peroleh, sekarang masukkan Activation Code ke dalam correl-nya
Selesai ;)
Jika mengalami kekacauan dalam mendownload atau file tidak tersedia secepatnya laporkan admin akan segera admin perbaiki  silahkan tanyakan jika tidak berhasil cara di atas dan silahkan komentarnya jika berhasil yah gan hehe  . Nah,anda bisa menggunakan salah satu dari yang diatas dan semoga bermanfaat :)
Terima kasih ats kunjungannya.

>>> Read More . . .

Jumat, 13 April 2012

Akhirnya... Google Buka Kantor di Indonesia




Google akhirnya membuka kantor perwakilan di Indonesia. Pembukaan kantor tersebut menandai keseriusan Google untuk berinvestasi di Tanah Air.
Seperti dilansir situs DailySocial, Google telah menyebar undangan kepada media dan pihak terkait untuk menghadiri pembukaan kantor perwakilan Google di Indonesia sekaligus pembukaan resmi operasi Google di Indonesia.
Acara tersebut akan berlangsung di Cyber 2 Tower Jalan HR Rasuna Said Blok X-5 Kuningan, Jakarta Selatan, pada Jumat, 30 Maret 2012 mulai pukul 13.00 WIB.
Rencananya, dalam acara ini akan dihadiri Menteri Pariwisata dan Ekonomi Kreatif Mari Elka Pangestu, Menteri Perdagangan Gita Wirjawan, dan Managing Director Google Southeast Asia Julian Persaud.
Selain meresmikan peluncuran kantor Google di Indonesia, Google juga akan menggunakan kesempatan ini untuk memperkenalkan Country Head Google untuk Indonesia.
Kabarnya, mantan Direktur MNC Rudy Ramawy akan bergabung dengan Google untuk memimpin operasional Google di Indonesia. Selain itu, juga diperkenalkan Krishna Zulkarnaen sebagai Chief Marketing Google Indonesia.
Sekadar catatan, Google memang telah merencanakan untuk membuka kantor perwakilan di Indonesia. Bahkan sebelum kantor Google resmi beroperasi di Tanah Air, raksasa internet tersebut telah melakukan peluncuran produk-produknya di Indonesia.

>>> Read More . . .

Sabtu, 25 Februari 2012

Google Akan Hadirkan Android Untuk Desktop dan Notebook???

Google dirumorkan akan membawa Android untuk komputer desktop dan notebook. Paten yang ditemukan oleh Patently Apple itu menampilkan sebuah desktop yang memiliki kontrol mirip dengan trackpad dan magic trackpad multitouch pada Apple-MacBook.


Dikutip dari BGR, Saat ini Android telah dirancang untuk perintah dan tindakan lewat sentuhan, kedepannya sistem operasi ini berkemungkinan akan diperluas untuk mendukung sarana yang berbeda.
Dengan menggunakan trackpad multitouch, pengguna dapat secara langsung berinteraksi dengan elemen grafis yang terletak di lokasi pointer seolah-seolah mereka menggunakan perangkat layar sentuh. Lalu, kapan Google akan membawa Android ke desktop dan notebook? Kita tunggu saja.

>>> Read More . . .

Nokia Siapkan Smartphone Windows Murah



Nokia dilaporkan siap mengumumkan kehadiran smartphone murah mereka yang menggunakan sistem operasi Windows Phone dari Microsoft. Menurut sejumlah sumber yang dikutip Reuters, Kamis 23 Februari 2012, upaya ini dilakukan untuk memperluas pangsa pasar smartphone mereka.

Disebutkan, smartphone murah tersebut akan menjadi kunci Nokia dan Microsoft dalam memenangi persaingan dan memperbesar pangsa pasar mereka.

Selain Lumia 610, produsen asal Finlandia itu juga segera mengungkapkan versi global dari ponsel seri Lumia 900 untuk segmen high endpada ajang Mobile World Congress, Barcelona, mendatang. Di Amerika Serikat, AT&T juga disebut-sebut sudah mempersiapkan peluncuran perangkat tersebut.

Adapun smartphone Windows Phone ekonomis itu rencananya baru diungkapkan Nokia pada konferensi pers, Senin pekan depan.

Sebagai gambaran, tahun lalu, Nokia melepaskan platform sistem operasi smartphone yang biasa mereka gunakan untuk beralih ke Windows Phone milik Microsoft. Sejauh ini, platform itu belum banyak merebut pasar, karena harga smartphone yang menggunakan platform tersebut masih cukup tinggi.

Pada kuartal terakhir, pangsa pasar Microsoft dalam peta persaingan smartphone turun, menjadi hanya 2 persen. Dibandingkan tahun lalu, pangsa pasarnya sebesar 3 persen. Bahkan, empat tahun sebelumnya, sistem operasi Microsoft sempat menguasai 13 persen pasar smartphone. (art)

Source: VIVAnews



>>> Read More . . .

Kobot, Mobil Listrik Dikendalikan dengan Smartphone



Inilah kendaraan masa depan yang ditargetkan untuk mengantisipasi pembatasan kendaraan yang boleh masuk ke pusat kota. Namanya Kobot, dibuat oleh Kowa Co., Ltd perusahaan pembuat “Electro-Optical” dan Tmsuk produsen robot, keduanya berasal dari Jepang.
Kobot kendaraan listrik berukuran kecil, bisa dilipat dan dikendalikan melalui smartphone. Untuk memantau kondisi kendaraan dan informasi lain, di depan pengendaranya dipasang  layar monitor berukuran besar, mirip dengan iPad atau komputer tablet.
Debut
Kobot masih merupakan konsep dan melakukan debut di Tokyo Motor Show 2011 yang baru saja usai. Dengan penampilannya yang lucu serta beberapa kemampuannnya yang unik, konsep yang ditawarkan termasuk kreatif.   
Kowa Tmsuk belum mengumumkan apakah akan memproduksi kendaraan ini. Namun menuruttechon.nikkeibp.co.jp, Kobot kemungkinan dirilis pada musim gugur tahun depan.  
Kowa memamerkan dua kendaraan listrik tiga roda untuk satu tempat duduk yang diberi nama “nu” dan “beta”. Satu lagi adalah versi dua tempat duduk, empat roda yang disebut “pi”.

“nu” dan “beta”Kendati "nu" dan "beta" struktur basisnya sama, namun penampilannya berbeda. “nu” berbentuk linear dan bisa melaju hanya sampai  kecepatan maksimumnya 55 kpj.  Kendaraan diharapkan bisa berdampingan dengan pejalan kaki di kawasan kota dan dirancang untuk jarak tempuh sedang.
“beta” didesain bulat dengan kecepatan maksimum 45 kpj dan ditargetkan untuk jarak 35 km. Kendaran bisa berputar pada radius lebih kecil dan diparkir ruang yang sempit.
Kedua kendaran satu penumpang ini menggunakan motor listrik yang dipasang langsung pada roda depan dan belakang.  Kelengkapan, mekanisme yang memungkinkan sadel - mirip sepeda motor - digeser ke samping atau dilipat sehingga mudah diparkir di tempat sepit atau tidak basah kena hujan.
“pi”
Selanjutnya adalah “pi” kendaraan lsitrik dua penumpang yang dirancang bisa membawa anggota keluarga atau teman. Kowa Tmsuk mengharapkan “pi” digunakan untuk jarak 100 km. Motor listrik yang menggerakannya langsung dipasangdi roda kanan dan kiri belakang.
Kowa Tmsuk mengatakan, Kobot ini bisa hidup berdamping dengan pejalan kaki di kota-kota besar. Dijelaskan pula, kota besar seperti Paris dan London telah mengantisipasi kemungkinan untuk membatasi kendaraan yang boleh masuk ke pusat kota.
Kendati demikinan, Kobot belum bisa diguna di kota-kota Jepang karena umumnya berada di daerah pergunungan. Target lain  obot, sebagai kendaraan turis yang mengujungi berbagai tempat pada radius yang tidak teralu jauh!


source

>>> Read More . . .

Pantau Rumah dengan iCam di iPhone dan Android

Pantau Rumah dengan iCam di iPhone dan Android


Tingginya tingkat kriminalitas saat ini, kenyamanan dan keamanan rumah layaknya kita jaga dengan baik. Bukan berarti kita harus tetap dirumah dan menjaga rumah layaknya petugas keamanan. Ada banyak pilihan untuk menjaga rumah Anda. Memasang CCTV, menyewa tenaga satpam dsb. Contoh tersebut saat ini adalah cara klasik dan menguras kantong. Atau Anda wanita karir yang khawatir karena meninggalkan putra-putri Anda dalam pengawasan pembantu atau babysitter. Tak perlu cemas dengan masalah-masalah seperti ini.


Sebuah sistem keamanan rumah hanya menggunakan webcam regular / yawcam dan PC Anda, hanya dapat Anda lihat record-nya saat berada dirumah atau saat Anda online dengan laptop atau PC, tapi akan terlambat bagi Anda untuk menghubungi polisi atau orang rumah lainnya, jika sesuatu sedang terjadi dalam rumah Anda. Atau bagaimana jika Anda harus meninggalkan rumah dan menghadiri pesta atau acara-acara penting lainnya? Tidak mungkin bukan Anda membawa laptop?
iCam adalah solusi terbaru bagi Anda yang ingin tetap merasa nyaman saat harus meninggalkan rumah. iCam memungkinkan Anda untuk memantau rumah Anda dari iPhone, iPod touch, iPad, atau Android devices dengan fitur 3G,EDGE dan Wi-Fi. Anda dapat menginstal iCam dari iCamSource melalui Windows PC atau Mac, dan download aplikasi untuk iPhone atau Android Anda, kemudian pilih kamera sesuai keinginan Anda di menu iCamSource. Buat password dan username sehingga hanya Anda sendiri yang dapat mengaksesnya, edit sensitivitas motion detection (bila perlu), dan nikmatilah hari Anda.







Anda dapat menggunakan multi kamera untuk memonitor setiap sudut rumah anda. Harga download iCam untuk iPhone dan Android adalah $4.99.


source

>>> Read More . . .

Kode Rahasia Android


Buat sobat yang menggunakan handphone dengan OS (Operating System) Android berikut beberapa tips kode rahasia khususnya untuk para pengguna dan pecinta android. Untuk para hacker dan pengguna amatir tidak diperkenankan karena penulis tidak bertanggung jawab atas penggunaan atau penyalahgunaan informasi ini, termasuk kehilangan data atau kerusakan hardware. dengan demikian resiko adalah milikmu sendiri.

Berikut kodenya:

Informasi tentang ponsel dan baterai: *#*#4636#*#*

Reset data seperti asal: *#*#7780#*#*


Format produsen asli: *2767*3855#


Informasi tentang ponsel kamera: *#*#34971539#*#*


mengubah End Call/Power: *#*#7594#*#*


Buka layar dimana file dibuka: *#*#273283*255*663282*#*#*


Layanan modus log: *#*#197328640#*#*


Uji kode WLAN, GPS, dan Bluetooth:
                                     *#*#232339#*#*
                                     *#*#526#*#*
                                     *#*#528#*#*


Menampilkan alamat MAC dari WIFI: *#*#232338#*#*


tes GPS: *#*#1472365#*#*

tes GPS lain: *#*#1575#*#*


tes Bluetooth: *#*#232331#*#*


menampilkan alamat Bluetooth: *#*#232337#*#*


Peluncuran Gtalk service monitor: *#*#8255#*#*


Informasi versi firmware :
PDA, Telepon, H/W RFCalldate: *#*#4986*2650468#*#*
PDA dan telepon: *#*#1234#*#* 
FTA BD  Versi: *#*#1111#*#*
FTA HW Version: *#*#2222#*#*
PDA, Telepon, CSC, Membangun wktu nomordaftar perubahan: *#*#44336#*#*


Kode Utk meluncurkan berbagai Pabrik Tes:
Loopback packet: *#*#0283#*#*
LCD tes: *#*#0#*#*
Tes melodi: *#*#0673#*#* atau *#*#0289#*#*
tes Device (Getaran dan Backlight test): *#*#0842#*#*
Touch versi layar: *#*#2663#*#*
Layar sentuh tes: *#*#2664#*#*
Sensor jarak tes: *#*#0588#*#*
RAM versi: *#*#3264#*#*


Copy from: majalah pulsa edisi feb 2012 khusus ANDROID.

>>> Read More . . .

Sabtu, 18 Februari 2012

(CSS) MEMBUAT FOOTER 3 ATAU 4 KOLOM - wordpress

Pemahaman Footer 3 Kolom

Untuk membuat footer 3 kolom–yang paling pertama, buat dulu tag html pembentuknya, nantinya kita pakai tag div, kenapa pakai tag div? tanya sama w3C yah :)
setelah tag HTML-nya sudah siap, selanjutnya kita menggunakan CSS, untuk membentuk dan menyesuaikan tampilanya. Setelah terbentuk, barulah kita masukan fungsi-fungsi wordrpess supaya nantinya bisa dimasukan ke theme dan bisa di(drop-drag/widget). Ok, lanjut dengan
Code tag html dan style css footer 3 atau 4 kolom
untuk previewnya silakan salin source code berikut, lalu paste ke notepad kemudian save as dengan namafooter3atau4kolom.html lalu jalankan menggunakan peramban kesayangan sobat *firefox
<html>
<head>
<title>Footer 3 atau 4 komlom by indam</title>
<meta content="indam url:http://www.indaam.com" name="author"/>
<meta http-equiv="refresh" content="120;url=http://www.indaam.com"/>
<style type='text/css'>
/*
ini adalah cssnya, silakan diedit
* background-color berfungsi untuk mengatur warna latar belakang
* margin berfungsi untuk mengatur jarak luar
* padding berfungsi untuk mengatur jarak dalam,
* border berfungsi untuk mengatur pinggiran
* font berfungsi untuk mengatur font/
* text-transform untuk mengatur apakah huruf itu kapital, kecil semua atau diawai dengan kapital
* color berfungsi untuk mengatur warna(umumnya text)
* float berfungsi untuk mengatur untuk mengatur penekanan apakah ke kiri-atau kekanan
* width berfungsi untuk mengatur lebar
* height berfungsi untuk mengatur tinggi
* text-align berfungsi untuk mengatur perataan text
* http://www.indaam.com
*/
#footer-3-atau-4-kolom{
padding:0;
margin:0;
min-width:100%;
clear:both;
background-color:#fff;
color:#333;
}
#footer-3-atau-4-kolom .dalam-footer-3-atau-4-kolom{
margin:20px auto 0 auto;
text-transform:capitalize;
padding:0 2px;
}
#footer-3-atau-4-kolom .dalam-footer-3-atau-4-kolom .widget-kolom{
float:left;
width:25%;
font-size:16px;
margin:0 0 15px 0;
}
#footer-3-atau-4-kolom h4{
font:normal 15px arial;
text-align:center;
border-bottom:4px double #ccc;
padding:4px 0;
text-transform:uppercase;
margin:6px 4px 4px 4px;
}
#footer-3-atau-4-kolom .isi{
margin:0 4px;
min-height:200px;
}
#footer-3-atau-4-kolom ol,
#footer-3-atau-4-kolom ul{
list-style:none;
margin:0;
padding:0;
}
#footer-3-atau-4-kolom li{
padding:5px 4px 2px 4px;
margin:0;
border-bottom:1px solid #ccc;
}
#footer-3-atau-4-kolom a,
#footer-3-atau-4-kolom a:link,
#footer-3-atau-4-kolom a:visited{
font-weight:bold;
text-decoration:none;
color:inherit;
font-size:15px;
}
#footer-3-atau-4-kolom a:hover,
#footer-3-atau-4-kolom a:active{
font-style:italic;
}
#footer-3-atau-4-kolom a:focus{
outline:2px solid lime;
}
/* silakan tambahakan style
* http://www.indaam.com *
*/
</style>
</head>
<body>
<div id='footer-3-atau-4-kolom'>
<div class='dalam-footer-3-atau-4-kolom'>
<div class='widget-kolom'>
<h4>title-nya</h4>
<div class='isi'>
<ul>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
<li>list 4</li>
<li>list 5</li>
<li>list 6</li>
<li>list 7</li>
</ul>
</div>
</div><!-- .widget-kolom -->
<div class='widget-kolom'>
<h4>title-nya</h4>
<div class='isi'>
<ul>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
<li>list 4</li>
<li>list 5</li>
<li>list 6</li>
<li>list 7</li>
</ul>
</div>
</div><!-- .widget-kolom -->
<div class='widget-kolom'>
<h4>title-nya</h4>
<div class='isi'>
<ul>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
<li>list 4</li>
<li>list 5</li>
<li>list 6</li>
<li>list 7</li>
</ul>
</div>
</div><!-- .widget-kolom -->
<div class='widget-kolom'>
<h4>title-nya</h4>
<div class='isi'>
<ul>
<li><a href='http://www.indaam.com'title='indam site'>link ke Indam site</a></li>
<li>list 2</li>
<li>list 3</li>
<li>list 4</li>
<li>list 5</li>
<li>list 6</li>
<li>list 7</li>
</ul>
</div>
</div><!-- .widget-kolom -->
</div><!-- .dalam-footer-3-atau-4-kolom -->
<div style='clear:both'></div>
<!-- http://www.indaam.com -->
</div><!-- #footer-3-atau-4-kolom -->
<span style='position:fixed;bottom:3%;right:3%;display:block:margin:0;font:italic bold 120% "comic sans ms";'>Original Source Code by <a style='text-decoration:none;color:red;' href='http://www.indaam.com' target='_blank' title='Indam Site'>Indam Site</a></span>
</body>
</html>
Lanjut! source code diatas adalah contoh tampilan static-nya. Mari kita lanjut untuk penambahan di wordpress
Berikut adalah code HTML, CSS dan PHP-nya silakan salin lalu paste ke functions.php
<?php
/* pertama, kita menambahkan register_sidebar agar nantinya di appearance widget muncul kotak(widget) yang bisa di drop drag*/
register_sidebar(array(
'name' => 'footer_3_atau_4_kolom',
'before_widget' => '<div class=\'widget-kolom\'>',
'after_widget' => '</div></div>',
'before_title' => '<h4>',
'after_title' => '</h4><div class="isi">',
));/* end register_sidebar */
function footer_3_atau_4_kolom_untuk_footer(){
/* fungsi ini nantinya kita tambahkan di footer dengan menggunakan hook add_action */
?>
<div id='footer-3-atau-4-kolom'>
<div class='dalam-footer-3-atau-4-kolom'>
<?php
if ( !dynamic_sidebar( 'footer_3_atau_4_kolom' ) ) {
/* disini kita membuat variable yang valuenya disesuaikan dengan susunan footer yang kita buat tadi. */
$footer_3_atau_4_kolom = array(
'before_widget' => '<div class=\'widget-kolom\'>',
'after_widget' => '</div></div>',
'before_title' => '<h4>',
'after_title' => '</h4><div class=\'isi\'>'
);
/* kalo di konvert ke html outputnya seperti ini
<div class='widget-kolom'>
<h4>disini judul</h4>
<div class='isi'>
lalu disini isi widgetnya
</div>
</div>

*/

/* nah, disini kita menambahkan widget bawaan wordpress.
ini ditambahkan agar, tidak kosong saja :)
sepertinya dibawah jelas yah?
*/

the_widget( 'WP_Widget_Archives' , 'title=Archive' , $footer_3_atau_4_kolom);
the_widget( 'WP_Widget_Categories' , 'title=Categories' , $footer_3_atau_4_kolom );
the_widget( 'WP_Widget_Recent_Comments' , 'title=Recent Comments' , $footer_3_atau_4_kolom );
the_widget( 'WP_Widget_Recent_Posts' , 'title=Recent Post' , $footer_3_atau_4_kolom );
}
?>
</div><!-- .dalam-footer-3-atau-4-kolom -->
<div style='clear:both'></div>
<!-- http://www.indaam.com -->
</div><!-- #footer-3-atau-4-kolom -->
<!-- regadrs
http://www.indaam.com -->
<?php
/* end footer_3_atau_4_kolom_untuk_footer() */
/* indaam.com */
function css_footer_3_atau_4_kolom_untuk_head(){
/* fungsi ini nantinya kita tambahkan di wp_head dengan menggunakan hook add_action */
?>
<style type='text/css'>
/*
ini adalah cssnya, silakan diedit
* background-color berfungsi untuk mengatur warna latar belakang
* margin berfungsi untuk mengatur jarak luar
* padding berfungsi untuk mengatur jarak dalam,
* border berfungsi untuk mengatur pinggiran
* font berfungsi untuk mengatur font/
* text-transform untuk mengatur apakah huruf itu kapital, kecil semua atau diawai dengan kapital
* color berfungsi untuk mengatur warna(umumnya text)
* float berfungsi untuk mengatur untuk mengatur penekanan apakah ke kiri-atau kekanan
* width berfungsi untuk mengatur lebar
* height berfungsi untuk mengatur tinggi
* text-align berfungsi untuk mengatur perataan text
* http://www.indaam.com
*/

#footer-3-atau-4-kolom{
padding:0;
margin:0 auto;
min-width:100%;
max-width:1100px;
clear:both;
background-color:#fff;
color:#333;
}
#footer-3-atau-4-kolom .dalam-footer-3-atau-4-kolom{
margin:20px auto 0 auto;
text-transform:capitalize;
padding:0 2px;
}
#footer-3-atau-4-kolom .dalam-footer-3-atau-4-kolom .widget-kolom{
float:left;
width:25%;
font-size:16px;
margin:0 0 15px 0;
}
#footer-3-atau-4-kolom h4{
font:normal 15px arial;
text-align:center;
border-bottom:4px double #ccc;
padding:4px 0;
text-transform:uppercase;
margin:6px 4px 4px 4px;
}
#footer-3-atau-4-kolom .isi{
margin:0 4px;
min-height:200px;
}
#footer-3-atau-4-kolom ol,
#footer-3-atau-4-kolom ul{
list-style:none;
margin:0;
padding:0;
}
#footer-3-atau-4-kolom li{
padding:5px 4px 2px 4px;
margin:0;
border-bottom:1px solid #ccc;
}
#footer-3-atau-4-kolom a,
#footer-3-atau-4-kolom a:link,
#footer-3-atau-4-kolom a:visited{
font-weight:bold;
text-decoration:none;
color:inherit;
font-size:13px;
}
#footer-3-atau-4-kolom a:hover,
#footer-3-atau-4-kolom a:active{
font-style:italic;
}
#footer-3-atau-4-kolom a:focus{
outline:2px solid lime;
}
/* silakan tambahakan style
* http://www.indaam.com *
*/
</style>
<?php
}/* end css_footer_3_atau_4_kolom_untuk_head() */
/*
OK,
setelah menambahkan register_sidebar
dan
mambuat dua fungsi
* footer_3_atau_4_kolom_untuk_footer() dan
* css_footer_3_atau_4_kolom_untuk_head()
selanjutnya mari kita tambahkan dua fungsi tadi
masing-masing di head dan footer menggunakan add_action
seperti ini
*/

add_action('wp_head', 'css_footer_3_atau_4_kolom_untuk_head');
add_action('wp_footer', 'footer_3_atau_4_kolom_untuk_footer');
/*
maksudnya : kita menambahkan css_footer_3_atau_4_kolom_untuk_head
ke wp_head
lalu
footer_3_atau_4_kolom_untuk_footer
ke wp_footer
Jadi logikanya
css tadi ditambahkan di head
lalu footer3atau4kolomtadi ditambahkan di footer
dengan dimikian lengkaplah css dan htmlnya.
oia, tadi kita menambahkan fungsi register_sidebar, ini agar widgetnya bisa di drop-drag
coba masuk ke appearance > widget
* untuk lebih jalasnya silakan langsung ke http://codex.wordpress.org | disana jauh lebih lengkap
*/

/* End */
?>

Keterangan Footer 3 Kolom

Jangan lupa di save(update file) yah, setelah disave silakan masuk ke appearance > widget > perhatikan di sidebar kanan, disitu ada box(widget) untuk memasukkan widget bawaan wordpress, silakan masukan(drag) widget yang ingin ditambahkan. Berikut cerita dan peroses pemasangan wordpress 3 atau 4 kolom itu.
Seperti yang dijelaskan pada awal paragraf, untuk membuat footer 3 atau 4 kolom yang paling pertama adalah buat tag-tag htmlnya lalu tambahkan style css untuk membentuk dan merubah tampilan tag-tag htmlnya tadi, setelah versi html static footer 3 kolomnya sudah jadi barulah kita memamasukanya kedalam wordpress theme kita.
Basa-basi : Sebenarnya sih banyak cara untuk memasukan footer tiga kolom tadi ke theme kita, misal langsung masukkan di footer.php atau sesuaikan lalu masukkan script widget bawaan wordpress.
Tapi karena cara seperti itu kurang pas, jadi lebih baik kalo nantinya widget itu bisa di drop-drag, ia kan? alasan lainya ialah, kalo pake cara masukan code satu-satu, takutnya malah ribet atau terjadi error misal : salah copas code. Kan lebih Ok, kalo codenya dijadikan satu, yah tinggal dicopas gituh. Oklah, mungkin tulisan buruk itu membuat sobat jenuh hehehe, berikut bonus tulisan kali ini.

Proses Implementasi Di Wordpress Theme

Pertama : kita menambahkan ini register_sidebar() labih lengkap baca ini : http://codex.wordpress.org/Function_Reference/register_sidebars, fungsinya agar muncul box(widget) di appearance > widget >.
Karena register_sidebar() berfungsi untuk menambah box(widget), agar ini bisa masuk kedalam theme. Kita harus tambahkan ini
If ( !dynamic_sidebar( 'footer_3_atau_4_kolom' ) ) {
/* anggaplah : nantinya widget itu masuk disini, jadi pada args register_sidebar() harap sesuaikan ini
name /* name pada contoh diatas footer_3_atau_4_kolom*/
before_widget
after_widget
before_title
after_title
*/

}
Sebenarnya dengan manambahkan register_sidebar() difunction.php dan if (!dynamic_sidebar( 'footer_3_atau_4_kolom' ) ) di footer atau sesuaikan sudah cukup untuk membuat widget drop drag. Tapi karena saya ingin mengabungkan semua kodenya, jadi saya buat dua fungsi
  • Css_footer_3_atau_4_kolom_untuk_head/* kita tambahkan ke wp_head */
  • Dan footer_3_atau_4_kolom_untuk_footer/* kita tambahkan ke wp_footer */
Untuk menambahkan dua fungsi tadi ke dalam theme, kita menggunakan
Add_action('wp_head', 'nama_function');/* nama function contoh diatas adalah css_footer_3_atau_4_kolom_untuk_head */
add_action('wp_footer', 'nama_function');/* nama function contoh diatas adalah footer_3_atau_4_kolom_untuk_footer*/
Jadi
css_footer_3_atau_4_kolom_untuk_head(){
/*
kode yang ada disini, semuanya akan ada di wp_head 
*/
}
Begitupun dengan
Footer_3_atau_4_kolom_untuk_footer(){
/*
kode yang ada disini, semuanya akan ada di wp_footer
*/
}
Ya, kira-kira seperti itulah jalan ceritanya.
Didalam tulisan ini, setidaknya sobat tahu cara menambahkan widget drop-drag dan tahu fungsi add_action
serta sedikit info tentang WordPress, oia

Bagaimana Cara Membuat Menjadi 3 Kolom?

Contoh diatas, widgetnya tersusun 4 kolom
berikut cara merubahnya menjadi 1, 2, 3, 4 atau 5 kolom
di cssnya kan ada ini 25%;
perhitunganya seperti ini 100% di bagi 25% sama dengan 4
jadi
  • 1 kolom sama dengan 100% dibagi 100%
  • 2 kolom sama dengan 100% dibagi 50%
  • 3 kolom sama dengan 100% dibagi 33.33%
  • 4 kolom sama dengan 100% dibagi 25%
  • 5 kolom sama dengan 100% dibagi 20%
Jadi, silakan ubah width:25% tadi menjadi 100% untuk 1 kolom, 50% untuk 2 kolom, 33.33% untuk 3 kolom, 25% untuk 4 kolom, 20% untuk 5%kolom. Juga masih bisa diubah menjadi 6 atau 100 kolom, tapi– jadi kurus dia.
Sekian sharing kali ini, maaf jika ada salah tulis. Mohon koreksinya jika ada yang salah…
selalu menyenangkan bisa berbagai

>>> Read More . . .
Related Posts Plugin for WordPress, Blogger...