Akhirnya PIN Google Adsense Sampai Kerumah

Kurang lebih 3 bulan belakangan ini blog sederhana saya ini telah terpasang iklan adsense sebagai mata pencarian. Selang berlalu maka penghasilan adsense saya telah mencapai batas minimum untuk verifikasi alamat.

Jadi akhirnya setelah menunggu sekitar 1 bulan lamanya PIN (Nomor Pengenal Pribadi) sampai juga ke tangan saya sobat, dan saya bisa verifikasi alamat saya, dan bisa lanjut lagi deh mencari dolar dengan google adsense. Walaupun bukan sampai sendiri ke tangan saya, melainkan saya harus ke kantor pos pusat guna mengambilnya sendiri sobat.

Lagian pula saya sekalian ingin mengambil NPWP guna keperluan kerja saya yang tak kunjung tiba juga dirumah. Ternyata kata mbak yang menjaga loketnya PIN saya tersebut telah tiba sekiranya 2 minggu setelah tanggal pengiriman. Wah kenapa gak ngomong nih mbaknya, lama saya menunggu PIN itu.

Namun yah sudahlah, akhirnya saya sudah bisa memverifikasi alamat rumah saya sobat, dan bisa lebih dalam lagi meraup dollar dari adsense.

Untuk sobat ketehui saja, didalam surat cinta google adsense hanya berisi hal-hal berikut :

Nomor Pengenal Pribadi (PIN) Google Adsense Anda

Selamat datang di Google Adsense. Untuk memungkinkan pembayaran pada akun, sebaiknya Anda mengikuti 4 langkah sederhana berikut:

LANGKAH 1: Masuk ke akun Adsense di www.google.com/adsense/ dengan alamat email dan sandi yang Anda gunakan selama proses permohonan.
LANGKAH 2: Dari tab Beranda, klik Setelan Akun di bilah navigasi sebelah kiri.
LANGKAH 3: Di bagian Informasi Akun, Klik tautan "verifikasi alamat".
LANGKAH 4: Masukkan PIN seperti yang muncul berikut ini dan klik Kirim PIN.

PIN Anda: 010100

Bila ada pertanyaan tambahan, harap kunjungi Pusat Bantuan Adsense di http://www.google.com/adsense/support/as/?hl=id. Panduan pembayaran kami dapat ditemukan di http://www.google.com/adsense/payments?hl=id.

Terima kasih,
Tim Google Adsense

Kurang lebih salinan dari isi surat google adsense seperti itu, nah hikmah dari cerita saya ini ialah, untuk PIN google adsense sendiri itu tidak mutak sampai kerumah, karena kurirnyapun terkadang tidak mengantarkannya, jadi saran terbaik dari saya adalah dengan mengeceknya langsung ke kantor pos pusat di kota sobat. Semoga bermanfaat. :)

Read More

Pengalaman Membuat NPWP Di Kantor Pajak

Karena saya ingin melamar kerja di Telkom Akses, nah syarat lamarannya harus memiliki Nomor Pokok Wajib Pajak (NPWP). Jadi saya akhirnya membuatny juga sobat. Jujur sayapun tidak tahu pasti fungsi dari NPWP ini awalnya untuk apa. Namun tanpa fikir panjang saya langsung membuatnya.

Namun akhirnya saya mengerti setelah NPWPnya jadi, ada keterangan mengenai fungsi dari NPWP itu sendiri sobat. Nmaun saya belum begitu paham juga apa yang dimaksud sobat.

Pendaftaran NPWP atau pembuatannya sangatlah mudah, kita hanya perlu datang ke kantor pajak, terus kita akan diberikan arahan terkait syarat-syarat membuat NPWP.

Namun saya sendiri hanya diperuntukan dengan syarat berikut.

1. Mengisi Form/Blangko yang telah disediakan oelh petugas pajak.
2. Memberikan surat keterangan kerja dari tempat sobat bekerja.
3. Umur 20 tahun atau lebih.

Setidaknya syarat diataslah yang diperlukan untuk bisa membuat NPWP sobat. Untuk NPWP kali ini tidak bisa langsung diambil di akantor pajak tempat sobat membuat NPWP, melainkan kita harus menunggunya dikirimkan melalui kantor pos sekita 4 - 5 hari kerja.

Namun yang saya alami, dari kantor pos tidak kunjung tiba juga, yah jadi saya berinisiatif untuk mengambilnya langsung ke kantor pos pusat di jambi. Alhasil dengan bermodalnya resi yang diberikan, saya bisa mengambil NPWP saya di kantor pos pusat.

Akhirnya dapat juga tuh NPWP, karena telah satu minggu saya tunggu-tunggu. O ya, untuk resinya itu sangat penting, itu pasti diberikan setelah sobat membuat NPWP sebagai bukti sobat telah membuat NPWP, jadi jangan sampai hilang yah.

O ya, saya mengambil NPWP ini sekalian dengan kode PIN google adsense saya yang telah satu bulan gak sampai-samapi juga kerumah. Ternyata PIN google adsense saya telah ada di kantor pos 2 minggu setelah tanggal pengiriman. Hadeh, kenapa gak ngomong tuh mbak kantor pos.

