.
Showing posts with label Tutorial Widget. Show all posts
Showing posts with label Tutorial Widget. Show all posts
Menghapus IFrame Pada Blog Agar Trafik Meningkat

Menghapus IFrame Pada Blog Agar Trafik Meningkat


tempat mengganti iframe

Apa sih kegunaan menghapus IFrame pada blog? Script anti IFrame ini gunanya untuk mematahkan fungsi IFrame itu sendiri. Analogi sederhananya seperti ini, saya memiliki sebuah gambar yang sudah terindexs oleh Google Image, saat orang lain ingin melihat gambar atau image tersebut biasanya Google Image akan menampilkan gambar hasil pencarian tersebut dilatar depan dan situs dimana gambar tersebut ada dilatar belakangnya. Dengan kata lain, secara normal kita tidak akan dibawa langsung ke situs gambar tersebut.

Nah, jika anda sudah memasang script anti IFrame pada template blog anda saat gambar tadi diklik, maka secara otomatis akan langsung diredirect ke URL blog anda. Dengan demikian kita juga akan mendapat trafik tambahan dari hasil pencarian gambar di Google Gambar tersebut.

Oke, langsung saja. Cara penerapanya juga cukup mudah. Copy saja kode dibawah ini dan paste diatas kode </head>

Kode Javascript

<b:if cond='data:blog.pageType == "
item"'>
<script type="text/javascript">
        if (top.location != self.location)         {
             top.location = self.location
         {
</script>
</bif>

Dengan sedikit tambahan tag conditional, script IFrame diatas akan hanya bekerja pada halam postingan blog. Karena itu, dashboard blogget terbaru tidak akan mengalami error. Karena dashboard blogger hanya memperlihatkan halaman index / homepage saja.

Segitu saja postingan yang bisa saya buat, semoga bermanfaat untuk anda semua.
Salam terhomat
Stay Positive
Cara Menghapus Gambar Atribusi Diblog

Cara Menghapus Gambar Atribusi Diblog


blakitubalaiak

Kebanyakan template yang disediakan oleh pihak ketiga memang sudah tidak lagi mencamtumkan attribusi blogger.

Akan tetapi jika masih memakai template bawaan dari blogger maka tempalte tersebut akan secara otomatis terpasang atribusi blogger didalamnya, yang tidak bisa dihilangkan secara menual.
Permasalahan muncul ketika ada blogger yang masih ingin menggunakan tempalte dari blogger dan ingin menghapus atribusi blogger.

Meski tidak dapat dihapus secara manual, tapi kita dapat menghapus atribusi blogger dengan menggunakan kode html gunanya untuk menyembunyikan atribusi blogger secara langsung melalui tempalte.

Untuk menyembunyikan tulisan "diberdayakan oleh blogger" caranya cukup mudah. Silahkan ikuti langkah langkan berikut ini;

1.  Login ke akun blogger

2.  Simpan kode dibawah ini sebelum ]]></b:skin>
Kode CSS

 #attribution1 {
height:0px;
Visibility:hidden;
display:none;
}

3.  Sekarang tinggal simpan
Cara Memasang Tombol Back To Top Diblog

Cara Memasang Tombol Back To Top Diblog

Cara memasang back to top diblog - mungkin sudah banyak menghiasi di intetnet tentang tutorial cara memasang tombol back to top diblog dan pada kesempatan kali inisaya akan berbagi tips mengenai tutorial tersebut.

Peranan dan fungsi dari tombol back to top sendiri cukup penting, yaitu memberikan kemudahan bagi pengunjung yang ingin scrool ke bawah maupun keatas tanpa haru menggeser tulisan.

Tanpa perlu berlama-lama lagi, Berikut ini adalah cara memasangnya;

1.  Login dulu ke blogger, Dashboard > Pilih blog > Pilih Template > Edit HTML, kemudian simpan kode dibawah ini setelah <head> atau sebelum </head>
Kode CSS

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'rel='stylesheet'/>

Jika template anda sudah terpasang font awesome di atas, abaikan langkah pertama lanjut ke langkah berikutnya

2.  Simpan CSS dibawah ini sebelum ]]></b:skin> atau </style>

Kode CSS

.smoothscroll-top {
    position:fixed;
    Opacity:0;
    Visibility:hidden;
    Text-align:center;
    Z-index:99;
    background-color:#2ba6e1
;
    color:#fff;
    width:47px;
    height:44px;
    line-height:44px;
    right:25px;
    bottom:-25px;
    padding-top:2px;
    border-radius:5px;
    transition:all 0.5s ease-in-out;
    transition-delay:0.2s;
}
.smoorhscroll-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
}

3.  Sebelum jQuery dan Html dibawah ini sebelum </body>

kode CSS

<div class="smoothscroll-top">
    <span class="scroll-top-
inner">
            <i class="fa fa-2x
fa-arrow-circle-up"></i>
    </span>
</div>
<script type='text/javascript
//<[DATA[
$(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' );
}
//]]>
</script>

4.  Setelah itu simpan template dan lihat hasilnya di blog anda

Jika anda mau mengganti warna silahkan tinggal edit kembali sesuka kalian.
Sekian dari saya, semoga bermanfaat untuk kalian semua.

Stay Positive