Senin, 30 Mei 2016

Cara Membuat Efek Tulisan Seperti di Papan Tulis Dengan Picsay

Pada artikel kali ini saya akan membagikan tutorial membuat teks seperti di papan tulis. Dengan menggunakan aplikasi android yaitu Picsay Pro. Bagaimana cara membuat tulisan seperti dipapan tulis dengan picsay pro? Berikut adalah cara dan bahan nya.

Cara Membuat Efek Tulisan Seperti di Papan Tulis Dengan Picsay

BAHAN - BAHAN :
Picsay Pro Apk 
Font - https://goo.gl/r7vXnq
Background - https://goo.gl/bxG3lS
CARA :

  •  Download ketiga bahan diatas, kalo udah punya picsay ga usah di download.
  •  Setelah terdownload, ekstrak font nya dan letakan di sdcard/fonts/ .
  •  Buka aplikasi picsay nya, pada halaman awal pilih Get a Picture > Get From Gallery.
  •  Kemudian pilih background yang tadi di download.
  •  Pada halaman pengeditan, klik Sticker dibagian bahawah, kemudian pilih Titles.
  •  Pilih Font > Custom Font > Squeaky Chalk Sound.
  •  Masukan teks yang di inginkan.
  •  Selesai...

Catatan :
Artikel dibuat melalui handphone, jika ada kata kata yang kurang jelas bisa ditanyakan melalui kolom komentar dibawah.
Read More

Kamis, 26 Mei 2016

Cara Membuat Contact Form di Blogger

Pada tutorial kali ini saya akan membagikan cara untuk membuat kontak form di blogger. Pada tutorial sebelumnya saya sudah membahas bagaimana cara membuat Download dan Demo button di blog. Saya akan menjelaskan fungsi dari kontak form ini sendiri pada blog, kontak form ini berfungsi agar pengunjung blog dapat menghubungi admin ketika ada link pada blog atau web si admin yang bermasalah. Atau bisa juga si pengunjung memberikan saran pada admin melalui kontak form ini agar si admin memposting artikel yang dia inginkan. Saya akan menjelaskan bagaimana cara membuat kontak form di blogger.

Cara Membuat Contact Form di Blogger

Step By Step :
  • Pertama, masuk ke website penyedia pembuatan kontak form secara online, https://www.123contactform.com
  • Pada halaman utama, kalian bisa pilih menu login atau daftar.
  • Kemudian pilih login menggunakan sosial media. Pilih aja login menggunakan akun google.
  • Pada dashboard, pilih "Create New Form"

    Cara Membuat Contact Form di Blogger
  • Pada halaman Select a Form Template To Get Started, pilih "Contact & Lead Form".
  • Kemudian Kostumisasi Contact Form nya.
    Cara Membuat Contact Form di Blogger
  • Kalau sudah selesai, pilih Publish Form. Pada dashboard sebelah kiri, pilih Embed Code, kemudian Copy kode Inline HTML.
    Cara Membuat Contact Form di Blogger
  • Masuk ke Blogger, kemudian buat halaman baru. pilih mode HTML pada halaman edit.
  • selesai....


Sekian tutorial nya, semoga bermanfaat....
Read More

Rabu, 25 Mei 2016

Cara Membuat Download dan Demo Button Keren di Blog

Pada posting kali ini, saya akan memberikan tutorial membuat download button dan demo button di blog. Pada artikel sebelumnya, saya juga membagikan tutorial dengan judul dan kategori yang sama, yaitu Cara Membuat Download Button Keren di Blog. Tapi, pada tutorial kali ini saya akan membagikan cara membuat demo button juga. cara nya ga jauh beda dengan membuat download button pada umumnya, dengan memasukan kode CSS ke template dan kode HTML ke dalam postingan. Terus, Bagaimana cara membuat download dan demo button yang keren di blog? ini dia caranya....

Cara Membuat Download dan Demo Button Keren di Blog

  • Pertama, login ke blogger, kemudian pada dashboard pilih Template > Edit HTML.
  • Cari kode ]]></b:skin> ,  bisa menggunakan CTRL+F agar lebih cepat.
  • Copy kode CSS berikut, dan letakan dibawah kode ]]></b:skin>
.button {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
background:url(&quot;http://www.zurb.com/images/overlay-button.png&quot;) repeat-x scroll 0 0 #222222;
border-bottom:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF !important;
cursor:pointer;
font-weight:bold;
line-height:1;
overflow:visible;
font-size:17px;
padding:8px 19px 9px;
position:relative;
text-decoration:none; 
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
width:auto;
}
.demobutton {
background-color:#999999;
text-align:center;
width:150px;
}
.demobutton:hover {
background-color:#00A0EE;
}
.downloadbutton {
background-color:#91BD09; 
text-align:center;
width:150px;
}
.downloadbutton:hover {
background-color:#00AC00;
}
.button:hover {
-moz-box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);
-webkit-box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);
box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);
}

  • Save Template.
  • Buat Posting baru, Pada menu compose dan HTML, pilih HTML, dan copy kode berikut.

    Kode HTML untuk DEMO