Walaupun saya belum tahu juga fungsi sebenarnya untuk apa tuh NPWP, nantilah saya browsing. hehe. O ya, pembuatan NPWP ini gratis loh sobat, tidak dipungut biaya sepersen pun. Semoga bermanfaat.. :)

Read More

Minuman Berenergi Aman Tidak Berbahaya

Pada lomba ini, saya telah kalah dengan peserta lainnya yang memang mantap deh, berikut daftar pemenang dan daftar yang mendapat merchandise.

Klik Untuk Memperbesar

Kratingdaeng Minuman Berenergi Aman Tidak Berbahaya

Jika anda seorang olahragawan atau anda seorang yang sering terkena terik matahari karena faktor pekerjaan, saya rasa anda perlu mencoba minuman berenergi terbaik ini untuk menambah energi anda yaitu minuman olahraga minuman energi kratingdaeng. Kenapa perlu dicoba? Karena kratingdaeng minuman energi indonesia, minuman berenergi gula alami, dengan ini kita bisa bangga dan tentunya menemukan manfaat minuman berenergi. Selain karena jenis minuman energi gula alami, yang membedakan Kratingdaeng dengan minuman berenergi yang lain ialah, kratingdaeng adalah minuman berenergi yang mengandung kafein kurang dari 1 cangkir, dengan begitu membuktikan bahwa kratingdaeng menjadi minuman berenergi yang tidak bebahaya, serta kratingdaeng jenis minuman berenergi yang aman karena itu kratingdaeng daftar minuman berenergi yang tidak berbahaya yang patut anda coba, sangat cocok bagi anda yang hobi berolahraga, anda patut minum kratingdaeng minuman berenergi untuk olahraga yang merupakan minuman energi terbaik.

Apakah minuman berenergi berbahaya?
Ada banyak minuman terbaik indonesia yang berenergi, tapi Kratingdaeng yang aman dan tidak berbahaya bagi kesehatan. Kratingdaeng menggunakan gula alami dengan kandungan kafein kurang dari 1 cangkir kopi. Kratingdaeng minuman terkenal suplemen penambah stamina dan energi tubuh yang telah memenuhi standar BPOM RI. Kratingdaeng merahi pernghargaan terbanyak dan paling bergengsi pada kategori minuman energi.

Minuman berenergi dengan penghargaan selama 15 tahun berturut-berturut
Kratingdaeng adalah minuman energi kelas dunia standar Internasional. Kratingdaeng pertama kali diformulasikan di Thailand tahun 1962 di bawah naungan TC Pharmaceutical. Kratingdaeng dipasarkan di seluruh dunia menggunakan merek dagang RedBull dengan standar kualitas dan keamanan internasional. Rasa dan aroma lokal disesuaikan dengan selera orang Indonesia. Kratingdaeng adalah minuman Energi Terpercaya Pilihan Indonesia yang meraih Indonesia Customer Sertifaction Award selama 15 tahun berturut-turut. Hanya Kratingdaeng yang berhasil meraih perghargaan ICSA sejak pertama diluncurkan. Selain meraih INdonesia Customer Satifaction Award, Kratingdaeng meraih pernghargaan terbanyak dan paling bergengsi di kategori minuman energi diantaranya :

• Indonesia Best Brand Award
• Top Brand Award
• Indonesia Most Faforite Youth Brand
• Wow Brand Champion
• Sosial Media Award
• Super Brand Award

Minuman berenergi dengan gula murni

Seperti yang telah kita singgung dalam paragraf pertama artikel ini Kratingdaeng merupakan minuman berenergi yang menggunakan gula murni dengan kemasan praktis sehingga bisa langsung diminum. Defenisi minuman berenergi adalah minuman yang mengandung satu atau lebih bahan yang mudah dan cepat diserap oleh tubuh untuk menghasilkan energi dengan atau tanpa bahan tambahan makanan  yang diijinkan, dengan persyaratan total energy minimal 100 Kkal/sajian (SNI 01-668-2002). Defenisi minuman berenergi menurut BPOM yitu minuman yang jika diminum dalam jumlah yang wajar sesuai aturan minum perhari maka dapat memberikan energy tidak kurang dari 300Kkal (KepDirjen POM RI No 02240/B/SK/VII/91), Pangan yang dapat memberikan energy minimal 300 Kkal per hari (dari BPOM RI No HK 00.05.52.4321). Artinya, minuman serbuk tidak dikategorikan sebagai minuman energi oleh BPOM karena minuman serbuk hanya mengandung 5-8 kalori per sachet. Minuman serbuk tidak dapat langsung diminum dan menggunakan pemanis buatan contohnya Aspartame.

Kratingdaeng terdaftar BPOM dan lolos uji keamanan pangan HACCP
Seluruh kandungan dalam Kratingdaeng sudah sesuai dengan batas keamanan yang ditetapkan BPOM sehingga aman dikonsumsi 3 botol sehari. Kratingdaeng diproduksi di pabrik Sukabumi yang sudah memperoleh sertifikat ISO 9002 dan lulus uji keamanan pangan dimana setiap produk yang diproduksi telah melewati proses HACCP (Hazard Analysis & Critical Control Points) yang ketat. Kratingdaeng bukan obat sehingga tidak memiliki efek samping dan tidak menimbulkan efek ketagihan.

