Cara Menginstall XAMPP di windows 10

XAMPP adalah adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. XAMPP biasanya digunakan oleh beberapa web developer untuk membantu dalam pengembangan web.

XAMPP

Fungsi XAMPP adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl.

Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload langsung dari web resminya.

XAMPP adalah singkatan yang masing-masing hurufnya adalah:

X

X: Program ini dapat dijalankan dibanyak sistem operasi, seperti Windows, Linux, Mac OS, dan Solaris.

A

A: Apache, merupakan aplikasi web server. Tugas utama Apache adalah menghasilkan halaman web yang benar kepada user berdasarkan kode PHP yang dituliskan oleh pembuat halaman web. jika diperlukan juga berdasarkan kode PHP yang dituliskan,maka dapat saja suatu database diakses terlebih dahulu (misalnya dalam MySQL) untuk mendukung halaman web yang dihasilkan.

M

M: MySQL, merupakan aplikasi database server. Perkembangannya disebut SQL yang merupakan kepanjangan dari Structured Query Language. SQL merupakan bahasa terstruktur yang digunakan untuk mengolah database. MySQL dapat digunakan untuk membuat dan mengelola database beserta isinya. Kita dapat memanfaatkan MySQL untuk menambahkan, mengubah, dan menghapus data yang berada dalam database.

P

P: PHP, bahasa pemrograman web. Bahasa pemrograman PHP merupakan bahasa pemrograman untuk membuat web yang bersifat server-side scripting. PHP memungkinkan kita untuk membuat halaman web yang bersifat dinamis. Sistem manajemen basis data yang sering digunakan bersama PHP adalah MySQl. namun PHP juga mendukung sistem manajement database Oracle, Microsoft Access, Interbase, d-base, PostgreSQL, dan sebagainya.

P

P: Perl, bahasa pemrograman untuk segala keperluan, dikembangkan pertama kali oleh Larry Wall di mesin Unix. Perl dirilis pertama kali pada tanggal 18 Desember 1987 ditandai dengan keluarnya Perl 1. Pada versi-versi selanjutnya, Perl tersedia pula untuk berbagai sistem operasi varian Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows,PowerPC, BeOS, VMS, EBCDIC, dan PocketPC.

Cara menginstall XAMPP di windows 10

1. kalian harus download terlebih dahulu XAMPP nya mau yang terbaru atau versi sebelumnya bebas.

2. Kemudian double klik dan jalankan program sebagai administrator, kemudian klik next.

Install XAMPP

3. Nah pada pilihan berikutnya ada beberapa program yang akan kalian install jika mau menginstall semua silahkan klik next.

Install XAMPP

4. Lalu pilih folder tempat kalian akan menyimpan XAMPP berada jika sudah di pilih next aja.

Install XAMPP

5. Selanjutnya tunggu sampai selesai.

Install XAMPP

6. Jika ada prompt windows berikut pilih aja allow access

Install XAMPP

7. Jika selesai klik finish, maka akan menstartup XAMPP control panel

8. Lalu di situ pilih bahasa inggris lalu save, lalu start apache dan mysql untuk menjalankan localhost

9. Untuk membuka localhost kalian buka browser kalian dan ketikan 127.0.0.1 atau localhost maka akan di bawa ke page dasboard bawaan installer, untuk membuka website milik anda save file projek anda di htdocs untuk di buka di hosting local.

Membuka phpmyadmin

Untuk membuka phpMyAdmin bisa kalian tambahkan /phpmyadmin atau localhost/phpmyadmin untuk membuka phpmyadmin di localhost anda.
Mengenal bagian XAMPP yang biasa digunakan pada umumnya:

• htdoc adalah folder tempat meletakkan berkas-berkas yang akan dijalankan, seperti berkas PHP, HTML dan skrip lain.

• phpMyAdmin merupakan bagian untuk mengelola basis data MySQL yang ada dikomputer. Untuk membukanya, buka browser lalu ketikkan alamat http://localhost/phpMyAdmin, maka akan muncul halaman phpMyAdmin.

• Kontrol Panel yang berfungsi untuk mengelola layanan (service) XAMPP. Seperti menghentikan (stop) layanan, ataupun memulai (start).

Baca juga : cara menginstall wordpress di localhost

