Tampilan : Daftar Grid
Tampilkan postingan dengan label Tips & Trik. Tampilkan semua postingan
Tampilkan postingan dengan label Tips & Trik. Tampilkan semua postingan

Cara Membuat Forum Sederhana menggunakan esoTalk

esoTalk Logo IconKali ini admin akan berbagi sedikit pengetahuan tentang "Cara Membuat Forum Sederhana menggunakan Platform esoTalk".

Baru dengan "esoTalk" ? , baiklah esoTalk ini adalah Platform Forum (OPEN SOURCE) yang dibuat oleh @tobscure, forum ini berbeda dengan forum-forum yang sering kita lihat seperti PHPBB, myBB, dan sebagainya.

esoTalk ini mempunyai kelebihan tersendiri! selain Simple, Fast, esoTalk ini Responsive (Mobile-Friendly).

Jangan khawatir!!! forum ini sudah saya uji coba, dan hasil nya memuaskan.. ^_^ , anda bisa langsung melihat demo nya Disini atau kunjungi http://forum.kangrian.com

Kita lanjut saja langsung ke Tutorial-nya ya! berikut langkah-langkahnya :

1. Pastikan anda mempunyai Hosting yang mendukung PHP & MySQL

Belum punya hosting? saya sarankan untuk membeli nya di QWORDS.COM !! kenapa harus di Qwords? Server aman, Cepet di Akses! :D , jika anda sudah memiliki hosting lanjut ke langkah berikutnya.

2. Download Forum esoTalk

Untuk mendownload Platform esoTalk-nya silahkan Klik Disini

3. Upload Platform esoTalk ke cPanel!

Login ke cPanel hosting > Subdomain > Buat subdomain baru dengan Nama "forum" , contoh :
subdomain

Jika sudah di buat masuk ke cPanel > File Manager, lalu Upload & Extract file esoTalk yang tadi kita download ke direktori forum yang sudag dibuat melalui SubDomain cPanel sebelumnya, contoh :
upload

Buat Database dan User Database di cPanel!

Setelah file esoTalk di extract, Forum esoTalk sudah siap di install! coba anda buka alamat forum anda di browser dengan mengetikan forum.nama-domain-anda.com , jika sudah kita buat database nya dulu!

Masuk ke cPanel > Wizard Database MySQL ® , ikuti seperti langkah-langkah berikut :
buat database
buat database
buat database

Selesai, Database dan Username & Password Database berhasil di buat! kita lanjut ke langkah berikut nya.

Terakhir, Install esoTalk!

Pertama - Akses Alamat forum anda di Browser, contoh :
instal forum

Kedua - Isi form instalasi forum esoTalk sesuai dengan Database dan Username & Password database yang sebelumnya kita buat!, contoh :
form instal esotalk

Selesai! - Selamat, forum anda berhasil di buat! semoga berhasil ..
selesai

Ada Pertanyaan?

Silahkan gunakan form diskusi (disqus) di bawah ini. Terima kasih
#A3

Mengganti Logo WP-Login Wordpress ala KangRian

Setelah membuat postingan tentang Mockup T-Shirt/Kaos Front-Back ( Depan - Belakang ) #PHOTOSHOP, sekarang saya ingin berbagi Cara Mengganti Logo WP-Login Wordpress yang berbeda dari Umum/standard nya..

Screenshot WP Login Wordpress sebelum :



Screenshot WP Login Wordpress sesudah :


Cara-nya :


1. Login Wordpress, setelah masuk dashboard ikuti langkah2 seperti screenshot di bawah ini :



2. Simpan kode di bawah ini, di paling bawah isi file function.php yang sudah di buka pada langkah pertama ( Lihat Screenshot ) :