<a class="demobutton button" href="LINK DEMO KALIAN" rel="nofollow" style="float: left;" target="_blank"><span style="display: inline-block;">Live Demo</span></a> 
Kode HTML untuk Download
<a class="button downloadbutton" href="LINK DOWNLOAD KALIAN" rel="nofollow" style="float: left;" target="_blank"><span style="display: inline-block;">Download</span></a>

Catatan :  Ganti teks yang berwarna merah dengan link download atau link demo kalian.
kode  style="float: left;" adalah letak dari tombol nya, Left berarti kiri, kalian bisa mengganti nya dengan Center atau Right.

Sekian tutorial nya, semoga bermanfaat.....
Read More

Selasa, 24 Mei 2016

Cara Membuat Scroll Bar Pada Postingan Blog

Pada postingan kali ini saya akan membahas bagaimana cara membuat scroll bar pada ptingan di blog. sebelum nya, saya sudah membahas tentang Bagaimana Cara Membuat Tombol Download Keren di Blog. Apa sih kegunaan dari scroll bar di postingan blog? yap, scroll bar sangatlah berguna untuk memperpendek postingan pada blog. Berikut adalah contoh penggunaan scroll bar.

Cara Membuat Scroll Bar Pada Postingan Blog

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Bagaimana cara membuat Scroll Bar pada Postingan? berikut adalah caranya.
  • Copy Kode berikut.
<div style="border: 1px solid #eee; height: 100px; overflow: auto; padding: 10px; width: 400px;">Letakan Tulisan atau Kode HTML Sobat Disini</div>
  • Buat Posting baru, pada pojok kiri atas, pilih HTML, kemudian pastekan kode yang diatas.
 Keterangan kode :
   400px adalah panjang dari scroll bar nya
   100px adalah tinggi dari scroll bar nya
Read More

Cara Membuat Tombol Download Keren di Blogger

Pada tutorial kali ini, saya akan membagikan cara untuk membuat sebuah tombol download pada blog. Tombol download ini sangat berguna untuk para blogger yang membuat blog khusus untuk download, seperti download game, download aplikasi, download software, dan lain sebagainya. Membuat nya, kita hanya perlu menambahkan code CSS pada html template, dan menambahkan code html di postingan.
Cara Membuat Tombol Download Keren di Blogger

Lalu, bagaimana cara membuat tombol download di blog? berikut adalah penjelasan cara nya.
  • Pertama, kalian login ke blgger. Kemudian masuk Dashboard > Template > Edit HTML.
  • Kemudian, Copy CSS berikut, dan paste tepat di atas code ]]></b:skin>
 
