Sabtu, 27 Mei 2017

Macam - Macam Tag Kondisional dan Fungsinya

Macam - Macam Tag Kondisional dan Fungsinya

Sudah tahukah kalian " Tag Kondisional ( Tag Condisional ) ". Tag kondisional berfungsi untuk mengkondisikan suatu elemen tertentu di dalam blog atau website kita, baik berupa widget, CSS, HTML, Javascript, ataupun JQuery. Dengan menerapkan tag kondisional ini website kalian akan terlihat lebih bersih, professional, dan terlihat rapi. Bukan hanya itu fungsi tag kondisional ini juga bisa membuat website kalian lebih cepat bahkan sangat cepat. Karena tag kondisional ini bisa menentukan suatu elemen akan dimuat. Misal blog saya ini mempunyai widget " Facebook Like ". Tetapi kalian hanya ingin menampilkanya di halaman posting, kalian bisa menggunakan tag kondisional ini. Jadi tag kondisional ini berfungsi mempertata web atau blog anda. Jadinya semua elemen di blog anda tidak akan dimuat bersamaan yang akan menyebabkan loading website atau blog lambat.

Berikut ini macam - macam tag kondisional serta fungsinya

Saya sediakan tag kondisional kategori umum yang sudah diparse dan siap pakai.


<b:if cond='data:blog.pageType == &quot;error_page&quot;'>ISI_DENGAN_ELEMEN_Kalian</b:if>

Untuk tag di atas digunakan untuk menampilkan elemen hanya di halaman "Error Page ".


<b:if cond='data:blog.pageType == &quot;item&quot;'>ISI_DENGAN_ELEMEN_Kalian</b:if>

Tag di atas berfungsi menampilkan tag hanya di halaman "Postingan" suatu website atau blog.


<b:if cond='data:blog.pageType == &quot;index&quot;'>ISI_DENGAN_ELEMEN_Kalian</b:if>

Tag di atas fungsinya menampilkan widget di halaman " Index " atau dengan kata lain menampilkan website di seluruh tipe halaman. Jika dibalik fungsinya atau kebalikanya bisa juga sebagai alat untuk menyembunyikan elemen suatu website baik itu widget, CSS, dan lainya.


<b:if cond='data:blog.pageType == &quot;static_page&quot;'>ISI_DENGAN_ELEMEN_Kalian</b:if>

Tag di atas fungsinya hanya untuk menampilkan elemen di halaman " Static " yaitu page pada blog. Contohnya : halaman About, Disclaimer, Privacy, dan lain - lain.


<b:if cond='data:blog.pageType == &quot;archive&quot;'>ISI_DENGAN_ELEMEN_Kalian</b:if>

Tag tersebut berfungsi menampilkan elemen hanya di halaman " Arsip ".


<b:if cond='data:blog.homepageUrl == data:blog.url'>ISI_DENGAN_ELEMENmu</b:if>

Tag tersebut berfungsi menampilkan elemen hanya di halaman " Home Page ".


<b:if cond='data:blog.homepageUrl == &quot;URL_KAMU&quot;'>ISI_DENGAN_ELEMENmu</b:if>

Tag terakhir ini berfungsi menampilkan elemen hanya di halaman " URL Tertentu ".


Tag di atas berfungsi menampilkan elemen di halaman tersebut. Tetapi tag kondisional ini bisa diubah fungsinya untuk tidak menampilkan di halaman yang kalian maksud misalnya postingan.
Untuk menerapkan fungsi kebalikanya kalian hanya mengubah tandanya saja seperti ini.

Misalkan agar widget like facebook tidak tampil di halaman postingan saja. Perhatikan ada tanda serunya.

<b:if cond='data:blog.pageType != &quot;item&quot;'>ISI_DENGAN_ELEMEN_Kalian</b:if>

Demikian pengetahuan tentang Tag Kondisional semoga bermanfaat untuk kalian.

Menampilkan/menyembunyikan widget atau script tertentu pada versi mobile

Untuk menampilkan widget atau script tertentu, tag conditonalnya adalah sebagai berikut.

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>


Tag conditional berikut ini adalah kebalikan dari fungsi tag conditional di atas, yaitu tidak akan memunculkan kode atau widget tertentu pada versi mobile.

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>


Thank you...

Cara Membuat Widget Recent Post Tanpa Gambar

