Cara menginstal Joomla di komputer (offline)

Pada postingan yang lalu pernah saya bahas tentang install Wordpress di PC. Kali ini saya ingin membahas cara instalasi Wampserver untuk media install Joomla di PC. Yang dimaksud dengan install Joomla d PC adalah instalasi secara offline pada komputer sendiri dan tidak terhubung dengan internet, yang biasa disebut juga localhost. Untuk melakukan instalasi ini diperlukan dua tahap, yaitu :

1. Instalasi perangkat lunak server. Di sini saya menggunakan Wampserver.
2. Instalasi CMS Joomla. Di sini saya menggunakan CMS Joomla 1.0.15

Berikut ini langkah-langkah untuk mengistall Wampserver pada komputer dengan sistem operasi yang digunakan Windows.

1. Yang pertama pastinya harus memiliki software Wampserver, kalau belum ada bisa download di www.wampserver.com.
2. Saya asumsikan sobat sudah memilikinya, selanjutnya kita cari file WampServer2.0f.exe yang sobat sudah download tersebut dan di klik ganda, dan akan tampil jendela seperti berikut ini.

3. Selanjutnya klik Yes untuk melanjutkan proses instalasi, dan akan tampil jendela seperti berikut

4. Pada jendela tersebut ada tombol Next, langsung saja diklik, selanjutnya akan tampil jendela berikut ini

Pada gambar di atas, merupakan jendela yang menjelaskan tentang lisensi WampServer, yaitu GNU GPL. Artinya kita diperbolehkan meng-copy dan mendistribusikannya, namun tidak boleh mengubahnya.
5. Berikutnya pada tampilan jendala di atas, sobat pastikan untuk mencentang atau mengaktifkan bagain I accpet the aggreement yang menyatakan bahwa sobat setuju dengan lisensi tersebut (diatas), kemudian klik tombol Next dan akan tampil jendela selanjutnya seperti di bawah ini.

pada jendela di atas, sobat diminta menentukan lokasi tempat penginstalasian WampServer, secara default diletakkan pada lokasi C:\wamp. Kemudian klik tombol Browse kalau sobat ingin menempatkan di lokasi lain. Tapi sebaiknya biarkan saja pada lokasi default.
6. Setelah menentukan lokasi untuk instalasi WampServer kemudian klik tombol Next, sehingga akan tampil jendela seperti berikut ini. Di sini sobat diberikan feature tambahan seperti "Create a Quick Launch Icon dan "Create a Desktop Icon, sebaiknya sobat centang kedua opsi tersebut. Pilihan ini nantinya akan memudahkan sobat untuk mengakses WampServer, yaitu ketersediaan shortcut pada desktop dan pada menu quick Lauch, yang akan memudahkan sobat untuk menjalankan WampServer nantinya, setelah itu tekan tombol Next.

7. Akan tampil jendela selanjutnya seperti di bawah ini, dan langsung saja klik tombol Install untuk melaksanakan proses instalasi.



Pada saat penginstalasian nanti, sobat akan menemukan "WARNING" dengan pesan :"KEEP BLOCKING", "UNBLOCK" dan "ASK ME LATER". Peringatan ini abaikan saja, karena sobat akan menginstallnya di localhost. Jika instalasi online maka peringatan ini harus dijawab dengan memilih opsi "UNBLOCK", jika tidak MAKA WampServer sobat akan diblok oleh firewall Windows.
8. Setelah itu klik tombol Next dan akan muncul jendela berikutnya, seperti ini

Tampilan jendela di atas menjelaskan bahwa sobat telah berhasil menginstall WampServer di localhost yaitu di PC secara offline. Kemudian klik tombol Finish untuk menutup jendela ini, dan menjalankan secara langsung WampServer sobat. Tanda WampServer aktif adalah muncul icon WampServer (simbol) berwarna putih pada bagian kanan bawah taskbar Windows sobat. Untuk menjalankan WampServer, sobat cukup meng-klik tombol icon WampServer tersebut.
9. Jika sobat mau melihat atau mengecek apakah server Apache, PHP dan Database MYSQL sudah aktif dan berjalan dengan baik, lakukan dengan cara :
   Klik menu Localhost pada menu di atas, atau bukalah browser sobat, kemudian ketikan localhost pada bagian Address. Dan pastikan halaman yang tampil seperti gambar berikut ini.
   
   

Demikian, cara menginstal Joomla di komputer (offlie), semoga bermanfaat.




referensi:
http://www.dillablog.co.cc

Widget pagination navigasi

Pagination navigasi, merupakan feature ketiga yang saya tambahkan dalam blog ini, dapat dilihat pada bagian bawah postingan. Untuk feature ini saya terinspirasi dari blog pada Wordpress, dalam perjalanan saya browsing untuk mencari feature ini pada blogspot belum saya temukan hingga saat ini. Namun saya mendapatkan feature ini dari template Vista 84 by Gagan yang saya adaptasi ke blog ini, untuk selanjutnya saya juga bermaksud untuk memposting feature ini, mungkin para sobat blogger juga mau mencoba.



