Home » Mengenal Ruby on Rails

19.16

Mengenal Ruby on Rails

Assalamualaikum Wr. Wb.

Mengenal Ruby on Rails | sore hari ini admin akan sharing tentang salah satu bahasa pemrograman, Ruby on Rails, Ruby on Rails adalah bahasa pemrograman yang di buat oleh seorang Programmer Jepang yang bernama Yukihiro Matsumoto pada tahun 1993.

Ruby merupakan bahasa pemrograman dinamis berbasis script dan berorientasi objek, tujuan ruby yaitu menggabungkan kelebihan-kelebihan dari semua bahasa pemrograman yang ada di dunia.

Kelebihan dari bahasa Ruby on Rails ini antara lain :

mempunyai exception handle yang baik.
Bahasa yang berorientasi pada objek.
Mengusung konsep single inheritance.
Open source, siapapun bisa menggunakannya secara cuma-cuma.
memiliki garbage collector yang secara otomatis akan menghapus informasi yang tidak terpakai dari memori.

Sistem operasi yang mendukung :

Linux
Microsoft Windows 95/98/XP/NT/2000/2003/Vista
MacOS X v10.5 Leopard
BeOS
OS/2
Unix
Amiga
MorphOS
Acorn RISC OS
Syllable
Symbian OS

Contoh penulisan script Ruby on Rails :

puts "Hello World"
puts "Say Hi, Say Hello!"

Nah, tadi itu adalah pengenalan tentang bahasa pemrograman Ruby On Rails, jika ada pertanyaan silahkan berkomentar di bawah atau kirimkan ke fanspage kami, bisa juga mention ke Twitter kami :D

Semoga Bermanfaat ^_^

Wassalamualaikum Wr. Wb.

Home » Membuat Header Dengan Photoshop

21.10

Membuat Header Dengan Photoshop

Assalamualaikum Wr. Wb

Cara membuat Header dengan Photoshop | - Tahukah anda apa yang dimaksud dengan header suatu blog? mungkin hal ini sudah tidak asing lagi untuk di dengar bagi agan yang sudah lama bergelut di bidang internet, namun sebaliknya bagi kaum pemula yang baru belajar membuat blog hal ini akan terdengar terasa asing. Nah..oleh karena itu saya berani berbagi tentang cara membuat header dengan photoshop untuk para pemula yang baru terjun ke dunia blogger salah satunya di bidang internet marketing :D haha

Daripada berlama-lama dan agan juga semakin penasaran, mari sekarang juga kita kupas secara tuntas tentang cara membuat header blog keren dengan photoshop dengan mengikuti langkah-langkah dibawah ini.

Membuat header blog dengan photoshop

Berikut ini adalah langkah-langkah cara membuat header blog keren dengan photoshop:

· Pilih file new, atau agan bisa memakai shortcut pada keyboard dengan menekan Ctrl+N, maka akan terlihat dialog box layaknya pada gambar di bawah ini.

Gambar di atas adalah suatu settingan ukuran yang biasa ane pakai, jika agan ingin mempunyai settingan sendiri maka perhatikan langkah-langkah di bawah ini.

· Misalnya: ganti ukuran width jadi 780 didalam satuan pixels, height 180 didalam satuan pixels, serta resolusi sebesar 72 didalam satuan pixels/inch. Maka, dialog box agan akan terlihat layaknya gambar di bawah ini :

· Sekarang waktunya agan berkreasi untuk membuat header blog agan, agan dapat berkreasi dengan brush tools pada photoshop agan. Bila agan pingin mengunggah file brush yang unik, lucu, serta keren, agan dapat mengunggahnya terlebih dulu serta me-load file brush .abr caranya dengan memilih tombol brush tool.

Terus agan pilih tombol segitiga hitam kecil disamping gambar brush pada tab di bagian atas hingga nampak gambar seperti dibawah ini.

Sesudah gambar layaknya di atas nampak, tekan tombol segitiga hitam kecil yang ada di sebelah text box bertuliskan 30px hingga nampak pilihan layaknya gambar di bawah ini.

Tentukan load brushes serta arahkan ke area dimana agan menaruh file .abr brush pilihan agan untuk dimasukkan kedalam brush tools agan. Untuk mengaplikasikan brush, pertama-tama agan harus membuat layer baru dengan cara klik Layer -> New atau dengan menekan tombol Ctrl+Shift+N. Silahkan berkreasi sesuka hati agan.

· Bukan hanya brush, agan juga bisa memasukkan gambar untuk membuatnya ada pada tampilan header blog agan dengan cara menekan tombol Ctrl+O, terus tentukan gambar yang agan kehendaki. Tekan layer gambar tersebut, terus drag ke file header blog agan.

· Untuk cara membuat header blog keren dengan photoshop ini agan bisa menggabungkan antara gambar dengan tulisan, brush dengan tulisan, atau agan juga bisa menggabungkan semuanya. gambar, brush, serta tulisan.