Itulah cara menginstall XAMPP di windows 10 jika ada yang ingin di tanyakan silahkan komen atau kontak di page contact us, Sekian semoga bermanfaat!!!

sumber : https://id.wikipedia.org/wiki/XAMPP

Cara Memasang Widget Fanspage Facebook di Blog atau Website

Facebook adalah sebuah jejaring sosial media yang sangat terkenal dikalangan anak-anak milenial karena dengan facebook kita bisa terhubung dengan orang luar negri sekalipun jarak memisahkannya, Facebook memiliki sebuah fitur fanspage apa itu?

facebook

Fans page  facebook adalah sebuah halaman khusus seperti halnya blog yang menyediakan informasi yang beragam sesuai dengan keinginan pemiliknya, mulai dari perusahaan, pendidikan, layanan, produk fisik, artis, komunitas dan masih banyak lainnya. Beberapa orang ahli pun pasti memiliki pengertian fans page facebook sendiri sesuai dengan apa yang mereka pelajari.

Manfaat Fans Page Facebook adalah untuk mengumpulkan prospek (fans) sebanyak-banyaknya dan kemudian kirimi pesan-pesan marketing untuk menghasilkan penjualan.  Dengan semakin banyaknya jumlah Fans / penggemar halaman / page facebook anda, maka akan semakin besar pula peluang anda mendapatkan uang.

Contoh Fanspage Facebook

Tetapi fanspage facebook juga bisa kita gunakan sebagai branding dari sebuah blog atau website yang kita miliki jika kalian yang tidak memiliki sebuah bisnis secara online. Dengan cara memasangkan widgetnya pada sebuah blog kalian atau website yang kalian miliki tetapi tutor kali ini saya akan memberikan tutorial untuk blogger

Berikut adalah cara Memasang Widget Fanspage Facebook tersebut :

1. Login kepada akun blogger kalian.
2. Kemudian masuk ke menu layout dan selanjutnya buat gadget baru dan pilih HTML/Javascript
3. Jika sudah copy code di bawah ini :

<div style=".background-color:#F4F4F4;width:300px;padding:0;height:250px;height:250px;overflow:hidden;"><div style="height: 250px; overflow: hidden;">
<iframe src="https://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/haqtips&amp;width=300&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</div>
</div>

4. Jika sudah kalian ganti https://www.facebook.com/haqtips dengan nama url facebook fanspage facebook kalian , jika belum diganti maka yang akan muncul malah fanspage milik saya
5. Setelah itu Save dan lihat hasilnya sebagai contoh lihat widget di kanan jika kalian memakai PC sedangkan scroll ke bawah jika kalian memakai HP.

Untuk memasang di website tinggal copy saja kode tersebut dan simpan di mana kalian inginkan.

Cara membuat tools CSS Minifier atau Minify di Page atau Halaman Statis Blogger

Pada kesempatan kali ini Haq Tips akan memberikan sebuah tools yang bermanfaat sebagai pengkompressi kode CSS, dengan mengkompres kode CSS di template kalian bisa mempercepat loading dari website atau blog kalian karena itu juga sangat mendukung SEO untuk blog kalian. Oke langsung saja cara memasangnya.

1. Pertama kalian harus membuat sebuah halaman statis atau page di blog. caranya buka blogger -> Page -> Buat baru
2. Kemudian kalian harus pindah mode dari compose ke mode html
3. Letakanlah kode berikut dan simpan