Benarkah minuman energi menyebabkan kematian?

Mungkin anda pernah dengar soal minuman energi menyebabkan kematian? Banyak kasus kematian akibat over dosis kafein dari produk energi impor dari luar negeri yang kandungan kafeinnya terlalu tinggi sampai 500ml/sajian atau 10x lebih tinggi dari kopi sehingga menyebabkan jantung berdebar. Minuman energi luar negeri juga tidak mengantongi izin resmi dari BPOM sehingga keamanan tidak terjamin. Ada kabar bahwa beberapa produk Kratingdaeng illegal dilarang beredar di Indonesia? Benar, karena produk tersebut diimpor secara illegal dari luar negeri sehingga tidak mengantongi izin dari BPOM. Jadi pastikan bahwa Kratingdaeng yang anda minum diproduksi di Indonesia sehingga aman bagi kesehatan.

Kandungan kafein kratingdaeng lebih rendah dibandingkan satu cangkir kopi
Kandungan kafein dalam Kratingdaeng seimbang sesuai aturan BPOM atau 50mg/sajian atau lebih kurang sama dengan kandungan kafein dalam satu cangkir kopi sehingga Kratingdaeng aman dikonsumsi setiap hari karena telah memnuhi standar BPOM RI (Badan Pengawasan Obat-Obatan Drug Administration) Amerika, kandungan kafein yang dimiliki minuman energi Indonesia masih jauh di bawah kandungan kafein yang terdapat pada secangkir kopi sehingga sangat aman dikonsumsi setiap hari.


Komposisi kratingdaeng mengandung banyak manfaat
Sebagai minuman energi, terntunya Kratingdaeng memiliki manfaat untuk menambah energi yang dihasilkan oleh kandungan vitamin dan komposisi di dalam Kratingdaeng. Kandungan dula di dalam Kratingdaeng merupakan sumber utama dari energi yang dihasilkan, demikian pula vitamin B kompleks pada minuman Kratingdaeng membantu mengkonversi karbonhidrat menjadi energi. Kafein menstimulasi sistem metabolik dan syarag pusat. Bahkan dalam beberapa penelitian, diketahui bahwa kafein memiliki fungsi untuk meningkatkan konsentrasi, kemampuan kognitif dan memperbaiki mood.

1. Manfaat Taurin (Taurine) merupakan asam amino yang banyak terkandung dalam ikan dan laktosa (ASI) dengan beberapa manfaat memperbaiki fungsi kerja jantung, memaksimalkan fungsi otak dan membantu proses sekresi enzim untuk metabolisme lebak dalam tubuh.
2. Manfaat Kafein merupakan antioksidan yang banyak ditemukan dalam kopi dan cokelat yang bermanfaat untuk menstimulasi sarag otak untuk meningkatkan proses metabolisme dan meremajakan sel-sel dalam tubuh dan meningkatkan konsentrasi serta kewaspadaan.
3. Manfaat Inositol untuk meningkatkan proses metabolism lemak.
4. Manfaat Vitamin B3 (Niacinamide) adalah komponen koenzim di dalam tubuh yang membantu mengkonversi karbonhidrat dan lemak menjadi energi.
5. Manfaat Provitamin B5 (Dexpanthenol) adalah komponen kenzim yang berperan penting dalam metabolism karbonhidrat, lemak, dan protein.
6. Manfatt Vitamin B6 (Pyridoxine HCI) mebantu metabolis asam amino, lemak dan berperan dalam pembentukan sel darah merah.
7. Manfaat vitamin B12 (Cyanocoalamine) berperan dalam pembentukan sel darah merah, meningkatkan kerja sistem saraf, membantu dalam proses pembentukan jaringan yang melindungi serabut saraf.
8. Manfaat Kolin (Choline) untuk melindungi hati dan meningkatkan proses metabolism lemak
9. manfaat Lisin (Lysine) untuk membantu proses produksi energy, menurunkan kadar kolesterol membantu proses pertumbuhan tulang, kulit dan pembentukan otot.
10. Manfaat Glukuronolakton untuk meningkatkan konsentrasi dan daya ingat, serta melindungi liver pada saat bekerja keras.

Waktu Ideal Konsumsi

Kratingdaeng dapat dikonsumsi sebelum dan sesudah beraktifitas khususnya aktivitas-aktivitas yang membutuhkan ketahanan fisik dan mental yang tinggi. Cotohnya: para pelajar sekolah menengah maupun universitas sebelum dan sesudah memulai aktivitas rutin mereka di sekolah maupun di kampus. Para profesional sebelum dan sesudah memulai pekerjaan mereka, sebelum dan sesudah melakukan aktivitas olahraga, sebelum menyetir, khususnya untuk jarak jauh, saat sedang berkumpul atau hang out bersama teman-teman. Kratingdaeng dapat menemani segala aktivitas hidup apapun berntuknya. Untuk hasil yang lebih optimum, disarankan untuk meminum Kratingdaeng sekitar 30-60 menit sebelum beraktivitas baik fisik maupun mental. Untuk konsumsi sehari-hari atau aktivitas ringan cukup 1 botol perhari secara rutin. Untuk aktivitas berat 3 botol per hari.