· Berikut ini adalah hasil dari tutorial cara membuat header blog keren dengan photoshop yang menggabungkan antara gambar, brush, serta tulisan.

· Selanjutnya, satukan layer-layer yang berbentuk text maupun layer yang lain dengan cara menentukan Layer -> Flatten, atau tentukan seluruh layer dengan cara menahan shift serta tentukan seluruh layernya lantas tekan Ctrl+E.

· Save header blog buatan agan menjadi format file .jpg atau .jpeg dengan cara klik File -> Save As hingga nampak dialog box JPEG Options untuk pengaturan kualitas gambar agan. makin kecil maka kualitasnya akan semakin menurun.

· Langkah terakhir silahkan masukkan header blog yang telah agan buat ke dalam blog agan. Bila agan memakai blogger, maka agan hanya perlu mengatur di bagian Design -> Page Element.

Nah itulah membuat header dengan Photoshop semoga postingan ini bermanfaat jika agan menemukan kesulitan silahkan tinggalkan komentar pada form komentar dibawah insya allah kalau saya bisa ane akan bantu

Wassalamualaikum Wr.Wb

Home » Cara Membuat Effect Background Transparan dengan CSS

19.51

Cara Membuat Effect Background Transparan dengan CSS

Assalamualaikum Wr. Wb.

Cara Membuat Effect Background Transparan dengan CSS | Pada malam hari ini admin akan membagikan cara membuat effect background transparan dengan menggunakan CSS (Cascading Style Sheet), cara ini tidak hanya bisa digunakan untuk background saja, tapi bisa juga di gunakan untuk gambar, table, dan lain lain.

Langkah pertama, buatlah file CSSnya :

<style title="transparan1" type="text/css">
.transparan1{background:#333333;opacity:0.7;-moz-opacity:0.7;-khtml-opacity: 0.7;filter:alpha(opacity=70);}
</style>

Pada teks yang berwarna merah bisa anda ganti sesuai keinginan anda, untuk teks berwarna biru adalah tingkat transparannya, yang berwarna hijau adalah warna backgroundnya, anda bisa mengganti warna tersebut sesuai keinginan anda, untuk peletakannya bisa lihat seperti gambar di bawah

Setelah itu kita akan memanggil CSS tersebut dengan menggunakan class="transparan1" pada bagian yang ingin diberikan effect transparan, contohnya :

Jika sudah, silahkan preview di Browser, bisa di Firefox atau Chromium.

Nah, tadi itu adalah cara mudah untuk membuat effect transparan menggunakan CSS, jika ada kesulitan silahkan komentar di bawah atau kirimkan ke fanspage kami, bisa juga mention ke twitter kami :D

Semoga Bermanfaat

Wassalamualaikum Wr. Wb.

Home » Cara membuat Chocolate Effect

17.29

Cara membuat Chocolate Effect

Assalamualaikum Wr Wb

Cara membuat Chocolate Effect pada foto Raisa| Sore ini saya akan mengeShare cara mengedit foto dengan Effect Chocolate n

Klik ctrl + J untuk menduplikat layer background.

Click Create new fill and Adjustment layer > Brightness/contras

Klik lagi Create new fill and adjustment layer > hue/saturation

Klik lagi create new fill and adjustment layer > Curve

Create New fill and Adjustment layer > Photo Filter

Klik Create New FIll and Adjustment layer > Curve

Klik Create New Layer .. lalu warnai dengan abu-abu (#747474) menggunakan paint bucket tool, , ubah layer stylemenjadi Screen dan opacity diturunin jadi 15%

Sekarang Klik layer background copy atau layer foto raisa

Klik Image > Adjustment> Shadow/highlight

Sekarang kita atur lighting nya..

Klik Filter > Render > Lighting Effect

Terakhir untuk memperterang foto hasil editan, klik create New fill and adjustment layer > Brightness/contras

Dan hasilnya seperti ini :

Selamat mencoba dan jangan ragu mencoba dengan foto yang lain..

Semoga Bermanfaat

Wassalamualaikum Wr.Wb

Home » Cara Membuat Jam Digital dengan Visual Basic 6.0

19.05

Cara Membuat Jam Digital dengan Visual Basic 6.0

Assalamualaikum Wr. Wb.

Cara Membuat Jam Digital dengan Visual Basic 6.0 | Pada malam hari ini saya akan share cara membuat jam digital sederhana menggunakan Visual Basic 6.0, check this out ^_^

Pertama silahkan buka Visual Basic 6.0 dan buat project baru

Selanjutnya buatlah Label dan ketikkan "00:00:00"(tanpa tanda petik) dan anda bisa atur ukuran dan jenis huruf sesuai keinginan anda

Setelah itu buatlah Timer dan ketik pada "Interval" 60, lalu klik 2 kali pada timer dan akan muncul seperti gambar di bawah, lalu ketikan script seperti di bawah

Jika tidak jelas, anda bisa copy dan paste script di bawah ini :

label1.caption=time

Setelah itu Run Project, maka hasilnya akan seperti ini

Nah tadi itu adalah cara membuat jam digital menggunakan Visual Basic 6.0, anda bisa memodifikasinya sesuka hati anda, jika ada kesulitan silahkan komentar di bawah atau kirimkan ke Fanspage kami.

Semoga Bermanfaat :)

Wassalamualaikum Wr. Wb.

Home » Cara Membuat Widget Jumlah Post dan Komentar di Blog

16.59

Cara Membuat Widget Jumlah Post dan Komentar di Blog

Assalamualaikum Wr. Wb.

Cara Membuat Widget Jumlah Post dan Komentar di Blog | di sabtu sore ini, admin akan share cara membuat widget jumlah post dan komentar yang sudah di publikasikan ke blog anda, widget ini berguna sebagai statistik blog anda yang pasti suatu saat akan bermanfaat untuk blog anda.

Inilah langkah-langkah untuk membuatnya :

Pertama buka Akun Blogger anda
Klik bagian Tata Letak/PageElement
Lalu tambahkan widget
Pilih HTML/Java Script
Lalu Pastekan script berikut :

<script style="text/javascript"> function numberOfPosts(json) { document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br />'); } function numberOfComments(json) { document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br />'); } </script> <ul><li><script src="http://url-blog-anda.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li> <li><script src="http://url-blog-anda.blogspot.com//feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>

