Cara Dan Metode Pasang Iklan Adsense Di Awal & Tengah Posting Blog

Cara Dan Metode Pasang Iklan Adsense Di Awal & Tengah Posting Blog

Google Adsense

Unknown Juli 05, 2016

Cara dan metode Menampilkan atau Memasang Iklan Adsense di Awal & Tengah Posting Blog.

MENAMPILKAN atau memasang iklan Google Adsense, atau iklan lainnya, di awal posting dan di tengah goresan pena yakni salah satu upaya meningkatkan pendapatan Adsense.

Google sendiri menyarankan semoga iklan dipasang di posisi yang gampang dilihat pengguna, namun tidak mengganggu kenyamanan pembaca/pengunjung.

Kode ruang iklan Adsense di awal postingan blog ini dimodifikasi sedemikian rupa, semoga tampil anggun di awal tulisan.

Cara dan metode Pasang Iklan Adsense di Awal Posting Blog

1. Template > Edit HTML
2. Cari (Ctrl+F) isyarat ini:

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

3. Di atas isyarat tersebut, copas isyarat di bawah ini.
Jika ada dua isyarat ibarat itu, tempatkan di atas isyarat yang kedua.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div style=&quot;clear:left;float:left;margin-top:2em;margin-bottom: 1em; margin-right: 1.5em;&quot;&gt;

Kode Iklan Adsense di Sini 

&lt;/div&gt;
</b:if>

Hasilnya ibarat gambar di bawah ini:

Sesudah isyarat berhasil dipasang, masukkan isyarat adsense Anda di bab "Kode Iklan Adsense di Sini", namun sebelumnya harus di-PARSE dulu. (Parse isyarat Adsense di HTML Parser).

Cara dan metode Pasang Iklan di Tengah Postingan Blog

1. Template > Edit HTML
2. Cari kode <data:post.body/> atau <p><data:post.body/></p>
3. Ganti isyarat tersebut (yang KEDUA atau KETIGA) dengan:

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<!-- Kode Iklan Anda di Sini -->
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

Demikian kode untuk memasang iklan Google Adsense di awal posting blog yang tampil rapi. Sekali lagi, cara ini sebagai upaya meningkatkan pendapatan komisi Adsense atau iklan lainnya. (https://duniainformasisemasa321.blogspot.com/).*


Sumber http://www.contohblog.com/

Cara Dan Metode Menampilkan Posting Terbaru Label Tertentu Di Sidebar Blog

Cara Dan Metode Menampilkan Posting Terbaru Label Tertentu Di Sidebar Blog

Desain Blog

Unknown Juli 05, 2016

cara Dan Teknik Menampilkan Posting Terbaru dengan Label Tertentu di Sidebar Blog

ADA dua cara memasang, memunculkan, atau menampilkan widget posting terbaru dengan Label atau Kategori Tertentu di Sidebar Blog. Pertama, memakai gadget Feed bawaan blogger. Kedua, memakai arahan HTML/Javascript.

#1 - cara Dan Teknik Memasang Posting Terbaru dengan Feed

Feed ialah widget bawaan blogger yang memungkinkan kita memasang daftar posting dari blog kita sendiri maupun blog lain. 

Kita dapat manfaatkan widget Feed ini untuk memasang posting terbaru label tertentu, maupun semua label.

1. Tata Letal > Tambah Gadget > pilih Feed

2. Masukkan URL blog Anda:

- Untuk label tertentu: http://namablogAnda.blogspot.com/feeds/posts/default/-/nama label

- Untuk Semua Label: http://namablogAnda.blogspot.com/feeds/posts/default

3. Klik Continue

4. Ubah Judul Widget dengan Posting Terbaru

5. Save!

#2 - cara Dan Teknik Memasang Posting Terbaru dengan Kode Script

Jika cara di atas gagal, biasanya alasannya ialah ada arahan yang mengapit arahan </body> di dalam template menyerupai ini: &lt;!--</body>--&gt;&lt;/body&gt; maka gunakan arahan script. 

Bisa juga dengan menghapus arahan &lt;!--</body>--&gt;&lt;/body&gt; tersebut dan ganti dengan arahan </body> saja.

Ini cara memasang widget posting terbadu di sidebar blog dengan kode:

1. Pilih Tata Letak > Tambah Gadget > HTML/JavaScript

2. Isi Judul dengan Posting Terbaru
3. Copy Paste arahan berikut ini ke kolom Content:

Kode Untuk Kategori Tertentu:

<script style="text/javascript">
var numposts = 5;
var standardstyling = true;
</script>
<script type='text/javascript'>function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');}</script>
<ul><script src="/feeds/posts/default/-/nama label?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script> </ul>

Kode untuk Posting Terbaru Semua Label:

<script style="text/javascript">
var numposts = 5;
var standardstyling = true;
</script>
<script type='text/javascript'>function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');}</script>
<ul><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script> </ul>

PAKE GAMBAR/FOTO THUMBNAIL?

Bagaimana kalau posting terbarunya ingin memakai foto atau gambar? Baca ini: Pasang Posting Terbaru plus Gambar Thumbnail di Sidebar Blog.

Ini kodenya:

<style>

img.recent_thumb {padding:1px;width:72px;height:72px;border:0; float:left;margin:0 10px 5px 1px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 72px;margin: 5px 10px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {min-height: 80px;background:none;padding:5px 0;background:none;}.recent_posts_with_thumbs a {text-decoration:none;font-weight:700;font-size: 12px;}.recent_posts_with_thumbs strong {font-size:10px;}i {font-style: normal;font-weight: 400;font-size: 11px;}

</style>

<script>

function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){

if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}

if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)