Jadi tidak semua minuman berenergi itu berbahaya karena hanya Kratingdaeng yang menggunakan gula alami dengan kandungan kafein kurang dari 1 cangkir kopi. Kratingdaeng juga telah memenuhi standar BPOM RI dan memperoleh banyak penghargaan setiap tahun berturut-turut sebagai minuman energi terbaik.

Artikel "Minuman Berenergi Aman Tidak Berbahaya" ini diikutkan

Dalam Kontes Blog Menulis Artikel "Kratingdaeng Minuman Energi Aman Tidak Berbahaya"

www.minumanenergi.com, www.kratingdaeng.co.id

03 Maret - 02 Juni 2015

Read More

Memasang Syntax Highlighter Untuk Pre Code

Gambar by Ficri Pebriana

Saya sudah keliling-keliling mbah google, dan baru ketemu cara memasang Syntax Highlighter di blogger ini dengan cara yang lebih simpel. Karena apa..? Karena tidak perlunya kita menentukan class pada setiap kode yang kita masukkan di blog.

Lagian pula terlalu banyak sudah kode yang saya gunakan pada artikel-artikel saya yang lainnya. Dan saya males untuk mengeditnya satu persatu. Makanya saya mencari alternatifnya dengan hanya mengandalkan tag pre dan code, atau biasa ditulis seperti berikut.

 <pre><code> Kode css, html, javascript, jquery atau yang lainnya </code></pre> 

atau bisa juga seperti ini hasilnya.

.smoothscroll-top {
  position:fixed;
  opacity:0;
  visibility:hidden;
  overflow:hidden;
  text-align:center;
  z-index:99;
  background-color:#09c;
  color:#fff;
  width:47px;
  height:44px;
  line-height:44px;
  right:25px;
  bottom:-25px;
  padding-top:2px;
  border-radius:none;
  transition:all 0.5s ease-in-out;
  transition-delay:0.2s;
}

.smoothscroll-top:hover {
  background-color:#3eb2ea;
  color:#fff;
  transition:all 0.2s ease-in-out;
  transition-delay:0s;
}

.smoothscroll-top.show {
  visibility:visible;
  cursor:pointer;
  opacity:1;
  bottom:25px;
}

.smoothscroll-top i.fa {
  line-height:inherit;
}

Itu sekalian sebagai contoh aja sobat, semua kode akan bewarna khusus, nah ini menjadi lebih terlihat profesional dan keren kan. Untuk sobat blogger yang menginginkannya, caranya cukup mudah. Sobat ikuti tutorial singkat berikut ini.

Tambahkan css berikut ini tepat diatas kode </head>.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/* Syntax Highlighter */
pre,i[rel="pre"] {
  padding:.8em 1em;
  margin:0;
  background-color:#2f3741;
  border-left:4px solid #40627E;
  font-size:11px;
  color:#839496;
  font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;
  line-height:1.4em;
  position:relative;
  white-space:pre;
  word-wrap:normal;
  white-space:pre;
  overflow:auto;
}

pre.line-number {
  background:#2f3741 url(http://4.bp.blogspot.com/-13ewIh6Vm50/UnBe-_3zqDI/AAAAAAAAF-o/4FNnjpi-N5c/s1600/new-line-number.png)no-repeat top left;
  padding-left:54px;
  border-left:none;
}

pre.line-number:after {
  content:"";
  width:35px;
  height:8px;
  background-color:#39424e;
  bottom:0;
  left:0;
  position:absolute;
}

pre[data-codetype="CSS"] {
  border-left-color:#5fbbba;
}

pre[data-codetype="HTML"] {
  border-left-color:#4fc1eb;
}

pre[data-codetype="JavaScript"] {
  border-left-color:#ff6c60;
}

pre[data-codetype="JQuery"] {
  border-left-color:#99c262;
}

pre.line-number[data-codetype]:before {
  content:attr(data-codetype);
  display:block;
  margin:-11px -13px 10px -54px;
  padding:8px 12px;
  font-family:Oswald,Arial,Sans-serif;
  font-size:12px;
  text-transform:uppercase;
  background-color:#41749f;
  color:white;
}

pre.line-number[data-codetype="CSS"]:before {
  background-color:#a9d86e;
}

pre.line-number[data-codetype="HTML"]:before {
  background-color:#4fc1eb;
}

pre.line-number[data-codetype="JavaScript"]:before {
  background-color:#ff6c60;
}

pre.line-number[data-codetype="JQuery"]:before {
  background-color:#99c262;
}

code {
  font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;
  font-size:13px;
  color:#d14;
}

#comments code {
  color:#bbbb6d;
}

pre code {
  padding:0 !important;
  color:#a3a49a;
  background:none !important;
  border:none !important;
  display:block;
}

pre .line-number {
  float:left;
  margin:0 1em 0 -1em;
  color:#61686d;
  background-color:#39424e;
  text-align:right;
  min-width:2.5em;
  padding-right:4px;
}

pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .pi,
pre .lisp .string,
pre .javadoc {
  color:#2DCFF2;
  font-style:italic;
}

pre .keyword,
pre .winutils,
pre .method,
pre .addition,
pre .css .tag,
pre .request,
pre .status,
pre .nginx .title {
  color:#E6D90C;
}

pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .rules .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color:#EB4F4F;
}

pre .title,
pre .localvars,
pre .chunk,
pre .decorator,
pre .built_in,
pre .identifier,
pre .vhdl .literal,
pre .id,
pre .css .function {
  color:#03C425;
}

pre .attribute,
pre .variable,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .type {
  color:#1B6FC3;
}

pre .preprocessor,
pre .preprocessor .keyword,
pre .shebang,
pre .symbol,
pre .symbol .string,
pre .diff .change,
pre .special,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata,
pre .clojure .title,
pre .css .pseudo {
  color:#D94CEA;
}

pre .deletion {
  color:#dc322f;
}

pre .tex .formula {
  background:#073642;
}
</style>
</b:if>

Kode CSS tersebut telah saya sesuaikan agar hanya terpanggil ketika dalam posting, jadi akan mengurangi beban blog sobat, terutama dalam hompagenya. Selanjutnya tambahkan kode dibawah ini tepat dibawah </body>.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://bloggertut.googlecode.com/svn/trunk/js/highlight.pack.js'/>
<script>
hljs.initHighlightingOnLoad();
</script>
</b:if>

Setelah itu Simpan Template dan lihat semua kode yang telah sobat tentukan dengan tag pre dan code pasti akan memiliki warna-warna yang menarik, dan terlihat profesional kan sobat.

Karena google code sudah akan ditutup pada 2016, maka saya berikan alternatif js nya, dengan mengganti kode yang terakhir tadi dengan kode dibawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='https://googledrive.com/host/0B_ljWXOPMwNGfkQ3MHVzcFZNN0tXSXNEb2FjQmJ2cHZ1N1BwSHlKbG8xUTg4dmpzSEN0bEU/Syntax.js'/>
<script>
hljs.initHighlightingOnLoad();
</script>
</b:if>

Semoga bermanfaat. Jika ada yang bingung sobat bisa komentar yah. O ya, tuh kode-kode saya dapatkan di blog kang Ficri Pebriana, ini alamat artikelnya. Terima kasih telah berbagi dan saya temukan di google. Kode-kode diatas sudah saya sesuaikan agar hanya terload pada postingan, sehingga tidak menambah beban homepage. :)

Read More

Contoh Berita Acara untuk pekerja Lapangan

Berita acara ini sangat dibutuhkan ketika akan menyelesaikan suatu tanggung jawab terhadap satu pihak tertentu. Seperti saya yang bekerja di Telkom Indonesia, saya sangat membutuhkan berita acara ini guna menyelesaikan tanggung jawab saya terhadap instalasi yang saya kerjakan.

Dengan kata lain kita akan mendapatkan izin penuh terhadap tanggung jawab yang sdang kita jalankan, dan akan menemukan titik temu terhadap dua belah pihak.

Sebagai contoh, saya telah menyelesaikan suatu tugas di kantor DPRD atau kantor lainnya, dan ketika tudas instalasi saya sudah selesai, berita acara itulah yang digunakan untuk penyerahan perangkat yang saya pasang, serta juga sebagai tanda kerjaan saya disana sudah beres dan tanpa masalah terhadap pihak gedung, terkai pearapihan ataupun yang lainnya.

Gimana sobat..? Sobat sudah mengertikan apa itu berita acara..? Nah, untuk sobat yang membutuhkan  contoh berita acara ini, saya telah buatkan dalam bentuk file word, dan sobat bisa edit sesuka hati sobat.

Itu sudah saya sesuaikan dengan kebutuhan saya, jadi saya tidak perlu repot buat ulang setiap sedang berada dilokasi. Tinggal isikan saja yang titik titik, nah formatnya yang kemungkinan tidak berubah itu bisa sobat sesuaikan dengan kebutuhan sobat, dan semoga bermanfaat. :)

Read More

Membuat Back To Top Keren Di Blogger

Sebenarnya di template yang saya pakai sekarang telah ada fitur Back To Top ini sobat, namun karena saya putuskan untuk mengganti tampilan footernya, jadinya saya korbankan saja back to top dari template yang saya gunakan.

Nah, sebagai penggantinya, saya menggunakan back to top ala mbak Arlina Design. Widget ini dilengkapi dengan fitur Auto Hide, jadi hanya akan muncul ketika user scroll kebawah. Terima kasih untuk mbak arlina yang telah membagikannya.

Untuk sobat yang ingin menggunakan back to top ini yang telah saya modifikasi sedikit, sobat bisa menguikuti tutorial singkat berikut ini.

Pertama pasang Font awesome terlebih dahulu pada template sobat, jika sudah ada di dalam template, Lewati langkah ini atau ganti dengan kode yang saya berikan berikut.

<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
//]]>
</script>

Script Font Awesome itu telah saya lengkapi dengan script yang akan meload data font awesome secara async. Jadi tidak akan membebani loading blog sobat. O ya, letakkan kode tersebut diatas kode </head>.

Selanjutnya tambahkan CSS berikut ini diatas ]]></b:skin> atau </style>.