Teks yang berwarna biru silahkan diganti dengan URL blog anda, lalu klik simpan atau save, maka hasilnya akan seperti ini :

Selamat Mencoba ^_^

Wassalamualaikum Wr. Wb.

Home » Membuat kalkulator dengan Microsoft Visual Basic 6.0

05.41

Membuat kalkulator dengan Microsoft Visual Basic 6.0

Assalamualaikum Wr. Wb.

Cara Membuat Kalkulator with Microsoft Visual Basic 6.0 | Selamat Pagi.. ^_^
di pos kali ini admin akan berbagi bagaimana membuat sebuah aplikasi kalkulator sederhana yang dibuat dengan aplikasi Microsoft Visual Basic atau Microsoft V.B. 6.
Ya langsung saja....

- Pertama anda harus pastikan, Microsoft VB 6.0 nya sudah terinstall
- Kedua Jika sudah terinstall langsung buka saja Visual Basic nya pilih yang "Standard exe"
Jika sudah
- Anda desain from sesuai dengan keinginan anda.

gambar di atas sebagai contoh From yang telah saya desain.... Silakan anda desain sesuai keinginan anda.
- Langkah keempat Masukan sript berikut ini

Private Sub Command1_Click()a = Val(Text1)b = Val(Text2)c = a / bText3 = cEnd Sub
Private Sub Command2_Click()a = Val(Text1)b = Val(Text2)c = a * bText3 = cEnd Sub
Private Sub Command3_Click()a = Val(Text1)b = Val(Text2)c = a - bText3 = cEnd Sub
Private Sub Command4_Click()a = Val(Text1)b = Val(Text2)c = a + bText3 = cEnd Sub
Private Sub Command5_Click()Text1.Text = ""Text2.Text = ""Text3.Text = ""

Silahkan Copy sricpt di atas sesuai From yang anda buat.
Dan selamat mengerjakan semoga berhasil.

Wassallamuallaikum wr. wb.

Home » Cara Membuat Iklan Melayang dengan Tombol Close

15.32

Cara Membuat Iklan Melayang dengan Tombol Close

Assalamualaikum Wr. Wb.

Cara Membuat Iklan Melayang dengan Tombol Close | di post berlabel blog pertama ini, admin akan memberikan tips untuk membuat iklan melayang dengan tombol close atau biasa disebut float top bar, tujuan membuat iklan melayang ini agar iklan mudah terlihat oleh pengunjung.

Pertama Buka akun Blogger anda, lalu masuk ke tab tata letak atau Page Element, setelah itu buat widget/tambahkan widget baru dan pilih HTML/Javascript dan paste script di bawah ini :

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
[Close][Klik 2x]
</a>
</div>
<center>
Masukan Konten Iklan Disini, bisa gambar atau script
</center></div></div>

Pada teks berwarna merah adalah tempat yang nanti akan di masukkan gambar atau script iklannya.
setelah itu klik save dan lihat hasilnya.

Selamat mencoba

Wassalamualaikum Wr. Wb.

Cara Mudah Menjalankan Large Language Model (LLM) Secara Lokal di Komputer Sendiri dengan Ollama | 100% Gratis, Cepat, dan Data Aman

Tutorial React Dasar Part 3: Menguasai Hook useEffect & Cara Mengambil Data REST API

Download Aplikasi Text Editor Terbaru

Cara Cepat Mengatasi Wi-Fi Tidak Terdeteksi ("No Wi-Fi Adapter Found") di Linux

Tutorial Dasar Linux Part 8: Manajemen Proses & Layanan Sistem (systemctl, htop, kill)

Tutorial Dasar Linux Part 7: Menguasai Hak Akses File & Ownership (chmod & chown)