{

s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){

thumburl=d;} else thumburl='http://lh4.ggpht.com/_IjrRiI_bVb0/TOCYn1fMjII/AAAAAAAAF24/5Fvv-HJqh74/loading-2.gif';

}

var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";document.write('<li class="clearfix">');

if(showpostthumbnails==true)

document.write('<img class="recent_thumb" src="'+thumburl+'"/>');

document.write('<b><a href="'+posturl+'" sasaran ="_top">'+posttitle+'</a></b><br>');

    if ("content" in entry) {

      var postcontent = entry.content.$t;}

    else

    if ("summary" in entry) {

      var postcontent = entry.summary.$t;}

    else var postcontent = "";

    var re = /<\S[^>]*>/g;

    postcontent = postcontent.replace(re, "");

if (showpostsummary == true) {

      if (postcontent.length < numchars) {

          document.write('<i>');

         document.write(postcontent);

          document.write('</i>');}

      else {

          document.write('<i>');

         postcontent = postcontent.substring(0, numchars);

         var quoteEnd = postcontent.lastIndexOf(" ");

         postcontent = postcontent.substring(0,quoteEnd);

         document.write(postcontent + '...');

          document.write('</i>');}

}

var towrite='';var flag=0;

document.write('<br><strong>');

if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}

if(showcommentnum==true)

{

if (flag==1) {towrite=towrite+' | ';}

if(commenttext=='1 Comments') commenttext='1 Comment';

if(commenttext=='0 Comments') commenttext='No Comments';

commenttext = '<a href="'+commenturl+'" sasaran ="_top">'+commenttext+'</a>';

towrite=towrite+commenttext;

flag=1;

;

}

if(displaymore==true)

{

if (flag==1) towrite=towrite+' | ';

towrite=towrite+'<a href="'+posturl+'" class="url" sasaran ="_top">Read more&#187;&#187;</a>';

flag=1;

;

}

document.write(towrite);

document.write('</strong></li>');

if(displayseparator==false)

if (i!=(numposts-1))

document.write('<hr color="#d9f1fa" size=0.5>');

}document.write('</ul>');

}

</script>

<script>

var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 90;

</script><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">

</script><div class="clear"/></div>

Untuk posting kategeri tertentu, UBAH saja /feeds/posts/default?orderby menjadi /feeds/posts/default/-/Label?orderby

Good Luck & Happy Blogging! (www.contohblog.com).*

Sumber http://www.contohblog.com/

Writer Evolution - Template Seo Friendly Simple Minimalis Terbaru

Writer Evolution - Template Seo Friendly Simple Minimalis Terbaru