/**
* Custom Login ala KangRian.com
*/
function kr_custom_login_logo() {
echo '<style type="text/css">
h1 a { background-image:url(http://kangrian.com/upload/gambar/login.png)!important;width:310px!important;height:169px!important;background-size:auto auto!important; position:relative;bottom:-55px;background:#fff;box-shadow:0px -3px 3px #ddd; }
</style>';
}

add_action('login_head', 'kr_custom_login_logo');

Contoh/Langkah-langkah Penempatan Code di atas :


Selesai ..

Semoga postingan tentang Cara Mengganti Logo WP-Login Wordpress ini bermanfaat untuk sobat yang membutuhkan tutorial ini.

Salam Blogger,
A.K.A ` KangRian

Baca Juga :

#A3

Basic Pembuatan Animasi Awan dengan CSS3

css3 cloud animation pngPada kesempatan kali ini saya ingin berbagi sedikit source code CSS3 Animasi untuk Pemula/Basic, berbeda dengan postingan sebelumnya yaitu tentang "Struktur Dasar HTML5" & "Ektensi Google Chrome Penting Untuk Blogger" yang membahas tentang SEO dan Web Desain Tips & Trik .

Dalam postingan ini saya ingin memberitahukan Basic pembuatan Animasi Awan bergerak dengan menggunakan CSS3 Keyframe, dan untuk sahabat yang mulai penasaran silahkan lihat demonstrasi nya di bawah ini :



Cara Pembuatan

Langkah-1 (Membuat kode CSS)
Perhatikan kode CSS3 di bawah ini khusus nya pada kode warna #C0DEED dan alamat Background https://abs.twimg.com/images/themes/theme1/bg.png jika sobat ingin merubah desain/gambar awan nya suatu saat nanti, nah disini saya menggunakan gambar/background default dari situs Twitter.com dalam membuat Demo Cara Membuat Animasi Awan ini, berikut kode CSS-nya :

#awan {
background-color:#C0DEED;
background: url(https://abs.twimg.com/images/themes/theme1/bg.png) center top repeat-x;
padding-top:100px;
padding-bottom:10px;
width: 100%;
height: 135px;
animation: awan-animasi 10s linear infinite;
-ms-animation: awan-animasi 10s linear infinite;
-moz-animation: awan-animasi 10s linear infinite;
-webkit-animation: awan-animasi 10s linear infinite;
}

@keyframes awan-animasi {
from {
background-position: 0 0;
}

to {
background-position: 100% 0;
};
}

@-webkit-keyframes awan-animasi {
from {
background-position: 0 0;
}

to {
background-position: 100% 0;
};
}

@-ms-keyframes awan-animasi {
from {
background-position: 0 0;
}

to {
background-position: 100% 0;
};
}

@-moz-keyframes awan-animasi {
from {
background-position: 0 0;
}

to {
background-position: 100% 0;
};
}

Keterangan :
  • Untuk mengatur kecepatan silahkan rubah semua value/nilai 10s pada kode CSS3 di atas.


Langkah-2 / Terakhir (Memanggil Kode CSS)
Dilanjut dengan Pemasangan kode HTML untuk Memanggil Code CSS3 Animation yang sudah kita buat sebelumnya. Berikut Markup HTML-nya :


<div id="awan">

.. Isi Konten di Dalam Animasi Awan! ..

</div>


Coba Langsung yuk? Klik Disini

Sekian tutorial tentang Basic Pembuatan Animasi Awan dengan CSS3, semoga bermanfaat untuk para sobat blogger yang ingin mencoba belajar CSS3 Animasi ini.
#A3

20 Cara Agar Kita Bisa Menjadi Orang yang Lebih Dewasa

Pada postingan kali ini , ane cuman mau repost dari si agan SurgaDunia member + donator nya Kaskus ! :) , yang thread nya menurut ane bermanfaat dan bisa diterapkan dalam kehidupan kita yang ingin mencoba dan mengenal arti dari kata "Dewasa" , well.. gak usah banyak basa dan basi lagi sekarang kita simak langsung 20 Cara Agar Kita Bisa Lebih Dewasa :

1. Berubahlah dengan waktu dan tempat !
Jangan selalu menuruti perasaan negatif, seperti: merasa bosan, lelah, jenuh, tersiksa dengan tempat atau masa lalu. Tersenyumlah, dan dunia akan tersenyum bersama anda! Menangislah, dan anda akan menangis sendirian! Mutiara kata ini mengisyaratkan agar kita selalu berbahagia dimana pun kita berada dan kapan pun.

Jika kita merasa sebagai orang yang paling sedih atau menderita di dunia ini, yakinlah bahwa masih banyak orang lain yang lebih menderita daripada kita.

2. Carilah kenalan, teman, sahabat, relasi sebanyak-banyaknya !
Sering-seringlah bepergian, menjelajahi dunia. Semakin sering anda bertemu dan berinteraksi dengan banyak orang, maka kepribadian anda akan semakin matang tanpa anda sadari.

3. Cintailah orang lain seperti mencintai diri sendiri.
Dengan cinta, hidup menjadi indah, persahabatan menjadi
langgeng, dan silaturahmi tetap terbina. Tentunya cinta yang diberikan secara tulus tanpa pamrih, tanpa mengharap balasan kecuali dari Allah semata.

4. Hargailah dan nikmatilah alam.
Dengan menghargai alam, jiwa menjadi tenang. Dengan menikmati alam hati menjadi senang. Temukanlah rahasia sesuatu itu tampak menarik, misalnya: bunga yang mekar, surya yang bersinar, sawah yang terhampar.

5. Hargailah orang lain.
Misalnya dengan cara membuatnya bahagia, tersenyum, tertawa, memberi pujian yang tulus. Membahagiakan orang lain akan membuatnya membahagiakan kita di saat yang tak terduga, percayalah!

6. Jaga tingkah laku.
Banyaklah mendengarkan dan berpikir daripada berbicara, kecuali bila waktunya untuk berbicara. Dengan menjaga lisan dan perbuatan kita, berarti setengah pertempuran hidup telah kita menangkan.

7. Jangan kekanak-kanakan.
Sikap dewasa menunjukkan kepribadian yang kuat dan mempesona. Betapa banyak orang tua yang bahkan belum dewasa! Salah satu tanda kedewasaan seseorang antara lain adalah dari sikap, tutur kata, dan caranya di dalam mengambil keputusan secara arif dan bijaksana.

8. Jangan mencari kesalahan orang lain.
Hidup kita terlalu singkat untuk melakukan hal ini.

9. Jangan rendah diri.
Sudah seharusnyalah kita menerima dan memperbaiki kekurangan kita tanpa pernah merasa minder atau kecil di depan orang lain. Percayalah, tidak seorang manusia pun yang sempurna di muka bumi ini!

10. Jangan sombong.
Ketahuilah bahwa selalu ada yang lebih daripada kita. Kesombongan menandakan kekosongan.

11. Kembangkan minat pada berbagai hal.
Jangan membatasi diri anda, perluas bakat, minat, kemampuan, pengetahuan, dan keahlian anda. Memiliki satu keahlian atau spesialisasi akan terasa lebih baik dan sempurna jika ditunjang dengan keahlian dalam bidang yang lainnya, sehingga anda akan semakin "bersinar" dan penuh pesona.

12. Selalu baik pada orang lain.
Jangan pernah merasa dendam sekalipun kepada orang lain, bahkan kepada mereka yang pernah menyakiti kita. Cintailah yang di bumi, niscaya yang di langit akan mencintaimu.

13. Selalu belajar.
Semakin sering anda belajar, maka semakin banyak yang anda ketahui. Ilmu ini dapat menjadi lahan amal bagi anda, sehingga anda merasakan nikmatnya berbagi dan indahnya ilmu.

14. Selalu mengikuti informasi dan perkembangan terkini tentang apapun.
Dengan banyak mengetahui hal yang paling baru, maka anda akan tampil semakin percaya diri dan penuh pesona. Semakin banyak hal baru yang anda tahu, maka akan semakin banyak pula yang mencari dan mengejar anda...yakinlah!

15. Selalu tegap, sigap, dan siap.
Posisi atau postur tubuh anda di dalam berkomunikasi dengan orang lain akan mengungkapkan siapa diri anda yang sebenarnya. Oleh karenanya, milikilah rencana, target, dan strategi (persiapan) yang matang dan semangat yang tak pernah pudar!

16. Selalu tersenyum pada orang lain.
Orang akan lebih senang melihat wajah yang dihiasi senyuman daripada wajah yang selalu disertai ratapan atau keluhan.

17. Senang bekerja sama dengan orang lain.
Inilah yang membuat jaringan (network) kita semakin luas, erat, dan kuat.

18. Senang menolong orang lain.
Dengan gemar menolong orang lain, maka pada hakikatnya kita menolong diri kita sendiri. Semakin banyak orang yang kita tolong, maka akan semakin sering pula kita ditolong oleh Allah dengan cara-Nya yang tak terduga.

19. Terimalah nasib apa adanya.
Tetaplah tenang dan tabah, ingatlah bahwa "badai pasti berlalu" dan "roda itu berputar". Jangan suka mengeluh, menggerutu, atau bahkan mencaci-maki nasib. Jangan sampai berkata atau menganggap bahwa Allah itu tidak adil! Justru di sinilah letak keadilan-Nya.

20. Selalu senyum pada semua orang
Ini adalah hal yang sangat murah untuk dilihat tapi sangat susah untuk dilakukan. Selalulah tersenyum kepada semua orang jangan selalu cemberut karena itu akan menandakan bahwa anda masih kekanak-kanakan, tapi sayangnya masih minim orang yang mengetahuinya dan melakukannya

Semoga tujuan sharing Kang Rian kali ini bermanfaat untuk agan-agan sekalian .. jika memang bermanfaat silahkan di share lagi sob sama temen2 nya yang lain.. agar kita bisa jadi orang yang lebih dewasa di dalam segala hal! :) salam blogger & happy blogging ..
#A3

3 Perintah Penting untuk Privasi Content Blog/Web !

Lock Content IconSelamat siang , salam blogger ! . pada kesempatan ini saya akan memberitahukan bagi yang belum tahu bagaimana cara mengamankan Content-content yang terklaim penting di blog sobat! , ada kala nya content-content yang kita miliki yang memang ingin memiliki Privasi / Tidak ingin dicuri orang lain di dalam blog / website kita , seperti : DILARANG KLIK KANAN pada Mouse , DILARANG MENGCOPY dengan menggunakan Keyboard ( CTRL + C ) , dan DILARANG Mem-BLOCK Text/Image yang ada dalam blog kita ..

Berikut ini adalah 3 Perintah Bermanfaat/Penting demi Keamanan Content-content Blog/Website kita :

1. Kode Dilarang KLIK KANAN pada Mouse :


onContextMenu="return false"

2. Kode Dilarang Menggunakan Fungsi Keyboard :


onKeyDown="return false"

3. Kode Dilarang  Mem-Block Text / Content :


onMouseDown="return false"


Cara Penggunaan? , simpan salah satu atau ke-3 kode tersebut di dalam tag <DIV> / <SPAN> / ( <Body> Jika Semua Content ingin dalam Status = Privasi )

Contoh :



<div id="test" class="test" onmousedown="return false">


<span class="test" oncontextmenu="return false">


<body onKeyDown="return false" onMouseDown="return false" OnContextMenu="return false">

Silahkan coba sobat Buktikan Fungsi dari Ke-3 Kode tersebut ! DEMO →

untuk mengaktifkan Fungsi menjadi Normal pada Tag/Area tertentu , sobat tinggal rubah "return false" menjadi "return true" ..

Cukup mudah bukan? , Keamanan itu gak harus ribet .. dan Kode Penting itu gak selalu Panjang Lebar .. Simple namun berguna ! ..

Semoga Bermanfaat sob , Happy Blogging :)
#A3

Cara Upload File CSS & JS (JavaScript) Gratis di Tumblr

Pada kesempatan ini saya akan memberitahukan Hosting Gratis dari Tumblr , yang mungkin bisa membantu anda dalam menyimpan sebuah file CSS dan JavaScript online selain di Google Code ..

Untuk Gambaran-nya silahkan lihat di bawah ini :

Cara Upload File CSS & JS (JavaScript) Gratis di Tumblr

Cara nya :

1. Masuk dulu ke Halaman Upload File Tumblr : Klik Disini
2. Daftar / Masuk Tumblr , dan Hosting Gratis dari Tumblr pun siap di akses ..
3. Selesai , selamat menikmati hosting gratisan dari Tumblr.com ^-^

Mudah bukan? hehe , semoga bermanfaat ! ..
Hargai setiap Tutorial yang original ! berikan sumber link jika anda berminat untuk berbagi tutorial dari blog saya .. terima kasih
#A3

Penjelasan tentang Nomor/ID Lokasi MAP di Twitter

Twitter Maps
Pernahkah sobat melihat di sebuah akun twitter dengan status lokasi menggunakan angka ? contoh : ÜT: -6.92534,107.595246 ( ini adalah update lokasi otomatis yang dihasilkan oleh applikasi Ubersocial , apa yang dimaksud dengan angka ( -6.92534,107.595246 ) ini .? , coba kawan-kawan perhatikan gambar profile twitter saya di bawah ini :


Nomor Lokasi di Twitter

Arti dari nomor di atas adalah , Nomor / ID yang fungsi nya untuk menentukan lokasi / tempat tinggal si pemilik akun tersebut .. sekarang coba kawan-kawan copy dan paste kan nomor / id lokasi tersebut ke dalam Google Maps , klik disini --> https://maps.google.com/ , atau lihat seperti gambar dibawah ini :

Nomor Lokasi Google Maps
Setelah di paste ke dalam kolom search Google Maps , kawan-kawan akan mengetahui dimana posisi / lokasi si pemilik twitter itu tinggal ..

Semoga informasi yang saya berikan bermanfaat ! dan jangan lupa ikuti saya di twitter yah kawan-kawan ..


Terima kasih ^_^ ..

#A3

Cara Cepat dan Pasti.! Untuk Memperbanyak "Like" Fanpage Facebook anda.. 2013


Catatan Penting :
 Tutorial ini hanya berfungsi di Browser Google saja!


SLOW BUT SURE
Oke , untuk kesempatan kali ini saya akan memberitahukan Cara Agar Fanpage Facebook banyak yang Like dengan Cara menggunakan Invite di daftar Teman si Admin fanpage .!

Here we go! kita mulai dari sekarang , ikuti tahap demi tahap jika ingin memahami lebih dalam cara yang saya berikan ( Step by Step ) ..

Pertama, Pastikan anda sudah Menjadi admin tuh Fanpage!

Kedua, Masuk ke halaman Fanpage yang akan kita perbanyak Like nya, dan Klik tautan/link "Lihat Semua" pada area Undang Teman , seperti gambar dibawah ini :

Selanjutnya, Klik "Interaksi Terbaru" dan Pilih "Cari Semua teman" seperti gambar dibawah ini :


Jika Calon/Teman si admin yang akan nge-Like fanpage sudah "stand by" seperti gambar dibawah ini :


Lalu Copy (CTRL+C) Kode JavaScript dibawah ini :


dan Paste-kan ke URL Bar Browser anda (Jangan dulu di ENTER baca dulu keterangan gambar dibawah!) jika sudah seperti gambar dibawah tekan "Enter/Go!" :

PENTING! : Pastikan Awalan Javascript ketika di tempel di URL Browser adalah "javascript:var" bukan "var" saja!


Ketiga, Jika Kode Javascript yang dimasukan benar akan seperti gambar dibawah ini:



KeEmpat, lakukan langkah Kedua dan Ketiga berulang-ulang sampai semua Daftar teman si admin sudah ter-Checlist / ter-Undang semua ..

Catatan akhir : Bayangkan jika dalam 1 Admin Fanpage mempunyai 5000 teman, dan yang Like cuman 50% dari teman si Admin, maka Usaha dari tutorial di atas akan menghasilkan 2500 Jempol/Like di fanpage kita .. " Gak percaya? silahkan buktikan sendiri :) "
#A3

Komentar Terbaru

Just load it!