Ivhaa Network

Siapa sih yang tidak tau blog PanduanIM sebuah blog yang cocok untuk kita belajar ngeblog.

Banyak orang ingin memiliki template yang di pakai blog ini, nah pada kesempatan kali ini saya akan share template PamduanIM ini ya walaupun sebenarnya tidak desain saya sendiri.

Jika ingin melihat demonya seperti apa kamu bisa cek gambar di bawah ini, karena pada kali ini saya tidak kasih link demonya.

Mungkin dari kalian tertarik dengan template ini bisa langsung aja tulis emailnya di komentar atau bisa kontak di menu kontak.

Terimakasih telah berkunjung.

PanduanIM Responsive Blogger Template Free

Assalamualikum, pada kesempatan kali ini saya akan memberikan tutorial lagi untuk kalian semua, tutorial tersebut adalah Cara Membuat Tabel Ala Jalan Tikus Memggunakan CSS.
Cara Membuat Tabel Ala Jalan Tikus Memggunakan CSS

Tutorial ini di tulis oleh Enterblogger.com, karena artikelnya menarik saya share di blog ini.

Apa sih kegunaal label sebenarnya bagi blog di artikel?? Sebenarnya kegunaan label tersebut adalah untuk memberi penjelasan atau keterang pada sebuah produk salah satunya template.

Nah apa kalian tertarik dengan artikel kali ini, mari ikuti langkah berikut ini.

Cara Membuat Tabel Ala Jalantikus Menggunakan CSS

Langkah pertama kalian masuk akun blogger kalian pilih meni Tema, kemudian pilih tombol Edit HTML, masukkan CSS di bawah ini tepat di atas kode ]]></b:skin> atau </style>


