Cara menginstall CMS Wordpress di 000Webhost

Dalam pembuatan sebuah web setidaknya kita harus membutuhkan sebuah hosting dan juga domain. Hosting digunakan sebuah tempat penyimpanan data web kita, kemudian domain itu adalah alamatnya yg biasanya .com , .net , .sch.id , .org , dll. Tentunya dalam membuat domain dan memakai hosting tak banyak yang harus membayarnya, Tetapi jangan khawatir karena kita akan membuat hosting dan domain GRATISAN dari 000webhost.com .

1.Pertama kita harus mendaftar sebagai member 000webhost dan membuat domain, Klik Di bawah ini !



Kemudian, kita pilih domain yang sudah terdaftar di 000webhost dan masuk ke CPANEL

2.Kemudian kita pilih menu “Software/Services” --> pilih MySQL

3.Setelah itu Buatlah database MySQL nya dan perhatikan DB namenya.

4.Jika sudah, kita tinggal mengupload Wordpress melalui “File Manager” di menu “Files”, atau untuk lebih mudah dan efisien kita bisa memakai WinSCP atau Filezilla. Untuk Download klik disini.

5.Dengan menggunakan WinSCP/Filezilla kita masukkan hostname, PortNumber(22), Username, Password, File Protocol (FTP)

6.Sekarang tinggal kita upload Wordpressnya yang sudah di extract di directory /public_html dengan cara di drag.

7.Kemudian kita ganti file wp-config-sample.php menjadi wp-config.php, dan edit seperti berikut :

 Edit file nya sesuai dengan data pada webhost di atas.

8.Sekarang kita buka buka : namadomain.com anda di WebBrowser dan mulailah untuk menginstall

9.Isikanlah Site-Title, Username, Password, dan Email seperti saat mendaftar pada Wordpress.com

10.Selamat Mencoba !!!

Read More

Membuat Related Post (Artikel yang berhubungan)

Related Post atau yang dikenal dengan Posting yang berhubungan ini. Membuat para pembaca postingan anda lebih mudah dengan mencari artikel yang masih ada keterkaitan untuk mencari penjelasan atau sesuatu yang masih ada hubungannya dengan artikel yang kita buat di blogger. Informasi ini didapat dari trik-tips.

Mau tahu caranya membuat Relataed Post ini di blogger anda, ikuti langkah-langkah berikut :

1.Buka blogger.com kemudian Sign in acount blogger anda
2.Setelah muncul Dashboard blogger anda, pilih "Layout" 3.Pilih "Edit HTML" kemudian cari kode ini "<data:post.body/>span>" 
4.Kalau sudah ketemu kodenya , Copy+paste(Ctrl C+Ctrl V) kode di bawah ini di bawah kode "<data:post.body/>span>" tadi <b:if cond="'data:blog.pageType"><br /> <div class="'similiar'"><br /> <br /> <div class="'widget-content'"><br /> <h3>Related Posts by Categories</h3><br /> <div id="'data2007'/"><br /> <br /> <br /> <script type="'text/javascript'"> var homeUrl3 = "<data:blog.homepageurl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var li = document.createElement('li'); var a = document.createElement('a'); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l < json.feed.link.length; l++) { if (json.feed.link[l].rel == 'alternate') { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k<20; k++) label = label.replace("%20", " "); var txt = document.createTextNode(label); var h = document.createElement('b'); h.appendChild(txt); var div1 = document.createElement('div'); div1.appendChild(h); div1.appendChild(ul); document.getElementById('data2007').appendChild(div1); } } } function search10(query, label) { var script = document.createElement('script'); script.setAttribute('src', query + 'feeds/posts/default/-/' + label + '?alt=json-in-script&callback=listEntries10'); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values="'data:posts'" var="'post'"> <b:loop values="'data:post.labels'" var="'label'"> textLabel = "<data:label.name/>"; var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script><br /> </div><br /> <br /> </div><br /> </b:if>

5.Jika sudah pilih" Save " lihat hasilnya

Selamat Mencoba !!!

Read More

Membuat Postingan Terbaru (Recent Post)

Mau Buat Recent Post " Postingan Terbaru " yang letaknya di sidebar (widget) blogger anda !!! Ingin Tahu Caranya, Ayo Buat!!!! 1. Sign in dulu blogger anda 2. Lalu pilih " Layout " 3. Klik "Page Element" terus klik "add a gadget" yang anda mau 4. Pilih "HTML/Java Script" 5. Tinggal Copy+Paste kode di bawah ini : <script src="http://www.geocities.com/uddin_81/recent-post.js"></script><br /><script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script><br /><script src="http://YOURBLOGNAME.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"><br /></script> 6.Ganti " YOURBLOGNAME " anda dengan nama blog anda . 7. Di kode atas ada tulisan "numpost = 10" itu bisa diganti dengan jumlah recent post yang ingin ditampilkan anda 8. Jika sudah langsung di "Simpan" OK !!!!!! Selamat Mencoba !!! Informasi ini dari trik-tips

Read More

Membuat Menu Vertical

black1black2

Cara Meembuat Menu Vertical 1. Login ke blogger trus pilih "Layout-->Edit HTML" 2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> Tambah kode berikut : .glossymenu, .glossymenu li ul{<br />list-style-type: none;<br />margin: 0;<br />padding: 0;<br />width: 185px; /*WIDTH OF MAIN MENU ITEMS*/<br />border: 1px solid black;<br />}<br />.glossymenu li{<br />position: relative;<br />}<br />.glossymenu li a{<br />background: white url('url gambar yang kamu pilih') repeat-x bottom left;<br />font: bold 12px Verdana, Helvetica, sans-serif;<br />color: white;<br />display: block;<br />width: auto;<br />padding: 5px 0;<br />padding-left: 10px;<br />text-decoration: none;<br />}<br />.glossymenu li ul{<br />position: absolute;<br />width: 190px;<br />left: 0;<br />top: 0;<br />display: none;<br />}<br />.glossymenu li ul li{<br />float: left;<br />}<br />.glossymenu li ul a{<br />width: 180px;<br />}<br />.glossymenu li a:visited, .glossymenu li a:active{<br />color: white;<br />}<br />.glossymenu li a:hover{<br />background-image: url('url gambar yang kamu pilih');<br />}<br /><br />* html .glossymenu li { float: left; height: 1%; }<br />* html .glossymenu li a { height: 1%; } Lalu Simpan.....Ok Klo udah buka Page Element------>Add HTML/Javascript Tinggal masukkan kode ini : (Copy+paste) <ul id="verticalmenu" class="glossymenu"><br /><li><a href="/">Home</a></li><br /><li><a href="http://3za-net.blogspot.com">3vanza-net</a></li><br /><li><a href="http://3vanza-net.co.cc">Wong e& Kr3asi</a></li><br /><li><a href="http://trik-tips.blogspot.com">Trik-tips</a></li><br /></li><br /></ul><br /> Terus Simpan Udah beres kan....... Lihat Hasilnya OK !!!

Read More