Cara Mendapatkan ID Admin FB fanpage

kunjungi halam berikut ini:

https://findmyfbid.com/

Selangkapnya »

Code robot.txt blogger agar adsense tampil sempurna

Ini adalah kode robot txt


User-agent: Mediapartners-Google Allow: / Disallow: User-agent: * Disallow: /search Allow: / Sitemap: https://namablog.blogspot.com/sitemap.xml


Hapus kode2 ini

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>


Masukkan ini sebelum </body>

<script type='text/javascript'> //<![CDATA[ (function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })(); //]]> </script>

Selangkapnya »

Script Anti Copas dan Anti Klik Kanan Plus Redirect

Scrip Anti Copas (simpan dibawah diatas </body>:
<script type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</script >


Script Anti Ctr U dan Klik Kanan

<script type='text/javascript'> //<![CDATA[ //Script Redirect CTRL + U //https://NAMABLOG.blogspot.com/ ganti dengan url blog kalian function redirectCU(e) { if (e.ctrlKey && e.which == 85) { window.location.replace("https://NAMABLOG.blogspot.com/"); return false; } } document.onkeydown = redirectCU; //Script Redirect Klik Kanan function redirectKK(e) { if (e.which == 3) { window.location.replace("https://mastamvan.blogspot.com/"); return false; } } document.oncontextmenu = redirectKK; //]]> </script>

Selangkapnya »

Membuat Judul Blog Jadi Ditengah

Kode untk membuat judul posting dan logo blog berada ditengah :

#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;}

Selangkapnya »

Memasang Fanpage FB Melayang

Berikut kode untuk menampilkan fanpage melayang. (silahkan coy paste di widget --> html/text

<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<p style=" margin-right:10px; font-size:15px; color:#000000;">Mari Bergabung,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>

<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/Risalahnewscom&width=289&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 293px; height: 200px;'></iframe>


<script type="text/javascript" src="//go.onclasrv.com/apu.php?zoneid=1017335"></script>


<!-- Selesai --!><a class='close' href='#'>&times;</a>
</div>

Selangkapnya »

Cara Menambah Jumlah Ringkasan (Snippet) di Auto Readmore

Jumlah kata default di Summary Text Popular Post blogger 140 karakter, sama dengan limit Twitter.

Jumlah karakter di auto readmore tanpa javascript rata-rata lebih sedikit lagi, yaitu sekitar 100 karakter. Ada juga yang diset menjadi 140 karakter, sama dengan popular post dan twitter.

Cara Menambah Jumlah Ringkasan (Snippet) di Auto Readmore

Jika template blog Anda menggunakan kode <data:post.snippet/> dan ingin menambah atau mengurangi jumlah karakter di ringkasan/summary posting di halaman depan, maka gunakan tips berikut ini:

1. Template > Edit HTML

2. Copas kode berikut ini di atas kode </head>

<script type='text/javascript'>

snippet_count = 160;

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var snippet = strx.split("<");

for(var i=0;i<snippet.length;i++){

if(snippet[i].indexOf(">")!=-1){

snippet[i] = snippet[i].substring(snippet[i].indexOf(">")+1,snippet[i].length);

}

}

strx = snippet.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSnippet(pID){

var div = document.getElementById(pID);

var summ = snippet_count;

var summary = '<div class="snippets">' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

Note: Angka 160 bisa diubah menjadi 140, 180, 200, dan sebagainya

3. Replace atau GANTI semua kode <data:post.snippet/> dengan kode berikut ini:

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>

4.  Save Template!

Contoh:
Jumlah snippet di Template Pro Adsense sudah ditambah dengan cara di atas. Aslinya, Responsive Template Free, hanya 100 karakter.

Itu dia cara Menambah Jumlah atau mengubah panjang-pendek ringkasan (snippet) posting home blog yang menggunakan Auto Readmore. (http://contohblognih.blogspot.com).*

Sumber
https://groups.google.com/forum/#!topic/bloggerdev/8jUR9uISmA0

Selangkapnya »

Membuat Widget Carousel Popular Post - AMP Blogger

Popular posts adalah salah satu cara untuk menambah page view blog. Untuk itu perlu tampilan yang menarik pada popular posts agar menarik perhatian pembaca.

Salah satu cara membuat popular posts pada blog AMP menjadi tampilan yang menarik adalah dengan memanfaatkan amp-carousel. Dengan sedikit modifikasi pada kode widget popular post, maka jadilah carousel popular post yang bisa disimpan di bagian atas atau bawah blog ataupun di sidebar.

Untuk demonya bisa dilihat di bagian bawah blog ini (jika saya belum merubahnya hehehe...)

Nah jika ingin mencobanya pada blog AMP Anda, silahkan ikuti langkahnya di bawah ini.

Langkah Pertama

Silahkan gunakan CSS di bawah ini untuk tampilan carousel popular posts.

.PopularPosts{background:#fff;padding:10px 30px 30px}
.PopularPosts amp-img{width:280px;height:180px;}
.PopularPosts h2{position:relative;overflow:hidden;margin:0 0 10px}
.PopularPosts h2 div{padding:0 10px 0 0;display:inline;float:left;}
.PopularPosts h2:after{content:'';display:inline-block;float:left;position:absolute;top:0;height:15px;margin:8px 0 0 0;width:100%;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTwLoMK7qGjgGdr98CrW8VUkMj3al9LhvXyG_y9e_WE2lMdKAt_RUhy0YSb3wHTRxe5zLoeWc5c9MZKiKgIh84_eX51PVbWmzaHtfCG7SwgH599YJ_sMoRzcDYRJ1h9Xzh8juewPhT5m3C/s1600/repeat-bg.png);opacity:.9;}

Langkah Kedua

Silahkah copy kode HTML widget popular post di bawah ini untuk di atas (di bawah header) dan bawah blog (di atas footer). Jika sudah ada widget popular post di sidebar, silahkan hapus widgetnya.

        <b:section class='carousel' id='carousel' preferred='yes'>
          <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1' visible='true'>
            <b:includable id='main'>
                <b:if cond='data:title != &quot;&quot;'><h2><div><data:title/></div></h2></b:if>
  <div class='widget-content popular-posts'>
<amp-carousel height='180' layout='fixed-height' type='carousel'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div><a expr:href='data:post.href'><data:post.title/></a></div>
            <div><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
            <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
                <a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
                  <b:with value='data:post.featuredImage.isResizable                                  ? resizeImage(data:post.featuredImage, 280)                                  : data:post.thumbnail' var='image'>
                    <amp-img expr:alt='data:post.title' expr:src='data:image' height='180' width='280'/>
                  </b:with>
                </a>
            </b:if>
        </b:if>
      </b:loop>
</amp-carousel>
  </div>
</b:includable>
          </b:widget>
        </b:section>

Jika ingin menampilkan di bawah Blog Posts, silahkan copy kode di bawah ini

          <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1' visible='true'>
            <b:includable id='main'>
                <b:if cond='data:title != &quot;&quot;'><h2><div><data:title/></div></h2></b:if>
  <div class='widget-content popular-posts'>
<amp-carousel height='180' layout='fixed-height' type='carousel'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div><a expr:href='data:post.href'><data:post.title/></a></div>
            <div><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
            <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
                <a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
                  <b:with value='data:post.featuredImage.isResizable                                  ? resizeImage(data:post.featuredImage, 280)                                  : data:post.thumbnail' var='image'>
                    <amp-img expr:alt='data:post.title' expr:src='data:image' height='180' width='280'/>
                  </b:with>
                </a>
            </b:if>
        </b:if>
      </b:loop>
</amp-carousel>
  </div>
</b:includable>
          </b:widget>

Kemudian simpan di bawah kode berikut

              <b:includable id='threaded_comments' var='post'>...</b:includable>
            </b:widget>

Sehingga penampakannya seperti berikut

              <b:includable id='threaded_comments' var='post'>...</b:includable>
            </b:widget>
           KODE HTML POPULAR POST DI SINI
          </b:section>

Jika ingin menampilkan di sidebar, silahkan ganti widget popular post yang lama dengan kode di bawah ini.

          <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1' visible='true'>
            <b:includable id='main'>
                <b:if cond='data:title != &quot;&quot;'><h2><div><data:title/></div></h2></b:if>
  <div class='widget-content popular-posts'>
<amp-carousel height='180' layout='fixed-height' type='carousel'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div><a expr:href='data:post.href'><data:post.title/></a></div>
            <div><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
            <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
                <a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
                  <b:with value='data:post.featuredImage.isResizable                                  ? resizeImage(data:post.featuredImage, 280)                                  : data:post.thumbnail' var='image'>
                    <amp-img expr:alt='data:post.title' expr:src='data:image' height='180' width='280'/>
                  </b:with>
                </a>
            </b:if>
        </b:if>
      </b:loop>
</amp-carousel>
  </div>
</b:includable>
          </b:widget>

Dan pastikan Anda sudah menyimpan kode amp-carousel seperti di bawah ini di atas </head>

<script async='async' custom-element='amp-carousel' src='https://cdn.ampproject.org/v0/amp-carousel-0.1.js'/>

Selangkapnya »