<div id="cssminifier">
<style scoped="" type="text/css">
#cssminifier{background:#ecf0f1;position:relative;display:block;clear:both;border-radius:5px;padding:20px;border:1px solid rgba(0,0,0,0.05)}
#cssminifier textarea{width:100%;height:240px;margin:0 auto;display:block;background-color:#fff;padding:20px;font:normal 13px 'Courier New',Monospace;border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.05);border-radius:5px 5px 0 0;resize:none}
textarea:focus{background-color:#FFF;color:#303030}
#cssminifier .box{margin:10px auto 30px;color:rgba(255,2255,255,.6);}
#cssminifier .box p{margin:0 0 2px}
#cssminifier button{cursor:pointer;}
#cssminifier .col{width:48%;margin:0 auto 30px}
#cssminifier .left{float:left;margin-left:1%}
#cssminifier .right{float:right;margin-right:1%}
#cssminifier .button-group{background:#2980b9;text-align:center;padding:20px 20px 40px 20px;margin:0;border-radius:0 0 5px 5px}
#cssminifier button,#cssminifier button[disabled]:active{background:rgba(255,255,255,0.2);text-align:center;color:#fefefe;display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.471;border-radius:4px;margin:0 5px;border:0;transition:all .1s}
#cssminifier button:hover,#cssminifier button:active{background:#fff;color:#2980b9}
#cssminifier button[disabled],#cssminifier button[disabled]:active{background:#fff;}
#cssminifier .opt1,#cssminifier .opt2,#cssminifier .opt3,#cssminifier .opt4,#cssminifier .opt5{display:inline-block;margin:0 0 0 10px;vertical-align:middle;border:none;outline:none}
#cssminifier br{display:none}
</style>
<span class="clear"></span>
<textarea autofocus="" id="cssField" placeholder="Paste your CSS code here..." spellcheck="false"></textarea>
<div class="button-group">
<div class="box">
<input class="opt1" id="stripAllComment" type="checkbox" /> 
<label for="stripAllComment">Strip all comments</label>
<input class="opt2" id="superCompact" type="checkbox" /> 
<label for="superCompact">Super compact</label>
<input class="opt3" id="betterIndentation" type="checkbox" /> 
<label for="betterIndentation">Keep indentation</label>
<input checked="" class="opt4" id="keepLastComma" type="checkbox" /> 
<label for="keepLastComma">Remove the last semicolon</label>
</div>
<button onclick="compressCSS(&quot;cssField&quot;);">Compress CSS</button>
<button onclick="clearField(&quot;cssField&quot;);">Clear Field</button> 
<button onclick="selectAll(&quot;cssField&quot;);">Select All</button>
</div>
<div class="clear">
</div>
<script type="text/javascript">
function get(e){return document.getElementById(e)}function highlightCode(e){if(hc.checked){var a=e.innerHTML;a=a.replace(/\{([\s\S]+?)\}/g,function(e){return e.replace(/\'(.*?)\'/g,"<span class='st'>'$1'</span>").replace(/\"(.*?)\"/g,"<span class='st'>\"$1\"</span>").replace(/(\{|\n|;)?(.[^\{]*?):(.[^\{]*?)(;|\})/g,"$1<span class='pr'>$2</span>:<span class='vl'>$3</span>$4").replace(/<span class='pr'>\{/g,"{<span class='pr'>")}),a=a.replace(/&lt;(.*?)('|")(.*?)('|")&gt;/g,function(e){return e.replace(/'(.*?)'/g,"<span class='vl'>'$1'</span>").replace(/"(.*?)"/g,"<span class='vl'>\"$1\"</span>")}),a=a.replace(/\{([\s\S]+?)\}/g,function(e){return e.replace(/([\(\)\{\}\[\]\:\;\,]+)/g,"<span class='pn'>$1</span>").replace(/\!important/gi,"<span class='im'>!important</span>")}),a=a.replace(/\/\*([\w\W]+?)\*\//gm,"<span class='cm'>/*$1*/</span>"),e.innerHTML="<code>"+a+"</code>",hr.style.display="block",rt.style.display="block"}else hr.style.display="none",rt.style.display="none"}function compressCSS(e){var a=get(e),c=/@(media|-w|-m|-o|keyframes|page)(.*?)\{([\s\S]+?)?\}\}/gi,n=a.value,t=n.length;n=sa.checked||sc.checked?n.replace(/\/\*[\w\W]*?\*\//gm,""):n.replace(/(\n+)?(\/\*[\w\W]*?\*\/)(\n+)?/gm,"\n$2\n"),n=n.replace(/([\n\r\t\s ]+)?([\,\:\;\{\}]+?)([\n\r\t\s ]+)?/g,"$2"),n=sc.checked?n:n.replace(/\}(?!\})/g,"}\n"),n=bi.checked?n.replace(c,function(e){return e.replace(/\n+/g,"\n  ")}):n.replace(c,function(e){return e.replace(/\n+/g,"")}),n=bi.checked&&!sc.checked?n.replace(/\}\}/g,"}\n}"):n,n=bi.checked&&!sc.checked?n.replace(/@(media|-w|-m|-o|keyframes)(.*?)\{/g,"@$1$2{\n  "):n,n=cm.checked?n.replace(/;\}/g,"}"):n.replace(/\}/g,";}").replace(/;+\}/g,";}").replace(/\};\}/g,"}}"),n=n.replace(/\:0(px|em|pt)/gi,":0"),n=n.replace(/ 0(px|em|pt)/gi," 0"),n=n.replace(/\s+\!important/gi,"!important"),n=n.replace(/(^\n+|\n+$)/,""),a.value=n,hr.innerHTML="/* "+(t-n.length)+" of "+t+" unused characters has been removed. */\n"+n.replace(/</g,"&lt;").replace(/>/g,"&gt;"),highlightCode(hr)}function clearField(e){var a=get(e);a.value="",a.focus()}function selectAll(e){get(e).focus(),get(e).select()}var hc=get("highlightCode"),sa=get("stripAllComment"),sc=get("superCompact"),cm=get("keepLastComma"),bi=get("betterIndentation"),bs=get("breakSelector"),tt=get("toTab"),to=get("tabOpt").getElementsByTagName("input"),sb=get("spaceBetween"),ip=get("inlineSingleProp"),rs=get("removeLastSemicolon"),il=get("inlineLayout"),si=get("singleBreak"),hr=get("highlightedResult"),rt=document.getElementsByTagName("h2")[1];
</script>
</div>

4. Jika sudah lihat hasil jadinya. RESULT

Memang tidak seberapa tetapi tools ini sangat membantu dalam hal kompresi jika kalian ingin meningkatkan SEO Blog atau website kalian. Karena dengan di kompres kecepatan loading Blog kalian akan meningkat sedikit membantu ke SEO. Baca Juga : Pengertian SEO dan Manfaatya

Cara Memasang Script Anti Adblock di blogger terbaru 100% Work

Hai sobat haq tips kali ini saya akan membahas tentang Script Anti Adblock siapa sih yang masih belum tau Apa itu Adblock? .

Anti Adblock

Adblock adalah sebuah ekstensi penyaringan konten dan memblokir iklan dengan sumber terbuka untuk pengguna browsing atau penjelajah website. Adblock memungkinkan kita untuk mencegah munculnya sebuah iklan yang tidak kita inginkan pada elemen sebuah web tertentu.

Hampir semua orang telah memasang Adblock yang dipasang di web browser pada komputer mereka. Sebenarnya fungsi dari Adblock adalah memblokir sebuah iklan yang berada pada suatu website. Tetapi sekarang Adblock sudah ada di semua website dan platform, Seperti Google Chrome, Apple Safari, UC Browser, dan masih banyak lagi.

Baca juga : Cara Redirect Otomatis di UC Browser ke Google Chrome

Tetapi sekarang sudah ada beberapa situs penyedia iklan memiliki anti adblock tersendiri contohnya seperti Propeller Ads, Mereka memasang anti Adblock pada iklan mereka sehingga mereka bisa menayangkan iklan meskipun Adblock menyala. Propeller Ads Launcher Advanced Anti-Adblock technology

Jika kita lihat dari sisi klien atau penjelajah website Adblock memang sangat bermanfaat karena memblokir iklan yang tidak kita inginkan akan tetapi jika dilihat dari sisi Publisher iklan seperti saya memang tidak menguntungkan karena pendapatan atau earnings bisa berkurang.

Bagaimana cara mengatasinya? , Saya menanggulangi masalah tersebut dengan cara membuat sebuah pesan untuk pengguna AdBlocker seperti halnya anda jika menggunakan Adblock pada saat mengunjungi blog saya terdapat sebuah pesan untuk mematikan Adblock. Nah kali ini saya akan membawakan sebuah tutorial cara memasang Script Anti Adblock untuk pengguna blogger langsung saja tanpa basa-basi lagi.

cara membuat anti adblock di blogger

1. Buka blogger anda kemudian masuk ke template dan edit html

2. Kemudian cari </b:skin> atau <style> dengan cara CTRL+F untuk mempercepat pencarian, lalu letakanlah kode CSS di bawah berikut :

<!--Anti Adblock Style-->
/* Animation */
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}

/* Anti Adblock */
#haq{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}
#haq .header{margin:0 0 15px 0}
#haq .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s}
#haq button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
#haq button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#haq button.active,#haq button:hover.active{background:#fff;color:#222;outline:none}
#haq .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
#haq .fixblock div{display:none}
#haq .fixblock div.active{display:block}
#haq ol{margin-left:20px}
@media(max-width:768px){#haq .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}}

3. Kemudian letakanlah kode selanjutnya di atas </body>

<!--Anti Ads JS -->
<script type='text/javascript'>
function downloadJSAtOnload(){var e=document.createElement(&quot;script&quot;);e.src=&quot;https://cdn.rawgit.com/hamadaakise/javascript/e7ab0338/ads.js&quot;,document.body.appendChild(e)}window.addEventListener?window.addEventListener(&quot;load&quot;,downloadJSAtOnload,!1):window.attachEvent?window.attachEvent(&quot;onload&quot;,downloadJSAtOnload):window.onload=downloadJSAtOnload;
</script>

4. Jika sudah selesai save atau simpan tema yang sudah di edit

Jika kalian sudah berhasil maka akan ada notification anti adblock tersebut, Kalau masih belum ada coba ulang cara yang ada di atas sampai bisa jika ada yang ingin di tanyakan silahkan komen.


code by : Arlina Design

Cara Membuat Kotak Subscribe di Blogger

Ketika kita sudah memiliki ciri khas blog kita dan telah memiliki pembaca setia tetapi bagaimana cara memberitahukan ke pelanggan setia kita bahwa artikel yang kita buat sudah update.

Nah hal ini bisa kita akali dengan menggunakan fitur berlangganan yang terdapat di FeedBurner. Apa itu FeedBurner?, Saya akan menjelasakan secara singkat saja.

FeedBunner merupakan sebuah layanan blogging yang berbasis web atau web based tools. FeedBurner juga memiliki salah satu layanan yang fungsinya membantu agar pemilik blog untuk mempromosikan situsnya setiap kali mereka menerbitkan sebuah artikel baru. Dengan menggunakan salah satu alat untuk berlangganan pada situs blog agar pembaca setia bisa melakukan subscribe atau berlanganan.

Jika kalian masih penasaran dengan FeedBurner silahkan Baca : Apa itu FeedBurner dan Fungsinya

Setelah memahami apa itu feedburner sekarang waktunya membuat widget subscribe untuk pelanggan setia supaya berlangganan pada blog anda tetapi bagaimana cara membuatnya.

Jadi pada artikel kali ini saya akan memberikan sebuah cara membuat widget subscribe untuk blog dengan menggunakan FeedBurner. Yup mari kita langsung saja tanpa basa-basi.

Kotak berlangganan atau subscribe artikel bagi blogger memiliki banyak fungsi. Apalagi bagi blogger yang memiliki jumlah pengunjungnya cukup tinggi.

Sebelum membuat widget tersebut kalian harus sudah memiliki akun dari FeedBurner tersebut jika belum kalian harus membuat akun FeedBurner Terlebih dahulu. Jika belum tahu cara membuat akunnya silahkan klik disini

Baik mari kita mulai :

1. Buka Website https://feedburner.google.com dan login menggunakan akun feed kalian, Jika kalian mempunyai banyak blog yang sudah di daftarkan pilih salah satu mana yang ingin anda buat widget subscribe tersebut.

Masuk ke FeedBurner

2. Setelah masuk ke feed yang akan kita gunakan sekarang klik atau pindah ke menu Publicize.

Memilih Publicize menu

3. Selanjutnya di situ terdapat banyak menu layanan atau service pilih atau klik menu Email Subscription, Kemudian klik activate untuk mengaktifkan layanan subscribe tersebut.

Aktifkan layanan Subscribe

4. Jika sudah copy kode yang di atasnya untuk di gunakan sebagai form subscribe yang akan di gunakan.

Copy Kode kotak Subscribe

5. Kemudian Masuk ke Blogger dan paste kode tersebut. Kalian bisa mempaste kode tersebut di layout atau di tempat yang menurut kalian cocok.

Kalau gak mau ribet kalian bisa langsung mencopy script berikut dan letakan di bawah badan post atau di widget baru dengan menggunakan widget html/javascript.

<!-- kotak berlangganan email feedburner -->
<div class="subscribe-box">
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=URLFEED', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
Berlangganan update artikel terbaru via email:<br />
<input class="email-address" name="email" placeholder="Masukan alamat email..." type="text" />

<input name="uri" type="hidden" value="URLFEED" />
 <input name="loc" type="hidden" value="en_US" />
 <br />
<input class="submit-email" type="submit" value="Berlangganan" /></form>
</div>

Edit ID feedburner URLFEED Kalian di atas dengan ID feedburner milik kalian

Setelah kalian mencopy code tersebut selanjutnya memasang style agar terlihat lebih menarik. Buka editor tema di blogger dan kemudian cari kode HTML <style> untuk memudahkan tekan ctrl+f dan cari kode tersebut kemudian copy kode berikut sesudah kode <style>

/* SUBSCRIBER BOX */
.subscribe-box {
 background: #f8f8f8;
    padding: 15px;
    margin: 20px 0;
    text-align: center;
    border: 1px solid #efefef;
}
.subscribe-box p {
 margin:15px 0;
}
.subscribe-box input.email-address[type="text"] {
 width: 60%;
    padding: 10px;
    border: 1px solid #efefef;
    text-align: center;
    border-radius: 2px;
    outline: none;
}
.subscribe-box input.submit-email[type="submit"] {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    padding: 10px 15px;
    border-radius: 2px;
    color: #444;
    border: none;
    outline: none;
    border: 1px solid #c7c7c7;
}
.subscribe-box input.submit-email[type="submit"]:hover {
 background:#f8f8f8;
 cursor:pointer;
}
.subscribe-box input.email-address[type="text"]:focus {
 background: #f9f2a5;
}

Jika template kalian tidak ada kode tersebut kalian bisa mencari kode <b:skin> karena kode tersebut merupakan pengganti dari kode <style>.


Nah jika selesai simpan tema dan lihat kotak subscribe sudah selesai.

Cara Membuat Feedburner untuk Feed Blog

Kali ini saya akan berbagi tips cara membuat akun dari feedburner untuk feed blog. Tips yang dibahas kali ini merupakan tips untuk blogger pemula seperti saya. Sebelum memulai saya akan menjelasakan secara singkat mengenai feedburner.

FeedBurner

Apa itu Feedburner?

FeedBunner merupakan sebuah layanan teknologi internet yang salah satunya fungsinya membantu pemilik situs untuk mempromosikan situsnya setiap mereka menerbitkan sebuah artikel, sedangkan RSSFeed bunner (mempersatukan sesuatu menjadi benar-benar mudah) merupakan sebuah teknologi yang di gunakan para blogger untuk melihat atau memperoleh informasi terbaru dari website atau blog yang mereka favorite kan.

Awalnya merupakan layanan tersendiri, namun akhirnya diakusisi oleh Google khusus buat pengguna blogger.

Jika kita melihat pada penjelasan Wikipedia, FeedBurner bisa diartikan sebagai layanan pengelola atau sebuah web based tools yang memberikan kita kemudahan dalam mempromosikan blog secara utuh. Feedburner juga menyediakan sebuah layanan manajemen umpan web (web feed), yang bisa digunakan sebagai alat pengelola untuk blogger yang berbasis web.

Fitur yang terdapat pada feedburner, misalnya alat untuk berlangganan pada situs blog. Alasan mengapa saya menggunakan Feedburner karena pengguna akan diberi kemudahan dalam mempromosikan konten blog agar pembaca lebih mudah untuk melakukan subscribe atau berlanganan dan mempublikasikan feed lebih kompatibel untuk semua jenis perangkat lunak subscriber.

Jika masih belum paham silahkan baca juga : Apa itu FeedBurner dan Fungsinya

Nah jika anda sudah paham sedikit mengenai feedburner, sekarang saya akan membagikan cara membuat akunnya. Baiklah kita mulai saja :

1. Pertama kalian harus buka https://feedbunner.google.com/ login menggunakan akun google kalian.

cara daftar feedburner

2. Kemudian masukan url blog kalian di kotak yang berada di bawah tulisan Burn a Feed lalu klik next.

cara daftar feedburner

3. Setelah itu kalian pilihlah feed source kalian namun yang biasa saya pake yang atom kemudian klik next.

cara daftar feedburner

4. Nah disini kalian harus memasukan judul dari feed kalian bebas silahkan kalian masukan sesuai nama blog kalian dan kemudian di bawahnya masukan url feed address kalian, saya sarankan yang mudah di ingat saja supaya di mempersulit kedepannya. url feed address ini akan berfungsi sebagai identitas dari feed blog kalian kemudian klik next.

cara daftar feedburner

5. Pada langkah ini feed blog kalian sudah jadi klik next untuk memanagement feedburner kalian namun saya sarankan klik skip directly to feed management.

cara daftar feedburner

6. Nah jika di skip maka tampilannya akan seperti dibawah , di situ terdapat beberapa platform blogging seperti wordpress dan blogger. namun saya menggunakan blogger selanjutnya buka blogger kalian.

cara daftar feedburner

7. Setelah buka blogger kalian masuk ke setting->other dan cari lah Site feed , selanjutnya copy atau masukan url feed blog kalian kedalam post feed url dan klik Save Settings. Contoh https://feeds.feedbunner.com/haqtips

cara daftar feedburner

Jika kalian sudah membuat akunnya tersebut maka langkah selanjutnya adalah membuat postingan yang bermanfaat dan juga mencari pelanggan setia atau subscriber untuk membaca postingan anda.

Silahkan baca juga : cara membuat kotak subscriber feed untuk blogger

Semoga bermanfaat postingan kali ini jika masih belum mengerti silahkan tanyakan di comment atau di contact us. Dan jika berkenan silahkan subscribe kami untuk mendapatkan tips blogging yang menarik lainnya.

Cara Install Wordpress di xampp atau localhost

WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer digunakan sebagai mesin blog (blog engine). WordPress dibangun dengan bahasa pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL, keduanya merupakan perangkat lunak sumber terbuka (open source software). Selain sebagai blog, WordPress juga mulai digunakan sebagai sebuah CMS (Content Management System) karena kemampuannya untuk dimodifikasi dan disesuaikan dengan kebutuhan penggunanya.

WordPress self-hosted merupakan sebuah platform blogging yang fleksibel karena fiturnya yang nyaman inilah membuatnya sering digunakan untuk fungsi lebih daripada sekedar blog. Misalnya berjualan online, website bisnis, komunitas, dan lain-lain.

Baca juga : Memilih platform blogging yang tepat

Nah kali ini saya bukan menjelaskan mengenai wordpressnya melainkan akan menjelaskan bagaimana cara menginstall wordpress di localhost atau di komputer anda.

Pertama-tama yang harus anda siapkan adalah anda sudah menginstall XAMPP kalau belum silahkan baca artikel berikut : cara menginstall xampp dengan mudah

Kalau sudah menginstall tahap selanjutnya adalah mendownload terlebih dahulu WordPress nya di https://www.wordpress.org

Nah jika sudah semuanya tersedia mari mulai menginstall WordPressnya

1. Buka terlebih dahulu XAMPP nya cek apakah server localhost sudah menyala atau belum dengan mengecek tanda hijau di Apache dan MySQL

Cek XAMPP 

2. Extract file wordpress yang telah di anda download kemudian letakan di dalam folder "C:\xampp\htdocs"

Folder WordPress

3. Selanjutnya bukalah Browser yang kalian punya kemudian ketik localhost/phpmyadmin untuk membuat database yang nanti akan digunakan oleh wordpress.

Membuka PHPMyAdmin

4. Klik new yang ada di kiri untuk membuat sebuah database baru kemudian beri nama wordpress biarkanlah settingan jadi collation kemudian klik create.

Membuat Database

5. Jika sudah selanjutnya adalah menginstall wordpressnya. Ketik localhost/wordpress untuk memulai menginstall wordpressnya. Setelah terbuka maka akan ada halaman installnya. kemudian klik let's go!

Install Wordpress di Xampp

6. Kemudian isi kolomnya sebagai berikut!

Setting Instalasi Wordpress

7. Jika sudah klik Run the installation

Run Instalasi

8. Selanjutnya isi kolom informasi sesuai keinginan anda, Jika sudah klik Install WordPress

Isi Kolom

9. Jika sudah selesai maka tampilannya akan seperti berikut dan anda akan di suruh login masukan username dan password yang tadi anda masukan. Jika sudah maka akan seperti berikut dan WordPress sudah bisa digunakan.

Tampilan WordPress

Nah instalasi wordpress di localhost sudah selesai, WordPress bisa langsung anda gunakan. Cara berikut tidak jauh berbeda dengan cara install wordpress di server jika anda masih bingung silahkan tanyakan di komentar atau di halaman contact untuk membahas pertanyaan anda.