.smoothscroll-top {position:fixed;opacity:0;visibility:hidden;overflow:hidden;text-align:center;z-index:99;background-color:#09c;color:#fff;width:47px;height:44px;line-height:44px;right:25px;bottom:-25px;padding-top:2px;border-radius:none;transition:all 0.5s ease-in-out;transition-delay:0.2s;}
.smoothscroll-top:hover {background-color:#3eb2ea;color:#fff;transition:all 0.2s ease-in-out;transition-delay:0s;}
.smoothscroll-top.show {visibility:visible;cursor:pointer;opacity:1;bottom:25px;}
.smoothscroll-top i.fa {line-height:inherit;}

Pengaturan pada warnanya hanya perlu anda perhatikan pada #09c dan ganti sesuai warna yang sobat inginkan. Setelah itu untuk mengganti warna hovernya sobat ganti pada #3eb2ea, ganti sesuai wana yang sobat inginkan, atau selaraskan dengan warna blog sobat.

Setelah itu kita masuk ke langkah terakhir sobat, tambahkan kode dibawah ini tepat diatas kode </body>.

<div class='smoothscroll-top'>
    <span class='scroll-top-inner'>
        <i class='fa fa-2x fa-chevron-up'/>
    </span>
</div>
<script type='text/javascript'>
//<![CDATA[
$(function(){
 
    $(document).on( 'scroll', function(){
 
        if ($(window).scrollTop() > 100) {
            $('.smoothscroll-top').addClass('show');
        } else {
            $('.smoothscroll-top').removeClass('show');
        }
    });
 
    $('.smoothscroll-top').on('click', scrollToTop);
});
 
function scrollToTop() {
    verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
    element = $('body');
    offset = element.offset();
    offsetTop = offset.top;
    $('html, body').animate({scrollTop: offsetTop}, 600, 'linear').animate({scrollTop:25},200).animate({scrollTop:0},150) .animate({scrollTop:0},50);
}
//]]>
</script>

Selanjutnya jangan lupa untuk Simpan Template, dan coba lihat di blog sobat. Seharusnya sudah bersemayam back to top dibagian bawah kanan blog sobat. Semoga bermanfaat :)

Source : http://arlinadesign.blogspot.com/2014/09/memasang-smooth-back-to-top-di-blog.html

Read More

UC Browser Tersedia Untuk Perangkat PC

Siapa yang tidak mengenal peramban satu ini, peramban yang sangat terkenal akan kecepatannya dan tampilan yang bisa dikatakan sangat baik. UC Browser yang dikenal sebagai peramban yang dikhususkan untuk smartphone dan tablet ini ternyata mulai memiliki support untuk PC.

Sampai artikel ini saya buat, UC Browser telah samapai pada Beta v4.0, dalam versi beta ini saya telah mencobanya. Dan seperti biasa menggunakan browser satu ini sungguh terasa loadnya yang lumayan kenceng.

Berikut fitur yang tersemat pada UC Browser yang masih dalam versi Beta.

1. Fast Downloads
Enjoy high speed downloads with a resume option when interrupted and a smart file manager.

2. Smooth Browsing 
Load photos and links beforehand so you can open them instantly later on for non-stop browsing.

3. Cloud Sync
Seamlessly switch between UC Browser across your devices by syncing your open tabs and bookmarks.

4. Fun & Easy to Use 
Customizable speed dials, themes and add-ons, plus unique and user-friendly features make your browsing easier and fun!

Yang tidak negerti bahasa inggris gunakan translate yah. hehe. Itu telah saya berikan penampakan dari browser satu ini. Namun untuk Anda yang ingin mencoba browser ini secara langsung, Anda bisa masuk pada UC Browser For PC, filenya kurang lebih ada 45mb.

Selamat Mencoba dan semoga bermanfaat. :)

Read More

Posisi Jquery Untuk Mengatasi Render Blocking Javascript

Saya telah lama mencari solusi rendering JS yang dipengaruhi oleh jquery. Karena rendering dari jquery ini sangat lumayan membebani loading blog. Saya pernah mencoba cara dengan dengan menambahkan atribut async='async' seperti berikut.

<script async='async' src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>

Namun ini memiliki kelemahan, karena jquery tidak terload di hompage, seperti sudah dijelaskan di blog teman saya obesitystrike.blogspot.com cara ini tidaklah efektif.

Cara lainnya adalah dengan meletakkan script jquery yang biasa diletakkan diatas </head>
kita letakkan diatas </body>  seperti berikut.

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>
<script type='text/javascript'>
//<![CDATA[

<!-- Semua Script Jquery disini -->

//]]>
</script>
</body>

Yang perlu diperhatikan dengan cara ini ialah, tidak semua script jquery itu bisa dibungkus dengan //<![CDATA[ hingga //]]>, jadi bisa Anda perhatikan dan sesuaikan dengan scriptnya agar bisa berjalan dengan baik.

Penampakan yang saya maksud ialah seperti ini.

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>
<script type='text/javascript'>
//<![CDATA[

<!-- Semua Script Jquery disini -->

//]]>
</script>

<script type='text/javascript'>

<!-- Semua Script Jquery Lainnya disini -->

</script>
</body>

Yang perlu diingaat ialah semua script yang memerlukan jquery itu harus berada dibawah script jquery <script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/> seperti yang telah saya gambarkan pada rangkaian kode diatas.

Untuk mengetahui script jquery biasanya akan mirip seperti berikut ini.