Cara Membuat Widget Recent Post Tanpa Gambar (NO THUMBNAIL) - Kalian pasti pernah berpikir jika dihalaman artikel kok yang bisa ditambahkan widget popular post. Terus kalian bingung mencari di kumpulan widget default blogger. Widget recent post ini memang harus dibuat secara manual dengan code2 HTML tidak seperti wordpress yang sudah disediakan widget recent post.

Cara Membuat Widget Recent Post Tanpa Gambar
Cara kerja widget post ini menampilkan feeed dari postingan terbaru kita. Widget ini sangat ringan dan kalian jangan khawatir loading blog menjadi lambat.

Pertama kalian harus masuk dashboard blogger dan menuju ke tata letak. Dan tambahkan widget HTML/Javascript. Masukan code ini.


<style scoped='' type="text/css">
ul#recent-posts{list-style:none;margin:0;padding:0}li.recent-posts{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
li.recent-posts:last-child{border-bottom:0;}
li.recent-posts a{color:#444;}li.recent-posts a:hover{color:#444;text-decoration:underline}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://www.alfinauzikri.net",
numPosts = 5;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'" target="_blank" rel="nofollow">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>

Kalian ganti url http://www.alfinauzikri.net dengan url kalian. Serta kalian bisa mengubah jumlah post yang akan ditampilkan dengan mengubah jumlahnya dengan merubah code numPosts = 5 dengan jumlah yang kalian sukai.


Cara Memasang Slide Box Rekomendasi Responsive



Kalian pasti pernah melihat slide box ini di blog orang lain atau di situs - situs berita. Ada juga yang sudah tahu namanya ada juga yang belum tahu widget apa ini. Pada kesempatan saya kali ini saya akan mengajarkan Cara Memasang Slide Box Rekomendasi Responsive.

Untuk melakukan ini kalian jika masih pemula sebelumnya harus berhati - hati karena ini berhubungan dengan mengedit kode template, jika gagal bisa - bisa hal yang fatal akan terjadi pada desain blog atau website kalian.

Cara Memasang Slide Box Rekomendasi Responsive

Pertama kalian harus masuk ke dashboard blog kalian dan menuju menu Tempate --> Edit HTML.


Kalian pastekan kode ini sebelum kode " </style> " atau " ]]</b:skin> " ingat harus disitu.


/* SSlide Box By Info Center Blog */
#chslidingbox{background:#fff;width:100%;max-width:355px;height:250px;position:fixed;overflow:hidden;border:none;right:-360px;z-index:99;text-align:left;box-shadow:0 1px 0 0 rgba(0,0,0,0.03);transition:all .4s ease-out}
.chslidingbox-title{background:#dd191d;color:#fff;display:block;height:45px;line-height:45px;width:100%;font-size:14px;text-transform:capitalize;font-weight:700;letter-spacing:.5px}
.chslidingbox-title span a{font-family:initial;float:right;height:40px;margin:0 0 0 15px;text-align:center;color:#fff;font-size:20px}
a#chslidingbox-close,a#chslidingbox-close{margin-right:15px}
.chslidingbox-title &gt;span &gt;h2{font-size:20px!important;font-weight:normal!important}
.chslidingbox-container{border:none;float:left;width:100%;height:auto;margin:3px}
.chslidingbox-container &gt;div{border:none;margin:3px 0;padding:10px 0}
.chslidingbox-container &gt;div &gt;span{font-size:14px}
.show{bottom:84px}
.hide{bottom:-145px}
.related-post{font-size:70%}
.related-post h4{font-size:150%;margin:0 0 .5em}
.related-post-style-2{margin-top:-20px;padding-top:15px;list-style:none}
.related-post-style-2 li{padding:0 10px 10px 10px;overflow:hidden}
.related-post-style-2 li:first-child{border-top:none}
.related-post-style-2 .related-post-item-thumbnail{width:45px;height:45px;max-width:none;max-height:none;border:0;padding:0;border-radius:3px;float:left;margin:2px 10px 0 0}
.related-post-style-2 .related-post-item-title{font-weight:700;font-size:130%;line-height:normal}
a.related-post-item-title{color:#95a5a6;transition:all .4s ease-out}
a:hover.related-post-item-title{color:#2ecc71;text-decoration:none}
.related-post-style-2 .related-post-item-summary{display:block;overflow:hidden}

Sesudah itu kalian copy code di bawah ini sebelum kode " </body> ".


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
$(window).scroll(function(){$("#chslidingbox").css($(this).scrollTop()>400?{right:"0px"}:{right:"-360px"})}),$(document).ready(function(){var i=$("#chslidingbox"),s=$("#chslidingbox-close"),o=$("#chslidingbox-minimize"),l=$("#chslidingbox-maximize");l.hide(),s.click(function(){i.css({right:"-350px"}),i.fadeOut("slow")}),o.click(function(){i.toggleClass("hide"),$(this).hide(),l.show()}),l.click(function(){i.toggleClass("hide"),$(this).hide(),o.show()})});
//]]>
</script>
</b:if>

Jika diatas sudah semua tinggal langkah terakhir kalian cari kode </b:includable> yang punyanya post.


<b:includable id='post' var='post'>
--------------------------------------
--------------------------------------
--------------------------------------
Kalian letakan kodenya diatas </b:includable></b:includable>

Di bawah ini adalah codenya.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='show' id='chslidingbox'>
    <div class='chslidingbox-title chslidingbox-www'>
      <span style='float:left;margin:0 15px;'>Rekomendasi Untuk Anda</span>
        <span><a href='javascript:void(0);' id='chslidingbox-close' title='close'>&#x00D7;</a></span>
        <span><a href='javascript:void(0);' id='chslidingbox-minimize' title='minimize'>&#x2212;</a></span>
        <span><a href='javascript:void(0);' id='chslidingbox-maximize' title='maximize'>&#x2b;</a></span>
    </div>
    <div class='chslidingbox-container'>
<div class='related-post' id='sliding-tab'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {homePage: &quot;<data:blog.homepageUrl/>&quot;,widgetTitle: &quot;&lt;h4&gt;&lt;/h4&gt;&quot;,numPosts: 2,summaryLength: 0,
titleLength: &quot;auto&quot;,thumbnailSize: 45,noImage: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;,containerId: &quot;sliding-tab&quot;,newTabLink: true,moreText: &quot;&quot;,widgetStyle: 2,callBack: function() {}};
</script>
<script src='https://goo.gl/1WpzFL' type='text/javascript'/>       
</div>
</div>
</b:if>

Sesudah itu kalian save templatenya.kalian bisa mengembangkan atau bereksperimen widget ini sesuai selera kalian.

Apa Sih Google Adsense Itu ? Dapet Uang Gratis Online

Apa Sih Google Adsense Itu ? Dapet Uang Gratis Online
Program AdSense didirikan setelah Google mengakuisisi Pyra Labs pada bulan Februari 2003. Sebulan berikutnya tepatnya pada tanggal 4 Maret 2003, Chairman Google dan CEO, Erick Schmidt, mengumumkan layanan iklan konten bertarget yang disebut AdSense. Untuk mendukung program adsense, pada 23 April 2003 atau sebulan kemudian google mengakuisisi Applied Semantics yang teknologinya mendukung layanan AdSense.

Sejak AdSense didirikan, unit AdSense for Content hanya mendukung bahasa Inggris dan beberapa bahasa negara-negara di Eropa, Timur Tengah dan Asia Timur, serta satu negara Asia Tenggara yaitu bahasa Thailand. Namun akhirnya pada tanggal 1 Februari 2012 Google secara resmi mengumumkan bahwa Bahasa Indonesia kini didukung untuk menampilkan unit iklan AdSense for Content, setelah sebelumnya bahasa Indonesia hanya didukung untuk unit AdSense for Search saja. Kini AdSense for Content mendukung 36 bahasa negara di dunia.

Pada tanggal 7 November 2012 Google mengumumkan telah memperbarui aplikasi permohonan AdSense bagi publisher baru yang mendaftar AdSense melalui mitra host, artinya pendaftar baru yang mendaftar AdSense melalui Youtube, Blogger dan Hubpages. Sejak saat itu akun AdSense dibedakan menjadi dua macam, yaitu akun AdSense hosted dan akun AdSense non hosted.

Google Adsense merupakan layanan periklanan online di internet yang dimiliki oleh Google dan merupakan layanan periklanan online terbesar di dunia dibandingkan dengan layanan yang lainya. Google Adsense menayangkan iklan dari para advertise yang melakukan pengiklanan produknya ke Google Adword dan iklan yang di iklankan pengiklan tersebut nantinya akan ditayangkan di website atau blog yang menjadi publisher Google Adsense. Nantinya publisher yang menayangkan iklan di situsnya akan mendapatkan uang dengan sistem PPC ( Pay Per Click ) dan CPM ( Cost Per Million ) tetapi yang lebih terkenal PPC.

Baca : Cara Mendaftar Google Adsense Secara Mudah dan Cepat

Bukan hanya PPC tetapi publisher juga akan dibayar jika publisher mengaktifkan adsense untuk pencarian di webnya, dan setiap pencarian akan dibayar jika mengklik iklan.

Istilah yang terkenal di Google Adsense adalah :
  • Page Impression
    • Page Impression adalah jumlah tayangan halaman yang dibuka pengunjung yang mengandung kode iklan adsense.
  • Clicks
    • Clicks adalah jumlah klik yang dilakukan terhadap iklan.
  • CPC ( Cost Per Klik )
    • CPC adalah biaya per klik yang dibayarkan kepada kita sebagai publisher.
  • CPM ( Cost Per MIllion )
    • CPM atau eCPM adalah hasil pembagian antara jumlah pendapatan publisher dengan jumlah impresi halaman (per 1.000) yang kita dapatkan dari iklan yang kita pasang. 
  • CTR (Clickthrough Rate)
    • CTR atau lebih mudahnya perbandingan antara klik iklan dengan jumlah tayangan iklan yang tampil.

Sekian tentang pembahasan Apa Sih Google Adsense Itu ? tetap kunjungi AM terus dan dapatkan informasi terbaru.

Source : Wikipedia, Google Adsense & Alfin Media

Cara Mempercepat Speed Download di IDM Internet Download Manager

Cara Mempercepat Speed Download di IDM "Internet Download Manager"

Cara Mempercepat Speed Download di IDM ( Internet Download Manager ) - Halo sobat AM bertemu lagi dengan saya Alfin Auzikri. Pada tutorial kali ini saya akan memberikan cara agar speed download internet download manager kalian lebih cepat dan optimal. Sebenarnya cara ini hanya untuk mengoptimalkan saja. Speed download kalian juga tergantung batasan bandwith kalian dari penyedia ISP.


Berikut Ini Cara Mempercepat Speed Download di IDM ( Internet Download Manager )


1. Pertama kalian buka aplikasi Internet Download Manager atau IDM > Download > Options .

Options IDM

2. Kemudian pilih tab Connection . Setting seperti gambar di bawah ini.

Settingan IDM Super Cepat By Info Center Blog

3. Sesudah itu kalian simpan pengaturan yang telah kalian atur dengan menekan tombol " OK ".


Tunggu dulu speeed download internet download manager kalian bisa lebih cepat lagi jika kalian optimalkan lagi dengan aplikasi berikut ini.

IDM Optimizer

Kunjungi website penyedia aplikasi ini disini


Setelah kalian melakukan semua cara di atas dampaknya akan langsung dirasakan kalian. Speed download akan terasa lebih cepat dan lancar. Tetapi ingat jangan lakukan cara ini di warnet, melakukan cara ini di warnet karena akan menyebabkan gangguan koneksi ke pengguna lainya. Karena kalian menggunakan bandwitdh nya cukup besar karena internet download manager kalian sudah dioptimalkan tadi . 

Senin, 22 Mei 2017

Cara Mudah Cek Nomor HP Sendiri

Cara Mudah Cek Nomor Handphone Sendiri

Cara Mudah Cek Nomor HP Sendiri - Terkadang kita lupa nomor handphone kita karena beberapa sebab, mungkin karena sering gonta-ganti nomor, atau kita lupa mencatatnya. Nah kenapa disini dishare cara mengetahui nomor handphone kita sendiri. Karena, barangkali nomor yg lupa tersebut pulsanya telah habis nahh.. kita nggak bisa miss call ke no hp lain. Kan ribet...

Cewek Cantik Mengecek Smartphone

Nah berikut ini "Cara Mudah Mengetahui Nomor Handphone Kita" yg bisa di cek di berbagai jenis operator seluler di Indonesia.

  • Untuk nomor Mentari dan IM3. Cukup ketik *777*8# dan call/ok
  • Untuk xl ketik *123*6*3*1*1# dan call/ok atau *123*7*1*1*1#
  • Untuk axis ketik *2*2# dan call/ok
  • Untuk Fren kirim sms lalu ketik STATUS kirim ke 551
  • nanti ada kiriman pesan "anda berada dalam layanan selular dengan nomor aktif 0888xxx..."
  • Untuk Telkomsel ketik : *808*nomor telkomsel#
  • Untuk 3 ketik *998#
Nah di atas adalah beberapa cara untuk mengecek nomor hp kita. Sekian... semoga bermanfaat. oke

Jadwal Imsakiyah Ramadhan 1438 H (2017) Seluruh Wilayah Indonesia

Ramadhan 2016 / 1437 H - Jadwal Imsakiyah Seluruh Indonesia

Jadwal Imsakiyah Ramadhan 1438 H 2017 Lengkap Seluruh Wilayah Indonesia - Imsak atau dari bahasa arab adalah amsaka yumsiku yang berarti menahan. Jadi imsak adalah dimana waktu dimulainya kita untuk menahan segala hal yang bisa membatalkan ibadah puasa kita. Bukan berarti jika sudah masuk imsak kita tidak diperbolehkan makan, makan sesudah waktu imsak malah menjadikan kita terburu - buru dalam sahur.

Nah pada kali ini " Alfin Media " akan memberikan jadwal imsak untuk seluruh penjuru wilayah indonesia. Bisa kalian lihat langsung pada widget di bawah ini.


Jadwal Imsakiyah Ramadhan 1438 H / Tahun 2018






Berbuka yang manis terlebih dahulu dibulan puasa
Buka puasa dengan yang manis2 hehehe...
Sebenarnya bukan hanya jadwal imsak saja yang terdapat di widget ini tetapi jadwal shalat lima waktupun juga ada jadi kita bisa mengetahui kapan waktu berbuka puasa.

Jumat, 19 Mei 2017

7 Puisi Anak SD Paling Populer

Tugas membuat puisi tak lepas dari tugas dari sekolah anak-anak TK dan Sekolah Dasar (SD). Kadang sebagai orangtua, akan kebingungan untuk membantu anak-anak kita dalam membuatkan mereka puisi.

Puisi Anak SD

Puisi yang kakak kutip dari soal-soal ujian sekolah/ujian nasional dan arsip soal latihan US/UN kelas 6 SD dan puisi ini cocok untuk semua jenjang kelas dari 1-6 SD.

1. "Buku"


Buku
Aku senang membaca buku
Karena buku sumber ilmu
Setiap hari aku sempatkan baca buku
Agar ilmuku bertambah
Dalam buku aku temukan ilmu
Buku, engkau sungguh berjasa
Bagiku dan bagi semua orang
Aku hanya ingin berpesan
Anggaplah buku sebagai teman
Terima kasih buku

 2. "Negaraku Indonesia"


Negaraku Indonesia
Indah dan permai
Bagiku oh
Sekali Indonesia tetap Indonesia
Tak kan pernah tergantikan
Ku tetap semangat
Walau Belanda menjajahmu
Aku kan membelamu sepanjang masa
Indonesia negaraku
Yang setia dan kucinta

3.  "Pagi yang Cerah"


Pagi yang cerah
Kubuka jendela rumah
Tampak halaman yang indah
Bunga-bunga mekar merekah
Di jalan anak-anak pergi sekolah
Binar-binar mata mereka cerah
Aku menyapa ramah
Mereka sambut dengan bergairah

 4. "Berbakti kepada Kedua Orang Tua "


Aku
Tiada henti
Aku berbakti
Perintah ayah tidak terbantah
Nasihat ibu dirindu

5.  "Bunga"


Bunga
Bermacam-macam bunga bermekaran
Hawanya sejuk menyehatkan
Hatiku ingin menari
Bagaikan burung yang terbang tinggi
Gunung-gunung menjulang tinggi
Gelombang laut memecah pantai
Itulah anugerah Tuhan kepada kita
Seluruh bangsa Indonesia

6. "Petani"


Petani
Dari sawah dan ladang
Petanilah penanamnya
Hujan rintik tak membuat terbit malasnya
Panas menyengat tak jua dirasa
Demi menghasilkan padi berlimpah
Karena masyarakat butuh pangan
Terima kasih petani

7.  "PR"


PR ( Pekerjaan Rumah )
Dari sekolah aku membawa PR
Bahasa Indonesia, aku belum mengerti
Kutanya ayah, ayah tak bisa
Kutanya ibu, ibu tak bisa
Kutanya kakak, dia tertawa
Kutanya kakek, kakek berkata “Mau pintar harus rajin belajar“


Adik-adik mau submit puisi tinggal kirim ke kakak melalui kolom komentar atau dengan mengontak kakak melalui halaman "Contact Us". Terima kasih...