Langkah-langkahnya cukup mudah, pertama cari kode yang seperti ini ]]></b:skin> lalu copas kode di bawah ini persis di bawah kode ]]></b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

Kalau sudah dicopas kode di atas, selanjutnya cari kode seperti ini
<!-- Sidebar -->
<div id='sidebar-wrapper'>
lalu seperti biasa copas lagi kode di bawah ini persis di atas kode
<!-- Sidebar -->
<div id='sidebar-wrapper'>

&lt;script type=&quot;text/javascript&quot;&gt;

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==&quot;.com/&quot;;
var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;
var isPage = thisUrl.indexOf(&quot;/search?updated&quot;)!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;
thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= &#39;&#39;;
var upPageHtml =&#39;&#39;;
var downPageHtml =&#39;&#39;;

var pageCount = 5;
var displayPageNum = 5;
var upPageWord = &#39;Previous&#39;;
var downPageWord = &#39;Next&#39;;

var labelHtml = &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;;

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=&#39;&#39;){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = &#39;/search/label/&#39;+thisLable+&#39;?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=&#39;&#39;){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!=&#39;&#39;) postNum++;
htmlMap[htmlMap.length] = &#39;/search?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p&lt; htmlMap.length;p++){
if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
if(fFlag ==0 &amp;&amp; p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}
}else{
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}

fFlag++;
}

if(p==(thisNum-1)){
html += &#39;&lt;span class=&quot;showpagePoint&quot;&gt;&#39;+thisNum+&#39;&lt;/span&gt;&#39;;
}else{
if(p==0){
if(isLablePage){
html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;&#39;;
}
}else{
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}
}

if(eFlag ==0 &amp;&amp; p == thisNum){
downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
eFlag++;
}
}//end if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
}//end for(var p =0;p&lt; htmlMap.length;p++){

if(thisNum&gt;1){
if(!isLablePage){
html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}else{
html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}
}

html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;COLOR: #FF9933;&quot; class=&quot;showpageOf&quot;&gt; Pages (&#39;+(postNum-1)+&#39;)&lt;/span&gt;&#39;+html;

if(thisNum&lt;(postNum-1)){
html += downPageHtml;

}

if(postNum==1) postNum++;
html += &#39;&lt;/div&gt;&#39;;

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);

if(postNum &lt;= 2){
html =&#39;&#39;;
}

for(var p =0;p&lt; pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&amp;&amp;pageArea.length&gt;0){
html =&#39;&#39;;
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
&lt;/script&gt;

&lt;script src=&quot;/feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot;; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;

Selesai sudah, mudahkan !

Sebagai tambahan saja, jika mau ditampilkan beberapa postingan dalam satu slide dapat diubah pada kode ini :

var pageCount = 5;
var displayPageNum = 5;

Jika mau ditampilkan 5 postingan dalam satu slide, kodenya seperti di atas. Bila mau ditampilan 7 postingan dalam satu slide, kamu tinggal ubah saja var pageCount = 5 menjadi var pageCount = 7.

Ok, selamat mencoba, semoga bermanfaat...

CSS Style Menu

so many scattered in the virtual world of style menus css for navigation tools on our website,ranging from simple to complex, with a variety of navigation menus, such as dropdown vertical, horizontal dropdown, and can even be combined to produce a beautiful navigation menu.

This time I wanted to share to my friend bloggers, with the ability I have about css menu, and it was not long ago I learned about it, but because I feel like sharing so much.

css style menu dropdown vertical :

• 
• 
• 
• 

css style menu dropdown horizontal :

• 

Do Follow Bloggers

Lagi ada mood pagi ini, liat jam sekitar 12-an gitu kepingin "NGERONDA" di alam "MAYA" waah sungguh mengasyiiikan. Ketika saya sedang melintas ke SEKWILDA (red. SEKitar WILayah Dunia mAya) sesekali pulang kandang liatin blog... eeeh ada sobat juga yang ngeronda sampe ke kandangku untuk bertegur-sapa, wah ramahnya para sobat BLOGGER.

Setelah menyalami sobat BLOGGER, saya kembali lagi ngeronda kesana-kemari sampe ke Amrik gituloh, untungnya ga keabisan ongkos jadi masih sempat pulang lagi he he he.

Begitu sampe lagi ke Home Sweet Home (red. Indonesia) saya menemukan sebuah BLOG yang contentnya sangat menarik menurut saya dan memang saya sedang mencarinya untuk menambah Knowledge tentang pernak-pernik BLOGSPOT, maklum jam terbang saya sebagai BLOGGER masih terbilang masih BELIA jadi perlu sekali untuk terus menambah ilmu.



Akhirnya sampai pada topiknya... DO FOLLOW, awalnya saya masih ga ngudeng tapi lambat laun mengerti juga, dan kali ini saya ingin berbagi pada sobat BLOGGER.

Apa yang dimaksud dengan Do Follow atau No NoFolow ?
Menurut yang saya kutip dari Blognya firdaus | eosBlog2.0, bahwa Do Follow atau No Follow sebagai salah satu aplikasi web yang membutuhkan interaksi antar pengguna, blog akan menciptakan suasana "komunitas", dimana didalamnya kita mengenal sebuah proses "Komentar" sebagai bentuk interaksi tadi. Pada prosesnya, pemberi komentar akan disediakan sebuah ruang untuk memberi tanggapan pada setiap tulisan, disertai dengan identitas. Utamanya adalah URL/Alamat Blog Si pemberi komentar itu sendiri.

Format URL/Alamat yang akan kita cantumkan adalah :

http://www.namablog.com

Pada prosesnya, identitas tersebut juga dijadikan sebagai Link/tautan ke alamat yang dimaksud. Yang kemudian dialih-bahasakan ke HTML menjadi :

<a href="http://www.namablog.com/">http://www.namablog.com</a>

Pada dasarnya seluruh Link/Tautan ke alamat tertentu akan mempunyai format seperti diatas. Akan tetapi, pada system blog, baik wordpress, blogger(blogspot), blogsome atau yang lainnya format standard tersebut dengan sendirinya (oleh blogger disebut automagically) berubah menjadi :

<a rel="nofollow" href="http://www.namablog.com/">http://www.namablog.com</a>
Apa yang berbeda? yaitu munculnya attribute rel="nofollow".
Jadi sudah jelas, sebenarnya untuk membuat Blog kita Do Follow adalah dengan cara menghilangkan attribute rel="nofollow" tersebut.

Berikut ini tips untuk mengubah dari Do Follow menjadi No Follow :

Pada Blogger atau Blogspot terdapat 2 (dua) attribute rel="nofollow" pada body HTMLnya. Pertama adalah pada kolom komentar, dan kedua ada pada Kolom Backlink. Untuk menjadikan Blog kita "You Comment I Follow" atau Do Follow, hanya dibutuhkan penghilangan pada satu tempat saja, yaitu pada kolom komentar. Karena inti yang ingin diraih adalah memberi Backlink, pada pemberi komentar.

Cara menghilangkan Attribute rel="nofollow" pada kolom komentar :

Setelah Sign-in dan masuk ke Dashboard, Klik Layout > Edit HTML, lalu beri tanda centang(thick) di "Expand Widget Templates". BACKUP templates kawan-kawan, Lalu cari kode berikut :

<dl id='comments-block'>
<b:loop values='data:post.comments'var='comment'>
<dt class='comment-author'expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" +data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

Kemudian hapus kode rel='nofollow', lalu "save template". Selesai, Sekarang Blog kita Do Follow :) dan berhenti sampai disini juga SUDAH CUKUP.