Template Blog

Unknown Juli 04, 2016

BAGI yang suka Template SEO Friendly yang Simple, Minimalis, Clean, Responsive, dan Fast Loading, berikut ini CB perkenalkan template terbaru berjulukan Writer Evolution.

Template ini yakni modifikasi dari template New Thesis SEO yang sudah teruji dan terbukti SEO Killer bin Kenceng dan gampang terindeks Google. Siapa yang modif? Ada linknya tuh di footer blog demo. Awas, jan cubo cubo dihapus! Thanks buat yang modif.

DEMO | DOWNLOAD

CB temukan template ini secara tak sengaja di BTemplates. Disebutkan, Writer Evolution is:

• a free blogger template with 2 columns
• responsive design
• right sidebar
• minimalist
• ads ready
• social bookmarking icons
• posts thumbnails
• breadcrumbs
• related posts support
• well designed threaded comments
• 404 error page customized
• simple look 
• and neutral colors.

Excellent template for blogs about news! Lebih cocok lagi buat blog eksklusif yang melibutkan "coretan" atau "diary" atau mengembangkan pengetahuan, pengalaman, dan wawasan. Jangan lupa, tengok juga Galeri Template CB.

Monggo disedot buat blog gres Anda atau mengganti template blog Anda! Good Luck & Happy Blogging! (http://www.contohblog.com).*

Sumber http://www.contohblog.com/

Cara Dan Teknik Menciptakan Widget Footer Responsive Di Blogger

Cara Dan Teknik Menciptakan Widget Footer Responsive Di Blogger

Desain Blog

Unknown Juni 30, 2016

CARA Menampilkan atau Membuat Widget Footer Responsive di Blogger ini ialah update posting sebelumnya sehubungan cara Dan Teknik Membuat Footer di Bawah Halaman Blog.

Bedanya dengan tips membuat footer sebelumnya, yang ini masih empat kolom, namun RESPONSIVE. Sumbernya juga tetap sama, namun ditambah kode responsivenya. Sehingga menjadi  Widget Footer Responsive di Blogger.

Kodenynya juga sudah dimodifikasi sedikit sehingga lebih rapi. Ini penampakannya.

Fungsi Widget Footer ialah menampilkan link atau sajian navigasi ke posting lain, label, tautan luar, form kontak, atau apa saja, menyerupai fungsi sidebar widget.

cara Dan Teknik Membuat Widget Footer Responsive 4 Kolom

Berikut ini cara memasang kodenya. Cukup gampang dan kodenya cuma dua jenis, yakni CSS dan HTML.

Langkah Pertama: Masuk ke HML Template
Silakan masuk ke isyarat template blog Anda: Klik "Template" > klik "Edit HTML"

Langkah Kedua: Memasang Kode
1. KODE CSS

Copy & Paste isyarat berikut ini di atas isyarat ]]></b:skin> atau </style>

#lower {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
max-width: 950px;
background:#333333;
}
#lower-wrapper {
background:#333333;
margin:auto;
padding: 20px 0px 20px 0px;
width: 950px;
border:0;
}
#lowerbar-wrapper {
background:#333333;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 23%;
text-align: justify;
color:#ddd;
font: bold 12px Arial, Tahoma, Verdana;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
border:0;
color:#ddd;
text-transform:uppercase;
font: bold 14px Arial, Tahoma, Verdana;
}
.lowerbar ul {
color:#fff;
margin: 0 auto;
padding: 0;
list-style-type: none;
}
.lowerbar li {
display:block;
color:#fff;
line-height: 1.6em;
margin-left: 0 !important;
padding: 6px;
border-bottom: 1px solid #222;
border-top: 1px solid #444;
list-style-type: none;
text-align: left;
}
.lowerbar li a {
text-decoration:none; color: #DBDBDB;
}
.lowerbar li a:hover {
text-decoration:underline;
}
.lowerbar li:hover {
display:block;
background: #222;
}
@media only screen and (max-width:768px) {
#lower, #lower-wrapper, #menubottom-container, #credits-wrap {overflow:hidden!important;width:100%!important;}
#lowerbar-wrapper{overflow:hidden!important;width:90%!important;padding:20px}
#credits p{text-align:center!important}
}