KODE CSS:
/* Download Button UKON31.XYZ*/ .downloadbutton {margin:20px auto;padding:20px 0;width:200px;} .downloadbutton a {background:#fff;;color:#666;display:block;font-size:17px;font-weight:700; font-family:'Arial',Verdana,sans-serif;height:50px;line-height:50px;text-align:center; text-decoration:none;text-transform:uppercase;width:200px;position:relative;z-index:2;} .downloadbutton a:hover {background:#ddd;} .downloadbutton a:before {content:"\f019";font-family:FontAwesome;font-weight:normal; padding:8px;margin-left:-12px;margin-right:6px;} .downloadbutton span {background:#444;color:#fff;display:block;font-size:12px;font-family:'Arial', Verdana,sans-serif;height:40px;line-height:40px;text-align:center;width:200px;z-index:1;text-transform:uppercase; font-weight:bold;} .downloadbutton .up {background:#8493A0;margin:-25px auto;opacity:0;border-radius:0 0 5px 5px;transform: translate(0,-50px);transition:350ms;} .downloadbutton .down {margin:-30px auto;opacity:0;border-radius:5px 5px 0 0;transform: translate(0,-50px);transition:350ms;} .downloadbutton .down:before {content:"\f14a";font-family:FontAwesome;font-weight:normal; margin-right:6px;color:#aaa;} .downloadbutton:hover .up {opacity:1;transform: translate(0,0);} .downloadbutton:hover .down {opacity:1;transform: translate(0,-90px);} .demobutton {margin:20px auto;padding:20px 0;width:200px;}
  • Klik simpan template.
  • Buat posting atau buka posting yang sudah ada, pada Menu Compose dan HTML di pojok kiri atas, pilih HTML, kemudian Copy code berikut.

<div class="downloadbutton">
<a href="http://www.iamukon.id/" rel="nofollow" target="_blank">Download</a>
<br />
<span class="up">Download Section</span>
<br />
<span class="down">Click Here</span>
</div>

Sekian tutorial nya mengenai bagaimana cara membuat tombol download di blogger, semoga bermanfaat...
Read More

Senin, 23 Mei 2016

Cara Daftar dan Dapatkan Uang Dari PopCash.net

Cara Daftar dan Dapatkan Uang Dari PopCash.net
Popcash adalah salah satu program seperti CPM Popads. CPM atau Cost Per Million adalah jaringan periklanan yang akan membayar kita jika kita memasang banner iklan CPM pada blog kita dengan sistem penghitungan perImpressi pada blog kita. 
CPM ini akan membayar publishernya jika ada penjelajah blog atau web mengunjungi blog atau web kita. Iklan tersebut berbeda dengan PPC (Paid Per Click) yang memanfaatkan klik pengunjung pada iklan kita agar kita mendapatkan pengasilan pada iklan tersebut. Berbeda dengan CPM, iklan CPM ini tidak perlu di Klik oleh pengunjung, contohnya berupa iklan Popads. Tetapi jika pengunjung blog atau web kita mengklik iklan CPM yang kita pasang, kita akan mendapatkan penghasilan tambahan. Dengan bergabung di PopCash, kalian bisa mendapatkan penghasilan dari blogging. lalu, bagaimana cara mendaftar di PopCash.net ? berikut adalah cara nya.
  • Kunjungi website resmi nya PopCash.net
  • Kemudian klik menu register untuk mendaftar.
  • Isikan nama lengkap, username, email, nomor handphone, negara, seperti dibawah

    Cara Daftar dan Dapatkan Uang Dari PopCash.net
  • Kemudian klik register, dan akan terlihat tampilan seperti berikut ini

    Cara Daftar dan Dapatkan Uang Dari PopCash.net
  • Cek email yang tadi didaftar, akan ada link untuk aktivasi akun popcash nya.
  • Setelah aktif, kemudian login dengan akun yang tadi.
  • Pada menu di Dashboard, pilih website, dan pilih add a new website.
  • Jika sudah di daftarkan website atau blog nya, kalian tinggal menunggu persetujuan dari pihak popcash, Jika sudah disetujui maka tampilan nya akan seperti ini.

    Cara Daftar dan Dapatkan Uang Dari PopCash.net
  • Langkah selanjutnya adalah memasukan code atau script nya kedalah blog, pilih menu "Get Code", kemudian pilih web atau blog yang tadi didaftarkan, dan pilih get code.

    Cara Daftar dan Dapatkan Uang Dari PopCash.net
  • Buka blogger, pilih Template kemudian pilih Edit HTML. Tekan CTRL+F untuk mencari, cari code </head>, pastekan code tadi tepat diatas code </head>.

    Cara Daftar dan Dapatkan Uang Dari PopCash.net
  • Terakhir klik Simpan Template. Selesai....
Sekian tutorial mengenai Bagaimana cara mendaftar dan mendapatkan uang dari Popcash.net
Read More

Rabu, 18 Mei 2016

Cara Membuat Sitemap Keren di Blog

Cara Membuat Sitemap Keren di Blog

Sitemap adalah salah satu alat bantu untuk para webmaster yang mempermudah dalam pengenalan peta situs di dalam website. Dengan begitu, mesin google dengan mudah menjelajah dan meraih halaman-halaman yang ada di dalamnya. Sama halnya dengan webiste pada umumnya, blog juga memerlukan sitemap agar mesin pencari dengan mudah mendeteksi konten di dalamnya. Dalam sistem sitemap ini pengguna dapat melakukan submit peta web berbasis XML langsung ke Google yang akan membantu Google mengindeks halaman web dengan mudah.

Berikut adalah cara membuat nya pada blog :
  • Login Ke blogger, lalu pilih blog nya ;
  • Pada Dashboard, pilih laman, kemudian buat laman baru ;

    Cara Membuat Sitemap Keren di Blog
  • Beri judul laman "Sitemap / Daftar Isi", kemudian ;

    Cara Membuat Sitemap Keren di Blog
  • Copy kode berikut, dan pastekan pada HTML ;

<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}

</style>


<div id="toc">
<script src="http://yourjavascript.com/11730432131/ayudadeblogger.js" type="text/javascript"></script>
<script src="http://www.iamukon.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>



  • Ganti URL http://www.iamukon.id dengan URL blog kalian. Klik save dan lihat hasilnya.

  • Read More