table {
    width: 100%;
    margin-bottom: 12px;
}thead {
    height: 65px;
    border: none;
    border-collapse: collapse;
    border-radius: 4px 4px 0 0;
    width: 100%;
    background: #ef6a65;
    background: -webkit-linear-gradient(right,#f7a784,#ef6a65);
    background: -o-linear-gradient(left,#f7a784,#ef6a65);
    background: -o-linear-gradient(right,#f7a784,#ef6a65);
    background: -webkit-gradient(linear,right top,left top,from(#f7a784),to(#ef6a65));
    background: linear-gradient(270deg,#f7a784,#ef6a65);
    font-size: 14px;
    color: #fff;
}tr th:first-child {
    border-radius: 5px 0 0 0;
}
tr th {
    padding: 15px 20px;
}tr th {
    padding: 15px 20px;
  border-left:1px solid #ebebeb;
    font-family: 'Roboto Slab', serif;
}tr:nth-child(2n) {
    background-color: #fbf9f9;
}
tr:nth-child(2n) {
    background-color: #fbf9f9;
}
tr td {
    padding: 20px;
    font-size: 15px;
    line-height: 24px;
    color: #6d6d6d;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
      font-family: 'Roboto Slab', serif;

}
Kemudian Simpan Template.


<table cellspacing="0"><thead><tr><th>Spesifikasi</th>
 <th>Huawei Nova 2 Lite</th>
 <th>Oppo A3s</th>
</tr></thead><tbody><tr><td>Dimensi</td>
 <td>158.3 x 76.7 x 7.8 mm<br>155 gram</td>
 <td>156.2 x 75.6 x 8.2 mm<br>168 gram</td>
</tr><tr><td>Layar</td>
 <td>5.99 inci IPS LCD capacitive touchscreeb<br>720 x 1440 piksel</td>
 <td>6.2 inci IPS LCD capacitive touchscreen<br>720 x 1520 piksel</td>
</tr><tr><td>Chipset</td>
 <td>Qualcomm MSM8937 Snapdragon 430 octa-core 1.4GHz<br>GPU Adreno 505</td>
 <td>Qualcomm SDM450 Snapdragon 450 octa-core 1.8GHz<br>GPU Adreno 506</td>
</tr><tr><td>Sistem Operasi</td>
 <td>Android 8.0 Oreo dengan EMUI 8.0</td>
 <td>Android 8.1 Oreo dengan ColorOS 5.1</td>
</tr><tr><td>Memori</td>
 <td>RAM 3GB, Memori Internal 32GB<br>MicroSD up to 256GB</td>
 <td>RAM 32GB, Memori Internal 32GB<br>MicroSD up to 256GB</td>
</tr><tr><td>Kamera</td>
 <td>Kamera Belakang Dual 13MP f/2.2 PDAF + 2MP depth sensor<br>Kamera Depan 8MP f/2.0</td>
 <td>Kamera Belakang Dual 13MP f/2.2 PDAF + 2MP f/2.4 depth sensor<br>Kamera Depan 8MP f/2.2</td>
</tr><tr><td>Jaringan</td>
 <td>GSM/HSPA/LTE</td>
 <td>GSM/HSPA/LTE</td>
</tr><tr><td>Baterai</td>
 <td>3000 mAh</td>
 <td>4230 mAh</td>
</tr><tr><td>Warna</td>
 <td>Black, Gold, Blue</td>
 <td>Red, Dark Purple</td>
</tr></tbody></table>

Untuk memanggilnya kalian cukup gunakan kode ini saja.

Demikian tutorial Cara Membuat Tabel Ala Jalan Tikus Memggunakan CSS, selamat mencoba.

Cara Membuat Tabel Ala Jalan Tikus Memggunakan CSS

Cara Membuat Featured News Ala Jalan Tikus di Blogger
Cara Membuat Featured News Ala Jalan Tikus di Blogger - Assalamualaikum, pada kesempatan kali ini saya akan memberikan tutorial lagi untuk kalian semua yaitu Membuat Featured News Ala Jalan Tikus.

Jika kalian tertarik dengan tutorial ini yuk ikuti langkah - langkah berikut ini :

Membuat Featured News Ala Jalan Tikus


Langkah pertama kalian Masuk Akun Blogger kalian.

Pilih menu Tata Letak, pilih Tambah Gadget kemudian pilih HTML/Javascript, tinggal masukkan kode berikut ini :
<div class="featured-news" style="box-sizing: border-box; max-height: 220px; min-width: 100%; overflow-x: auto; padding: 12px 15px; white-space: nowrap;"><div class="featured-news-lg box-6" style="display: inline-block; float: none; height: 193px; line-height: 193px; position: relative; vertical-align: middle; width: 298px;"><div class="news-image " style="background: url(&quot;data:image/png; height: 193px; overflow: hidden; text-align: center; transition: all 0.5s ease 0s; width: 298px;"><img alt="Judul Postingan ke 1" class="lazy" src="Gambar Postingan ke 1" style="height: 193px; margin: 0px -298px; min-height: 100%; min-width: 100%; position: relative; transform-origin: center center 0px; transition: all 0.5s ease 0s; vertical-align: top;" /></div><div class="news-detail" style="bottom: 0px; left: 0px; padding: 15px; pointer-events: none; position: absolute; white-space: normal; z-index: 9;"><h2 class="title color white" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; color: white; display: -webkit-box; font-family: Museo, sans-serif; font-size: 18px; line-height: 24px; margin: auto; max-height: 72px; overflow: hidden; padding: 0px !important; position: relative; text-overflow: ellipsis; text-shadow: rgba(0, 0, 0, 0.59) 0px 3px 6px;">Judul Postingan ke 1</h2></div><a class="link-overlay" href="URL Postingan ke 1" style="-webkit-tap-highlight-color: rgba(255, 255, 255, 0); bottom: 0px; cursor: pointer; height: 193px; left: 0px; outline: 0px; position: absolute; right: 0px; text-decoration-line: none; top: 0px; width: 298px; z-index: 4;" target="_self"></a></div><div class="featured-news-sm box-3" style="display: inline-block; float: none; height: 193px; line-height: 220px; margin-left: 12px; position: relative; vertical-align: middle; width: 298px;"><div class="news-image " style="background: url(&quot;data:image/png; height: 193px; overflow: hidden; text-align: center; transition: all 0.5s ease 0s; width: 298px;"><img alt="Judul Postingan ke 2" class="lazy" src="Gambar Postingan ke 2" style="height: 193px; margin: 0px -298px; min-height: 100%; min-width: 100%; position: relative; transform-origin: center center 0px; transition: all 0.5s ease 0s; vertical-align: top;" /></div><div class="news-detail" style="bottom: 0px; left: 0px; padding: 15px; pointer-events: none; position: absolute; white-space: normal; z-index: 9;"><h2 class="title color white" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; color: white; display: -webkit-box; font-family: Museo, sans-serif; font-size: 18px; line-height: 24px; margin: auto; max-height: 72px; overflow: hidden; padding: 0px !important; position: relative; text-overflow: ellipsis; text-shadow: rgba(0, 0, 0, 0.59) 0px 3px 6px;">Judul Postingan ke 2</h2></div><a class="link-overlay" href="URL Postingan ke 2" style="-webkit-tap-highlight-color: rgba(255, 255, 255, 0); bottom: 0px; cursor: pointer; height: 193px; left: 0px; outline: 0px; position: absolute; right: 0px; text-decoration-line: none; top: 0px; width: 298px; z-index: 4;" target="_self"></a></div><div class="featured-news-sm box-3" style="display: inline-block; float: none; height: 193px; line-height: 220px; margin-left: 12px; position: relative; vertical-align: middle; width: 298px;"><div class="news-image " style="background: url(&quot;data:image/png; height: 193px; overflow: hidden; text-align: center; transition: all 0.5s ease 0s; width: 298px;"><img alt="Judul Postingan ke 3" class="lazy" src="Gambar Postingan ke 3" style="height: 193px; margin: 0px -298px; min-height: 100%; min-width: 100%; position: relative; transform-origin: center center 0px; transition: all 0.5s ease 0s; vertical-align: top;" /></div><div class="news-detail" style="bottom: 0px; left: 0px; padding: 15px; pointer-events: none; position: absolute; white-space: normal; z-index: 9;"><h2 class="title color white" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; color: white; display: -webkit-box; font-family: Museo, sans-serif; font-size: 18px; line-height: 24px; margin: auto; max-height: 72px; overflow: hidden; padding: 0px !important; position: relative; text-overflow: ellipsis; text-shadow: rgba(0, 0, 0, 0.59) 0px 3px 6px;">Judul Postingan ke 3</h2></div><a class="link-overlay" href="URL Postingan ke 3" style="-webkit-tap-highlight-color: rgba(255, 255, 255, 0); bottom: 0px; cursor: pointer; height: 193px; left: 0px; outline: 0px; position: absolute; right: 0px; text-decoration-line: none; top: 0px; width: 298px; z-index: 4;" target="_self"></a></div><div class="featured-news-sm box-3" style="display: inline-block; float: none; height: 193px; line-height: 220px; margin-left: 12px; position: relative; vertical-align: middle; width: 298px;"><div class="news-image " style="background: url(&quot;data:image/png; height: 193px; overflow: hidden; text-align: center; transition: all 0.5s ease 0s; width: 298px;"><img alt="Judul Postingan Ke 4" class="lazy" src="Gambar Postingan ke 4" style="height: 193px; margin: 0px -298px; min-height: 100%; min-width: 100%; position: relative; transform-origin: center center 0px; transition: all 0.5s ease 0s; vertical-align: top;" /></div><div class="news-detail" style="bottom: 0px; left: 0px; padding: 15px; pointer-events: none; position: absolute; white-space: normal; z-index: 9;"><h2 class="title color white" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; color: white; display: -webkit-box; font-family: Museo, sans-serif; font-size: 18px; line-height: 24px; margin: auto; max-height: 72px; overflow: hidden; padding: 0px !important; position: relative; text-overflow: ellipsis; text-shadow: rgba(0, 0, 0, 0.59) 0px 3px 6px;">Judul Postingan ke 4</h2></div><a class="link-overlay" href="URL Postingan ke 4" style="-webkit-tap-highlight-color: rgba(255, 255, 255, 0); bottom: 0px; cursor: pointer; height: 193px; left: 0px; outline: 0px; position: absolute; right: 0px; text-decoration-line: none; top: 0px; width: 298px; z-index: 4;" target="_self"></a></div><div class="featured-news-sm box-3" style="display: inline-block; float: none; height: 193px; line-height: 220px; margin-left: 12px; margin-right: 15px; position: relative; vertical-align: middle; width: 298px;"><div class="news-image " style="background: url(&quot;data:image/png; height: 193px; overflow: hidden; text-align: center; transition: all 0.5s ease 0s; width: 298px;"><img alt="Judul Postingan ke 5" class="lazy" src="Gambar Postingan ke 5" style="height: 193px; margin: 0px -298px; min-height: 100%; min-width: 100%; position: relative; transform-origin: center center 0px; transition: all 0.5s ease 0s; vertical-align: top;" /></div><div class="news-detail" style="bottom: 0px; left: 0px; padding: 15px; pointer-events: none; position: absolute; white-space: normal; z-index: 9;"><h2 class="title color white" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; color: white; display: -webkit-box; font-family: Museo, sans-serif; font-size: 18px; line-height: 24px; margin: auto; max-height: 72px; overflow: hidden; padding: 0px !important; position: relative; text-overflow: ellipsis; text-shadow: rgba(0, 0, 0, 0.59) 0px 3px 6px;">Judul Postingan ke 5</h2></div><a class="link-overlay" href="URL Postingan ke 5" style="-webkit-tap-highlight-color: rgba(255, 255, 255, 0); bottom: 0px; cursor: pointer; height: 193px; left: 0px; outline: 0px; position: absolute; right: 0px; text-decoration-line: none; top: 0px; width: 298px; z-index: 4;" target="_self"></a></div><div class="clear" style="clear: both !important; margin: 0px !important; padding: 0px !important;"></div></div>

Simpan, selesai
Perlu diingat Featured ini masih manual jadi kalian harus isi gambar dan url blog kalian sendiri
Untuk demonya kalian bisa lihat pada gambar dibawah ini.

Demikian Tutorial Membuat Featured News Ala Jalan Tikus, semoga bermanfaat.

Cara Membuat Featured News Ala Jalan Tikus di Blogger

Cara Cek Harga Blog dan Website Secara Online
Cara Cek Harga Blog atau Website Secara Online - Ivhaa Network pada kali ini akan memberikan tool yang bisa cek harga blog, yaitu menggunakan website ceksite.com. Dengab ini kita tau seberapa mahalnya blog kita ini, nah dari pada penasaran ini tutorialnya.

Cara Cek Harga Blog dan Website


Langkah pertama tentu kalian kunjungi aja ceksite.com.

Setelah itu tulis URL blog sobat jangan lupa tulis kodenya, kemudian klik tombol Hitung.

Tunggu prosesnya, setelah itu akan tau berapa harga blog kita, beserta keterangan detailnya.
Nah itulah hasilnya sobat, bisa kalian cek berapa harganya.

Itulah tutorial kali ini Cara Cek Harga Website Secara Online, semoga bermanfaat.

Cara Cek Harga Blog dan Website Secara Online

Cara Memasang Meta Tag SEO Frendly Terbaru Blogger
Cara Memasang Meta Tag SEO Frendly Terbaru Blogger - Ivhaa Network kali ini akan memberikan tutorial dan informasi mengenai Meta Tag terbaru blogger. Ini juga saya pakai pada template yang sekarang.

Mungkin banyak yang belum tau atau belum faham apa ya fungsi Meta Tag ini, saya akan menjelaskan sedikit tentang Meta Tag ini.

Meta Tag adalah sebuah script yang dimana untuk mengirip data ke mesin pencari agar bisa terindex oleh pesin pencari salah satunya adalah Google atau Bing.

Ada beberapa fungsi dari Meta Tag seperti berikut ini :

Meta Tag Description

Meta tag Description ini digunakan sebagai gambaran sebuah blog, ini pun biasanya diisi dengan 200 karakter, untuk scriptnya seperti ini.
<meta content='Tulis deskripsi di sini'  name='description'/>

Meta Tag Keyword

Meta tag keyword ini sangat penting adanya, karena menargetkan blog dengan kata kunci tertentu di mesin pencari.
<meta content="kata kunci 1, kata kunci 2, kata kunci 3,... name="keywords"/>

Meta Tag Robots

Meta tag robot ini kegunaannya agar halaman mana yang diindex google atau tidak boleh di index oleh mesin pencari.
<meta content="index follow" name="robots"/>

Jika ketiga komponen di gabungkan maka kodenya seperti ini :
<meta content='Tulis deskripsi di sini' name='description'/>
<meta content='kata kunci 1, kata kunci 2, kata kunci 3...' name='keywords'/>
<meta content='index, follow' name='robots'/>

Itu lah sedikit penjelasan tentang Meta Tag pada sebuah blog.

Meta Tag SEO Frendly Terbaru Blogger


Nah setelah tau fungsinya sekarang kita tinggal memasang nya pada blogger, pertama kalian Masuk Blogger, pilih Tema kemudian pilih tombol Edit HTML. Masukkan kode berikut ini di bawah kode <head>.
<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI-BLOG' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS' rel='me'/>
<meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='NAMA-ADMIN' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://1.bp.blogspot.com/-aKZzSAygVKk/VYPkX_nAwrI/AAAAAAAACeo/cgQTs8nR5Rg/s1600/Arlina%2BLogo.png' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>

Itulah tutorial kali ini Cara Memasang Meta Tag Terbaru Blogger, semonga bermanfaat

Cara Memasang Meta Tag SEO Frendly Terbaru Blogger

Panduan Lengkap Daftar Google Adsense Terbaru - Assalamualaikum, bagaimana kabar semua pembaca Blog Ivhaa Network? Pads kesempatan kali ini saya aka memberikan Panduan Daftar Google Adsense.

Google Adsense adalah PPC milik Google yang banyak di andalan untuk mendapatkan penghasilan melalui blog. Namun Google Adsense semakin hari semakin ketat peraturannya.

Dengan panduan ini mungkin kalian bisa diterima oleh Google adsense, seperti saya dulu iseng daftar walau dalam hati masih ragu, dan Alhamdulillah tiga hari full approve.

Apa kalian tertarik dengan artikel ini, yuk simak berikut ini :

Panduan Lengkap Daftar Google Adsense Terbaru


Langkah pertama kalian harus buka di browser kalian website Google Adsense, kemudian pilih Daftar atau Sign Up.
Panduan Lengkap Daftar Google Adsense Terbaru

Kemudian isi data yang diminta seperti Alamat Email dan URL Website anda, kemudian pilih Apakah Kalian Ingin Mendapat Bantuan Dari Google Adsense setelah ini, setelah itu pilih Save Continue
Panduan Lengkap Daftar Google Adsense Terbaru

Setelah itu lengkapi Alamt Detail kalian dengan benar, selain itu alamat ini untuk mengirim kode verifikasi adsense jika playout nanti. Kemudian centang Yes, I have read and accept the agreement, klik Contimue Account.
Panduan Lengkap Daftar Google Adsense Terbaru

Selanjutnya kalian akan diarahkan kealamat pembayaran, jadi jika isi ini jangan sampai salah ya.

Langkah terakhir tinggal memasukkan kode Google Adsense kedalam blog kalian, taruh kode tersebut dibawah kode <head>.
Panduan Lengkap Daftar Google Adsense Terbaru

Untuk di Approve atau Tidak tergantung blog kalian ya, apakah konten memadai, menu lengkap seperti About dan Contact karena itu sangat peting ketika daftar Adsense.

Demikian Penduan Lengkap Daftar Google Adsense Terbaru, semoga bermanfaat.

Panduan Lengkap Daftar Google Adsense Terbaru

Infinite AMP Responsive Blogger Template
Hallo semua, pada kesempatan kali ini Ivhaa Network akan berbagi sebuah template lagi untuk kalian semua. Nama template tersebut adalah Infinite AMP Responsive Blogger Template, template yang non AMP  ini dibagikan secara premium oleh desainer Arlina Desain.

Tapi tenang untuk template ini Arlina Desain membagikannya secara Free, nah apa aja fitur template ini berikut fiturnya :

Features Availability
Responsive True Cek
Google Testing Tool Validator True Cek
Mobile Friendly True Cek
Dynamic Heading True
Adsense True
Valid Schema.org True
High CTR True
Personal Blog True
2 Column Grid True
Auto Read More with Thumbnail True
Responsive Ad Slot True
Breadcrumbs True
Footer Link True
Related Posts with Thumb True
Search Box True
Social Share Button True
Back to Top Button True
Shortcodes True
Unlimited Page Numbered True
Custom Contact Form Widget True
Responsive Sitemap Widget True
Disqus Comment True

Jika kalian tertarik bisa langsung downloud aja di bawah ini

Infinite AMP Responsive Blogger Template

Cara Membuat Widget Iklan Teks Ala Google Adsense
Assalamualikum, kali ini Ivhaa Network akan berbagi tutorial tentang Cara Membuat Widget Iklan Teks Ala Google Adsense. Widget ini sebenarnya dulu pertama kali dibuat oleh Kang Ismet kemudian sama Arlina Desain, Widget ini sangat ringan jika di pasang di blog.

Widget ini juga sangat mirip dengan iklan Google Adsense jika di klik atau disentuh kursor maka akan keluar Judul Blog, Description, dan URL blog.

Jika kalian tertarik dengan tutorial ini simak yuk caranya berikut ini :

Sebelumnya iklan ini menggunakan Font Awesome, silahkan kode CSS berikut ini diatas kode </head>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>

Jika sudah ada CSS di template sobat, jadi tidak usah di pasang lagi lewati aja

Cara Membuat Widget Teks Iklan Ala Google Adsense


Langkah pertama Login Blogger, pilih Tema kemudian pilih Tombol Edit HTML, masukkan kode berikut ini di atas kode ]]></b:skin> atau </style>
/* Iklan Teks GA by Ivhaa.net */
.iklan-teks{position:relative;margin:0;padding:10px;max-height:300px;overflow:hidden}
.iklan-teks div{position:relative;background:#FFF;height:120px;padding:8px 0;margin:0;z-index:1;color:#555}
.iklan-teks h2.iklan-header{position:relative;background:#FFF;font-size:18px;color:#0f7dc8;border-top:1px solid #d8d8d8;border-radius:0;padding:8px 0;margin:0;text-transform:none;cursor:pointer}
.iklan-teks h2.iklan-header:first-child{border-top:0}
.iklan-teks h2.iklan-header:before{content:"";width:0;height:0;position:absolute;top:20px;right:15px;border:5px solid transparent;border-color:#b2b2b2 transparent transparent;cursor:pointer}
.isi-iklan span.judul-iklan{font-size:18px;color:#0f7dc8;display:inline-block;cursor:pointer}
.isi-iklan span.url-iklan{font-size:12px;color:#0f7dc8;display:block;margin:8px 0;cursor:pointer}
.isi-iklan span.url-iklan:before{content:"\f0c0";font-family:FontAwesome;margin:0 10px 0 0}
.isi-iklan span.panah-besar{color:#fff;background:#e74c3c;border-radius:50%;height:34px;float:right;width:34px;text-align:center;line-height:34px;cursor:pointer;transition:all .6s}
.isi-iklan span.panah-besar:before{content:"\f054";font-family:FontAwesome;margin:0 0 0 3px;font-size:20px}
.isi-iklan span.panah-besar:hover{background:#34495e;color:#fff}
.isi-iklan p.isi{padding:0;margin:0 40px 0 0;color:#555;font-size:12px;text-align:left}
Kemudian cari kode </body>, salin kode ini taruh di atasnya
<script type='text/javascript'>
//<![CDATA[
(function(a){a.fn.hoverTimeout=function(c,e,b,d){return this.each(function(){var f=null,g=a(this);g.hover(function(){clearTimeout(f);f=setTimeout(function(){e.call(g)},c)},function(){clearTimeout(f);f=setTimeout(function(){d.call(g)},b)})})}})(jQuery);(function(b){b.fn.iklanaccordion=function(a){a=jQuery.extend({active:1,hovertimeout:300,sUpSpeed:500,sDownSpeed:500,sUpEasing:null,sDownEasing:null},a);return this.each(function(){var g=b(this),h=g.children("div[data-header]"),f=a.active-1;h.each(function(){b(this).hide().before('<h2 class="iklan-header">'+b(this).data("header")+"</h2>")});g.children("div:eq("+f+")").show().prev().css("margin-top","-47px").addClass("active");g.find(".iklan-header").hoverTimeout(a.hovertimeout,function(){g.children("h2").removeClass("active").animate({marginTop:0});h.slideUp(a.sUpSpeed,a.sUpEasing).animate({marginTop:-47});b(this).addClass("active").next().slideDown(a.sDownSpeed,a.sDownEasing)})})}})(jQuery);$(function(){$(".iklan-teks-sidebar").iklanaccordion();$(".iklan-teks-post-footer").iklanaccordion()});$(".info-icon").hover(function(){$(".info-iklan").animate({right:0},500,"easeInOutExpo")},function(){$(".info-iklan").animate({right:-103},500,"easeInOutExpo")});
//]]>
</script>
Setelah itu Simpan Template

Selanjutnya kalian masuk ke Tata Letak, pilih Tambah Widget, pilih HTML/Javascript masukkan kode HTML ini.
<div class='iklan-teks iklan-teks-sidebar' id='iklan-teks'>
    <!-- iklan ke 1 -->
    <div data-header="Pasang Iklan Disini">
      <span class='isi-iklan'>
<span class='judul-iklan' onclick="window.open('/');">Pasang Iklan Disini</span>
      <span class='url-iklan' onclick="window.open('/');">url web kalian</span>
      <span class='panah-besar' onclick="window.open('/');"></span>
      <p class='isi'>Pasang Iklan Anda Disini</p>
      </span>
    </div>
    <!-- iklan ke 2 -->
    <div data-header="Pasang Iklan Disini">
      <span class='isi-iklan'>
<span class='judul-iklan' onclick="window.open('/');">Pasang Iklan Disini</span>
      <span class='url-iklan' onclick="window.open('/');">url web kalian</span>
      <span class='panah-besar' onclick="window.open('/');"></span>
      <p class='isi'>Pasang Iklan Anda Disini</p>
      </span>
    </div>
    <!-- iklan ke 3 -->
    <div data-header="Pasang Iklan Disini">
      <span class='isi-iklan'>
<span class='judul-iklan' onclick="window.open('/');">Pasang Iklan Disini</span>
      <span class='url-iklan' onclick="window.open('/');">url web kalian</span>
      <span class='panah-besar' onclick="window.open('/');"></span>
      <p class='isi'>Pasang Iklan Anda Disini</p>
      </span>
    </div>
    <!-- iklan ke 4 -->
    <div data-header="Pasang Iklan Disini">
      <span class='isi-iklan'>
<span class='judul-iklan' onclick="window.open('/');">Pasang Iklan Disini</span>
      <span class='url-iklan' onclick="window.open('/');">url web kalian</span>
      <span class='panah-besar' onclick="window.open('/');"></span>
      <p class='isi'>Pasang Iklan Anda Disini</p>
      </span>
    </div>
    <!-- iklan ke 5 -->
    <div data-header="Pasang Iklan Disini">
      <span class='isi-iklan'>
<span class='judul-iklan' onclick="window.open('/');">Pasang Iklan Disini</span>
      <span class='url-iklan' onclick="window.open('/');">url web kalian</span>
      <span class='panah-besar' onclick="window.open('/');"></span>
      <p class='isi'>Pasang Iklan Anda Disini</p>
      </span>
    </div>
  </div>

Kemudian Simpan.

Demikian Tutorial Cara Membuat Widget Iklan Teks Ala Google Adsense, semoga bermanfaat dan selamat mencoba.

Cara Membuat Widget Iklan Teks Ala Google Adsense

Cara Membuat Kotak Iklan Ala Arlina Desain
Cara Membuat Kotak Iklan Ala Arlina Desain - Pada kesempatan kali ini saya akan berbagi tutorial untuk kalian, kita pasti tau ngeblog sekarang bukan sekedar tentang menulis sebuah artikel saja, namun kita bisa mendapat penghasilan melalui blog yang kita kelola.

Salah satunya dengan jasa pengiklanan di blog, atau blog dipasang iklan dengan daftar di Google Adsense. Pada artikel ini saya akan memberikan tutorial membuat kotak iklan ala arlina desain dengan ukuran 125x125, seperti yang saya pakai ini.

Bagaimana tutorialnya, daripada penasaran yuk simak aja artikelnya sampai akhir.

Langkah pertama kalian harus masuk Akun Blogger Kalian >> Pilih menu Tema, klik tombol Edit HTML taruh CSS berikut ini di ]]></b:skin> atau </style>
/* Ads Slot Ivhaa.net */
.kotak_iklan {text-align: center;}
.kotak_iklan  img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #ddd;}
.kotak_iklan  img:hover {border:1px solid #aaa}
.kotak_iklan  img.noborder {border:0;}
Kemudian Kalian pergi ke Tata Letak >> Tambah Widget >> pilih HTML/Javascript, tambahkan kode berikut ini kedalamnya.

<div class="kotak_iklan">
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a> 
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a> 
</div>
Jika sudah selesai, Kemudian pilih Simpan.

Ternyata tidak sulit untuk membuatnya, tinggal menambah script dikit jadi bagus deh tata letaknya, semoga bermanfaat

Cara Membuat Kotak Iklan Ala Arlina Desain

Vio Magz Responsive Blogger Template - Assalamualaikum, pada kesempatan kali saya akan berbagi template buat kalian semua. Vio Magz adalah template terbaru dari Mas sugeng, ada dua versi dalam template ini yaitu versi AMP dan Non AMP.

Namun dalam kesempatan kali ini saya akan berbagi untuk kalian versi non amp, walaupun begitu template ini sangat fast loading

Daripada penasaran apa aja fitur dari template tersebut bisa kalian cek di tabel bawah ini

Berikut ini adalah beberapa fitur unggulan template Vio  ini :

Features Availability
Responsive True Cek
Google Testing Tool Validator True Cek
Mobile Friendly True Cek
Dynamic Heading True
Adsense True
Valid Schema.org True
High CTR True
Personal Blog True
2 Column Grid True
Auto Read More with Thumbnail True
Responsive Ad Slot True
Breadcrumbs True
Footer Link True
Related Posts with Thumb True
Search Box True
Social Share Button True
Back to Top Button True
Shortcodes True
Unlimited Page Numbered True
Custom Contact Form Widget True
Responsive Sitemap Widget True

Jika kalian tertarik silahkan downloud temanyam.

Vio Magz Responsive Blogger Template

Subscribe Our Newsletter