Catatan: 
- Angka 950 ialah lebar template. Silakan sesuaikan dengan lebar template Anda. Jika mau full width, ubah menjadi 100%.
- Kode #333333 adalah isyarat background warna hitam. Jika ingin mengubahnya dengan warana kelabu lain, silakan ganti dengan Kode Warna HTML.

2. KODE HTML
Simpan isyarat berikut ini di atas isyarat </body> atau <div class='footer id='footer'>

<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
 </b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'/>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'/>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar4' preferred='yes'/>
</div>
<div style='clear: both;'/>
</div> </div>

Save Template!

Langkah Ketiga: Memasang Widget
Kini widget footer area sudah terpasang di template blog Anda. Berikutnya tinggal memasang widget yang akan ditampilkan.

Klik "Layout" (Tata Letak). Jika Footer Widget Area belum muncul, refresh dengan menekan tombol F5 di keyboard komputer Anda.

Jika sudah muncul: Layout > Add A Gadget > Pilih Widget yang akan ditampilkan.

cara Dan Teknik Membuat Widget Footer Responsive 3 Kolom

Jika Istimewa untuk ingin menampilkan footer widget responsive tiga kolom saja, berikut ini penamapakan, link demo, dan kodenya:

Widget Footer Responsive 3 Kolom

LIVE DEMO

KODE CSS