Berikut adalah cara untuk menhilangkan attribut rel="nofollow" pada kolom BACKLINK/TRACKBACK. Metode kedua ini TIDAK wajib.. Kolom Backlink/trackback adalah kolom yang disediakan untuk membuat track jika ada yang melakukan Link terhadap Posting tulisan kita. Sekali lagi, kolom ini boleh dibiarkan dan tidak di buat do follow.

Setelah Sign-in dan masuk ke Dashboard, Klik Layout > Edit HTML, lalu beri tanda centang(thick) di "Expand Widget Templates". BACKUP templates kawan-kawan, Lalu cari kode berikut

Hapus kode rel='nofollow', lalu "save template". Selesai

Untuk masuk ke "Daftar Blog Do Follow" diatas, kawan-kawan hanya perlu melakukan penghilangan attribute rel="nofollow" pada kolom komentar saja.

<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>

Hapus kode rel='nofollow', lalu "save template". Selesai

Untuk masuk ke "Daftar Blog Do Follow" diatas, kawan-kawan hanya perlu melakukan penghilangan attribute rel="nofollow" pada kolom komentar saja.

| | | |

Blogger yang Blog-nya di beri "tag" ini, silahkan mengisi kolom komentar yang nantinya akan ditambahkan ke dalam daftar blog do follow. Mohon maaf sebelumnya, supaya sobat blogger tidak merasa bahwa list ini menguntungkan saya atau sebagian Blogger. Daftar berikut semata-mata hanya sebagai Do Follow listing yang masih sangat sedikit khususnya untuk blog Indonesia.

eNBe :

• Berkomentar jangan lupa memberikan NAMA BLOG dan URL nya.
• Sobat yang berkomentar terlebih dahulu mengubah NO FOLLOW menjadi DO FOLLOW (untuk mengubahnya ikuti penjelasan di atas).
• Komentar sobat mewakili pribadi dan BLOG sobat, jadi berikan komentar yang berbobot. Ga mau kan kalo dibilang Ga Berbobot. Hayooo Gimana. Terima Kasih.

DAFTAR BLOG DO FOLLOW

Belajar dan Berbagi Heryan Tony Tips Of Kanzenk Ekspresi Diri Refleksi Personal Blog Dilla PDF Kita Cara Membuat Website Optycon-Tutorial Blog Sawung Web	Strange De Javu Nova Imoet Goresan Lia Kak Indra Hans MisterX adegustiann mei