$(function (){// TinyNav.js 1
      $('#topnav').tinyNav({active:'current'});// TinyNav.js 2
      $('#navigation').tinyNav({active:'current'})});

Atau tanda yang paling nyata adalah selalu diawali dengan $ pada scriptnya. Jika Anda menggunakan external link pada sebuah script, maka Anda perlu membuka scriptnya dan lihat pakah benar itu script jquery dengan melihat ciri-cirinya. Semoga bermanfaat.. ^_^

Read More

Membuat Author Box Dibawah Posting

Author box ini saya temukan di template mbak Arlina yang New Minima Colored, saya tertarik memasangnya pada template fastestmagz yang saya gunakan, dan akhirnya berhasil juga hanya dengan copy beberapa bagian aja, serta edit dikit jadi deh.

Baiklah untuk Anda yang menginkan memasang Author Box ini, bisa mengikuti tutorial singkat saya berikut ini, dan jika anda mengalami kesulitan dalam pemasangan widged ini bisa berkomentar dan akan saya bantu sebisa dan semampu saya.

Pertama tambahkan CSS berikut ini diatas </head> pada edit HTML.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/* CSS Multi Author Box By Arlina Design */
.authorboxwrap {
  background:#f9f9f9;
  margin:-15px 0 25px 0;
  padding:20px;
  overflow:hidden;
  border:1px solid #e6e6e6;
}

.avatar-container {
  float:left;
  margin-right:20px;
}

.avatar-container img {
  background:#fff;
  width:90px;
  height:auto;
  padding:5px;
  border:1px solid #ccc;
}

.author_description_container {}

.author_description_container h4 {
  font-weight:600;
  font-size:16px;
  display:block;
  margin-bottom:10px;
}

.author_description_container h4 a {
  font-family:Oswald,arial;
  border-bottom:1px solid #0099cc;
  text-transform:capitalize;
  color:#333;
}

.author_description_container p {
  font-size:12px;
  line-height:1.6;
  margin-bottom:15px;
}

.authorsocial a {
  display:inline-block;
  text-align:center;
  float:left;
  margin-right:2px;
}

.authorsocial a i {
  width:30px;
  height:30px;
  padding:8px 9px;
  display:block;
  background:#E9E9E9 !important;
  color:#555;
}
</style>
</b:if>

Seperti biasa, saya pasti sisipkan tag kondisional agar hanya terpanggil dibagian posting saja sehingga tidak akan membebani pada bagian homepage. Dan selanjutnya Anda bisa mencari kode persis seperti berikut :

<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Dan tambahkan kode berikut ini tepat dibawah kode yang Anda temukan tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a expr:alt='data:post.author'>
<img class='author_avatar img-circle' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='96' width='96'/></a></div>
<div class='author_description_container'>
<h4><a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span></a></h4>
<p>
Hanya seorang blogger biasa yang gemar menulis dan curhat tentang pengalaman hidup, serta belajar segala hal yang bermanfaat, dan terus memperbaiki diri.       
</p></div></div></div>
</b:if>
<!-- url : http://competitivgrace.blogspot.com
Author box Simpel By Arlina Deign
Share & Edited by Iwan Efendi -->

Selanjutnya Anda hanya perlu mengganti yang saya beri tanda merah itu dengan deskripsi yang anda inginkan. Sebenarnya dengan kode dari mbak Arlina telah di setting otomatis untuk deskripsinya, namun karena kadang nggak muncul, saya lebih memilih untuk memasukkannya secara manual sesuai keinginan saya sendiri.

Untuk yang lainnya sudah diset otomatis mengikuti profile g+ kita masing-masing. Setelah semuanya selesai Simpan Template lalu lihat hasilnya. Sangat mudah bukan? Semoga bermanfaat.

Read More

Membuat Tombol Share Simple Dibawah Posting

Sebenarnya widget share ini pertama kali saya lihat pada blog kang Adhy selaku Pemilik Kompiajaib.com, seperti biasa saya langsung intip kodenya sekalian belajar. Karena sebelumnya saya telah modifikasi tampilannya sehingga menjadi lebih simpel (menurut saya sih gitu) hehe. 

Untuk originalnya, Anda bisa lihat pada blog kang Adhy yah. Untuk artikel ini sendiri adalah pesanan teman saya bernana Si Geeniuss pada suatu pesan komentar, namun untuk Anda yang ingin mengcobanya juga diblog anda silahkan ikuti tutorial singkat berikut ini.

Agar Tombol Share ini berfungsi, anda harus memasang FontAwesome terlebih dahulu, kalau sudah ada di template, tinggal ikuti saja tutorial dibawah ini. OK.

Langkah pertama tambahkan CSS berikut ini dibawah di atas </head> pada edit HTML.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.share,h2.sharetitle {
  display:inline-block;
  float:left;
  margin-right:10px;
  margin-top:15px;
}

h2.sharetitle {
  font-weight:600;
  font-size:24px;
  margin-top:20px;
}

.sharethis {
  position:relative;
  margin-bottom:20px;
}

a.gp {
  color:#ba3227;
}

a.fb {
  color:#324b81;
}

a.tw {
  color:#01a7de;
}

a.pr {
  color:#0a7111;
}
</style>
</b:if>