#lower {margin:auto;padding: 0px 0px 10px 0px;width: 100%;max-width: 1000px;background:#333333;}
#lower-wrapper {background:#333333;margin:auto;padding: 20px 0px 20px 0px;width:1000px;border:0;}
#lowerbar-wrapper {background:#333333;float: left;margin: 0px 5px auto;padding-bottom: 20px;width: 32%;text-align:left;color:#ddd;font: bold 12px Arial, Tahoma, Verdana;line-height: 1.6em;word-wrap: break-word;overflow: hidden;}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {margin: 0px 0px 10px 0px;padding: 3px 0px 3px 0px;text-align: left;border:0;color:#ddd;text-transform:uppercase;font: bold 14px Arial, Tahoma, Verdana;}
.lowerbar ul {color:#fff;margin: 0 auto;padding: 0;list-style-type: none;}
.lowerbar li {display:block;color:#fff;line-height: 1.6em;margin-left: 0 !important;padding: 6px;border-bottom: 1px solid #222;border-top: 1px solid #444;list-style-type: none;text-align: left;}
.lowerbar li a {text-decoration:none; color: #DBDBDB;}
.lowerbar li a:hover {text-decoration:underline;}
.lowerbar li:hover {display:block;background: #222;}
@media only screen and (max-width:768px) {
#lower, #lower-wrapper, #menubottom-container, #credits-wrap {overflow:hidden!important;width:100%!important;}
#lowerbar-wrapper{overflow:hidden!important;width:95%!important;padding:5px}
#credits p{text-align:center!important}
}

KODE HTML

<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>

Teks warna merah dapat Anda ubah menjadi Footer-Left, Footer-Middle, Footer-Right atau Footer1, Footer2, dan Footer3.

cara Dan Teknik memasangnya sama dengan membuat footer widget empat kolom di atas.  Jika hasilnya "acak-acakan", Anda tinggal sesuaikan kode-kode width (lebar), margin, dan padding sesuai dengan template blog Anda.

Demikian cara Dan Teknik Membuat Widget Footer Responsive di Blogger. Good Luck & Happy Blogging! (http://www.contohblog.com).*


Sumber http://www.contohblog.com/

Koleksi Desain Kartu Ucapan Selamat Idul Fitri

Koleksi Desain Kartu Ucapan Selamat Idul Fitri

Tulisan Lepas

Unknown Juni 28, 2016

Koleksi Desain Kartu Ucapan Selamat Idul Fitri Keren.

Koleksi Desain Kartu Ucapan Selamat Idul Fitri atau Selamat Lebaran, dengan gampang dan banyak ditemukan di Google.

Silakan ketik "selamat idul fitri" di Google, klik Image (Gambar), maka akan ditemukan aneka macam desain kartu ucapan selamat lebaran atau Idul Fitri yang dapat kita pilih dan redesain.

Jika ingin Ucapan Selamat Idul Fitri dalam goresan pena bahasa Arab dan Inggris, ketik saja "Idul Fitri Caligraphy" atau "Id Mubarak", maka akan muncul desain Ucapan Selamat Idul Fitri dalam bahasa Arab (kaligrafi) dan Inggris. Monggo dipilih.

Ucapan Selamat Idul Fitri sudah dapat diduga, akan bertebaran di internet --website, blog, media sosial, lembaga online, email, dan media online lainnya. Tentu, kita ingin mengupload atau memasang Ucapan Selamat Idul Fitri yang menarik dan unik, keren, dan unik!

Hari Raya Idul Fitri 1 Syawal 1437 H berdasarkan pemberitaan, akan jatuh pada hari Rabu 6 Juni 2018 M. Kementerian Agama RI bersama ulama dan ormas Islam melaksanakan sidang isbat (penetapan) hari lebaran tanggal 4 Juli. Demikian info dari media-media online.

Koleksi Desain Kartu Ucapan Selamat Idul Fitri Keren

Berikut ini beberapa pola Desain Ucapan Selamat Idul Fitri yang CB koleksi dari Google. Mohon maaf tidak menjelaskan sumbernya satu per satu, tapi sumbernya dapat didek dengan cara Googling tadi. Desainer asli, silakan klaim di kolom komentar.

 

Gambar Ucapan Selamat Idul Fitri Keren

Menurut CB, ini Gambar Ucapan Selamat Idul Fitri Paling Simple Tapi Keren sebab Ada gambar ketupatnya. Lingkaran di bawah itu dapat diisi dengan logo. Space lain yang masi kosong dapat diisi dengan ucapan, misalnya, Taqobbalallahu Minna Wa Minkum dalam bahasa Arab

Gambar Ucapan Selamat Idul Fitri Keren Bahasa Arab & Inggris (Id Mubarak)

Gambar Kaligrafi Idul Fitri berikut ini berbentug file PNG sehingga dapat dipasang di background warna apa saja, untuk redesain  Kartu Ucapan Selamat Idul Fitri yang keren versi Anda.

Demikian Koleksi Desain Kartu Ucapan Selamat Idul Fitri. Semoga bermanfaat. (http://www.contohblog.com).*

Sumber http://www.contohblog.com/

Makna Malam Qodar (Lailatul Qadr) Bagi Blogger

Makna Malam Qodar (Lailatul Qadr) Bagi Blogger

Blogging Tulisan Lepas

Unknown Juni 28, 2016

Makna Malam Qodar (Lailatul Qadr) bagi Blogger

MEMASUKI 10 malam terakhir bulan Ramadhan, para penceramah, baik di masjid-masjid (ceramah tarawih & subuh), khotbah Jumat, maupun para "dai kondang" yang ceramah televisi, biasanya mengulas sebuah malam yang disebut Malam Qodar (Lailatul Qadr).

Menurut para penceramah itu, Lailatul Qadr yaitu malam penuh kemuliaan, keberkahan, dan ampunan Allah SWT.

Disebutkan, pada malam itu para malaikat turun ke bumi untuk menyebarkan kebaikan dan kedamaian. Ibadah atau amal kebaikan pada malam itu pahalanya lebih baik dari amalan kebaikan yang dilakukan selama seribu bulan atau 83 tahun 4 bulan --itulah sebabnya Lailatul Qadr dikenal juga dengan sebutan Malam Seribu Bulan.

Lalu, apa hubungannya Lailatul Qadr dengan blogger? Ini beliau yang jadi ulasan kita.

Bagi para blogger, Lailatul Qadr juga dapat bermakna melaksanakan kebaikan yang pahalanya lebih baik dari seribu bulan, yaitu dikala seorang blogger membuat posting positif, bermanfaat, atau wacana kebaikan yang menambah wawasan-keterampilan pengunjung.

Menurut ustadz aku, yang namanya ibadah, kebaikan, atau amal soleh itu bukan khusus shalat, zakat, puasa, haji, doa, dzikir, baca Quran, dan amalan religius lainnya, tapi juga sedekah ilmu.

Para blogger hakikatnya yaitu orang-orang yang sedekah ilmu dengan mengembangkan (share) tips, pengalaman, atau ilmu pengetahuan (wawasan), selain membuat buku harian online (online diary). 

Nah, logikanya, jikalau kita menulis atau membuat posting yang baik sempurna pada malam Lailatul Qadr, maka pahalanya akan lebih baik atau senilai dengan amal baik selama seribu bulan! Amin...!

Benar gak begitu ya? Monggo, jikalau kebetulan ada ustadz yang membaca posting ini, mohon komentarnya. Semoga demikian. Good Luck & Happy Blogging! (http://www.contohblog.com).*


Sumber http://www.contohblog.com/

Cara Dan Metode Mengatur Jumlah Posting Di Halaman Label (Kategori)

Cara Dan Metode Mengatur Jumlah Posting Di Halaman Label (Kategori)

Desain Blog

Unknown Juni 28, 2016

CARA membatasi atau mengatur jumlah posting halaman label (Label Page) bahwasanya sudah CB share di posting Cara dan metode Menampilkan Halaman Statis dan Label di Navigasi Menu.

Biar fokus, CB repost dengan update biar jumlah posting di halaman label, ialah halaman yang terbuka ketika link label diklik, muncul sesuai dengan harapan kita.

Halaman label ialah halaman meliputi daftar judul posting di halaman label tertentu. Jika kita klik salah satu link label, contohnya di breadcrumb atau di widget label/kategori, maka muncul halaman khusus daftar posting label tertentu. Tampilannya biasanya menyerupai halaman depan --jika memakai template blog simple.

Secara default, jumlahnya banyak banget, dapat hingga 20. Untuk menyebabkan lebih fast loading, kita dapat mengatur jumlahnya, menjadi lima atau enam misalnya.

CB sendiri membatasi jumlah posting di halaman label sebanyak 8 buah. Silakan cek DEMO-nya: Halaman Label AdSense.

Cara dan metode Membatasi Jumlah Post di Halaman Label

Membatasi jumlah posting di halaman label dilakukan dengan nenambahkan instruksi max-results=5. Artinya, maksimum posting yang muncul atau tampil ada lima di halaman label.

Link Label Default:
http://contohblognih.blogspot.co.id/search/label/Google%20Adsense?

Link Label dengan Batasan Jumlah Posting:
http://contohblognih.blogspot.co.id/search/label/Google%20Adsense?&amp;max-results=5

Selain mengubah atau menambahkan kode &amp;max-results=5 seperti teladan di atas, kita juga harus mengubah instruksi link label dalam template blog sebagai berikut:

1. Template > Edit HTML

2. Cari (Ctrl+F) dan GANTI semua kode: data:label.url DENGAN: data:label.url+ &quot;?&amp;max-results=5&quot;

Catatan: Angka 5 dapat diubah menjadi berapa saja, maksimal 10 saja, biar tidak memberatkan loading halaman.

3. Save Template!

PENTING!

Jika blog Anda memakai Navigasi Halaman Nomor, dan navigasi itu tidak muncul di halaman label, maka:

TAMBAHKAN KODE &amp; di belakang tanda tanya (?),

Contoh dan Penjelasan :

expr:href='data:label.url + "?&amp;max-results=5"'
http://YOURBLOGNAME.blogspot.com/search/label/YOURLABEL?&amp;max-results=5

Untuk mengatur jumlah posting di navigasi halaman bernomor sendiri, ialah di kodenya di dalam template, ialah di kode:

<script type='text/javascript'>
/*<![CDATA[*/
var perPage=5; //Jumlah posting per halaman
var numPages=6; // Jumlah nomor/angka per halaman
var firstText ='First';
var lastText ='Last';
var prevText ='« Previous';
var nextText ='Next »';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>

Demikian Cara dan metode mengatus atau membatasi jumlah posting di halaman label. Good Luck and Happy Blogging! (http://www.contohblog.com).*

Sumber http://www.contohblog.com/