Seperti biasa, CSS diatas telah saya lengkapi dengan tag konditional agar hanya terload dibagian postingan, sehingga tidak membebani homepage blog. selanjutnya Anda cari kode tepat seperti dibawah ini.

<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Selanjutnya letakkan kode dibawah ini tepat dibawah kode tersebut.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var siteurl = window.location.href;
  document.write('<div class="sharethis"><h2 class="sharetitle">Bagikan :</h2> <div class="share ani-dur ani-name"> \
<a class="grayscale gp" href="https://plus.google.com/share?url=' + siteurl + '" target="_blank" title="Share to Google+">\
    <span class="fa-stack fa-lg"><i class="fa fa-circle-thin fa-stack-2x"></i><i class="fa fa-google-plus fa-stack-1x"></i></span></a> \
<a class="grayscale fb" href="https://www.facebook.com/sharer/sharer.php?u=' + siteurl + '" target="_blank" title="Share to Facebook">\
    <span class="fa-stack fa-lg"><i class="fa fa-circle-thin fa-stack-2x"></i><i class="fa fa-facebook fa-stack-1x"></i></span></a> \
<a class="grayscale tw" href="https://twitter.com/intent/tweet?text='+encodeURIComponent(document.title)+'&url='+siteurl+'&via=iw_n&related=iw_n" target="_blank" title="Share to Twitter">\
    <span class="fa-stack fa-lg"><i class="fa fa-circle-thin fa-stack-2x"></i><i class="fa fa-twitter fa-stack-1x"></i></span></a></div><div class="clear"></div></div> \
');
//]]>
</script>
</b:if>
<!-- url : http://competitivgrace.blogspot.com, Share box Simpel By Kompi Ajaib, Share & Edited by Iwan Efendi -->

Sebenarnya tidak harus dibawah kode yang saya berikan, namun bisa dikreasikan sendiri untuk posisinya, namun emang lebih baik dibawah posting sih hehe. Setelah itu ganti user id twitter yang saya blok warna kuning menjadi user id  twitter milik anda, terus jangan lupa untuk Simpan Template lalu lihat hasilnya.

Karena widget ini menggunakan FontAwesome, untuk template Anda yang telah dilengkapi FontAwesome, tidak akan ribet lagi. Widget ini sangat ringan, karena tidak perlu memanggil JS yang biasanya tersemat dalam Tombol Share yang lainnya, dan menjadi render js. Sekian artikel tentang Membuat Tombol Share Simple dan Ringan Dibawah Postingan Semoga bermanfaat.

Read More

5 Template SEO Friendly Responsive Gratis 2015

Untuk yang suka main adsense, pakai template koleksi DISINI

Template itu berfungsi sebagai penghias sebuah blog ataupun website agar terlihat keren bahkan bisa membuat pembaca blog kita betah berlama-lama di blog kita sobat.

Kali ini saya akan share template yang saya anggap memiliki kualitas SEO yang baik serta tampilan yang minimalis dan keren tentunya. Dan template ini dibagikan secara GRATIS oleh creatornya, jadi sobat tidak perlu kawatir akan hak ciptanya.

Tapi ingat, jangan pernah hapus credit link guna menghargai sipembuat template ini yah. Oke, berikut ini 5 Template SEO Gratis Responsive dan Mobile Friendly 2015 versi saya.

1. Brosense Blogger Template
Template mas sugeng yang satu ini yang bisa saya katakan sangat fenomenal, dirilis secara gratis dengan full fitur. Sayangnya mas sugeng sudah jarang buat template, moga aja dalam waktu dekat ada karya mas sugeng yang lainnya yah, dan Gratis tentunya hehe.

2. New Minima Colored Fast Loading
Template buatan mbak arlina yang merupakan redesign dari template terdahulunya, dalam versi kali ini dari segi kecepatan sangat mengagumkan. Bisa terbilang ini template premium yang dibagikan gratis. Dari dulu saya pakai template mbak arlina, baru versi kali ini yang memiliki kecepatan load yang lebih baik dari sebelumnya.

3. Galleryta SEO Responsive Blogger template
Template buatan mbak Dian anarchita ini bisa terbilang memiliki design yang sangat berbeda dari template lainnya, template ini telah dilengkapi dengan efek Masonry, jadi akan terlihat lebih smooth ketika responsive.

Update :
LINK DEMO SUDAH TERKONTAMINASI.

4. Ramai Blogger Template
Mungkin sobat sudah pernah melihat template Evo Magz Premium Blogger template, nah template Ramai ini sangat mirip dengan template Premium Evo Magz tersebut sobat. Bagi sobat yang mau mencicipinya karena belum bisa belu yang premium, nah ramai template ini bisa menjadi pilihan.

5. Minima Responsive Blogger Template
Masih template mbak arlina juga, namun ini style lama mbak arlina, dan di style lamanya memiliki tampilan yang bisa terbilang full color sobat. Tentunya responsive dan mobile friendly juga dan yang paling penting adalah gratis hehe.

Itulah daftar 5 Template SEO Friendly dan Mobile Friendly atau Responsive versi saya sendiri sobat, semoga bisa menambah koleksi template sobat yah, dan dapat mempercantik blog sobat. Semoga bermanfaat ^_^

Read More