Cara Melihat List Blog Sendiri | Melihat Profil Admin Blogger

Armaila Blog , Cara Melihat List Blog Sendiri
Cara Melihat List Blog Sendiri | Melihat Profil Admin Blogger

Cara Melihat List Blog Sendiri | Melihat Profil Admin Blogger - Cara mudah melihat atau mengetahui profil admin blogger yang di sembunyikan atau dihidden dari halaman blog. Blogspot merupakan salah satu platform gratisan besutan google, dan banyak digunakan oleh sebagian orang untuk mendapatkan uang dengan cara menjadi blogger dan bekerja sama/bermitra dengan google adsense maupun advertiser/pihak pengiklan. Namun, kebanyakan blog menyembunyikan identitas admin blog dengan alasan dan tujuan yang hanya diketahui si admin blog. Tetapi, buat kamu yang penasaran dengan admin blog tersebut, kamu bisa mengetahui atau melihat profil admin blog tersebut dengan cara yang cukup mudah. Ingin tahu caranya bagaimana?

Cara Melihat List Blog Sendiri | Melihat Profil Admin Blogger


Begini cara melihat profil admin blogger yang disembunyikan dari blog.

Pertama: Kamu buka salah satu blog yang adminnya disembunyikan contoh blogger.armaila.com.

Kedua : Tekan Ctrl+U atau klik kanan di halaman kosong situs dan pilih view pagesource

Ketiga : Cari tulisan " profile/ ", biar cepat tekan ctrl+f dan tulis " profile/ "

view-source_https___blogger.armaila.com - Google Chrome 2020-12-26 21.18.28.png



Maka akan kelihatan profil blog tersebut. Dan kamu ganti menjadi seperti ini http://www.blogger.com/profile/xxxx (xxx sesuaikan dengan ID profil yang telah dilihat dengan menggunakan view page source). Jika admin blog menggunakan profile blogger standar maka akan kelihatan akun adminnya seperti gambar dibawah ini

Blogger_ Profil User_ Akhir Mali - Google Chrome 2020-12-26 21.21.08.png



Selamat mencoba dan semoga berhasil
Sumber: zetmagz

Baca selengkapnya »
By
Label: , ,

Bikin Ribet! Tampilan Dashboard Blogger Terbaru Tidak Bisa Ganti Favicon Blog

Armaila Blog , Bikin Ribet! Tampilan Dashboard Blogger Terbaru Tidak Bisa Ganti Favicon Blog
Bikin Ribet! Tampilan Dashboard Blogger Terbaru Tidak Bisa Ganti Favicon Blog

 Muter sampai tujuh keliling, sejak 17 September 2020 pengguna fitur blogger google akan dipaksa untuk beralih di tampilan baru blogger dengan kesimpulan sementara sangat unfaedah.

Sebagai contoh adalah kesulitan saat akan membuat favicon blog atau mengganti gambar favicon blog. Kamu tidak akan menemukan widget yang bisa mengatur favicon blog ini.

Admin rasa judul artikel "Tampilan Dashboard Blogger Terbaru Tidak Bisa Ganti Favicon Blog" sangatlah tidak berlebihan. karena setelah ditelusuri dan diujicoba ternyata tidak bisa juga memunculkan favicon.

Armaila mencoba memdofikasi kode html <link href='https://hijacket.armaila.com/favicon.ico' rel='icon' type='image/x-icon'/> dengan tujuan agar favicon yang sesuai keingingan bisa muncul di blog https://stockhijacket.blogspot.com/ tetapi ternyata hal tersebut tidak berfungsi.

Bikin Ribet! Tampilan Dashboard Blogger Terbaru Tidak Bisa Ganti Favicon Blog


Parahnya lagi tidak bisa kembali ke mode klasik untuk mendapatkan menu widget edit favicon ini.

Semakin kesini aku semakin bertanya tanya, apa sih fungsi ganti tampilan Dashboard Blogger ini?? mungkin ingin kelihatan seperti tetangga sebelah tetapi salah kaprah cikikikikik

Baca selengkapnya »
By
Label: ,

Chat Whatsapp Langsung Mengarah Ke Link Artikel Khusus (Terkait) Untuk Olshop

Armaila Blog , Chat Whatsapp Langsung Mengarah Ke Link Artikel Khusus (Terkait) Untuk Olshop
Chat Whatsapp Langsung Mengarah Ke Link Artikel Khusus (Terkait) Untuk Olshop
Chat Whatsapp Langsung Mengarah Ke Link Artikel Khusus (Terkait) Untuk Olshop | Admin membeli sebuah template premium untuk landing page blogspot. Oleh author, fitur yang disediakan salah satunya adalah form chat whatsapp yang saat diklik secara otomatis akan diarahkan ke whatsapp lengkap dengan url atau link rujukan darimana pengunjung itu datang. Sebagai contoh Seperti berikut ini.

Kirim Pesan Whatsapp

Assalamu Alaikum Wr Wb, 
Hai Admin AkhirMali.com. 
Saya ingin bertanya lebih lanjut tentang informasi yang ada di: 

 https://www.armaila.com/2020/08/keringkan-kolamnya-semua-ikan-akan-mati.html?m=1

Chat Whatsapp Langsung Mengarah Ke Link Artikel Khusus (Terkait) Untuk Olshop

Nah. Untuk memasang chat whatsapp otomatis tersebut maka cukup menggunakan salah satu kode fitur dari beberapa kode fitur yang disediakan.

berikut ini adalah sedikit cuplikan kodenya.



<!-- awal chat whatsapp -->

SENSOR

<p class='tombol'><a class='submit'><i aria-hidden="true" class="fa fa-whatsapp"></i> Kirim Pesan WhatsApp</a></p>
</div>
</div>

</div>

<script type='text/javascript'>
$('#whatsapp .submit').click(WhatsApp);
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
function WhatsApp() {
    var ph = '';
    if ($('#whatsapp .nama') == '') {
     
     
     
        return false;
    } else {
        if (!confirm("Tekan Oke jika sudah menginstall whatsapp")) {
            window.open("https://www.whatsapp.com/download/");
        } else {
            // Check Device (Mobile/Desktop)
            var url_wa = 'https://web.whatsapp.com/send';
            if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
                url_wa = 'whatsapp://send/';
            }
            // Get Value
            var nomorwa = $('#whatsapp .nomorwa').val(),
                    via_url = location.href,
                    nama = $('#whatsapp .nama').val(),
                    alamat = $('#whatsapp .alamat').val(),
                    kelurahan = $('#whatsapp .kelurahan').val(),
                    kecamatan = $('#whatsapp .kecamatan').val(),
                    kabupaten = $('#whatsapp .kabupaten').val(),
                    provinsi = $('#whatsapp .provinsi').val(),
                    kodepos = $('#whatsapp .kodepos').val(),
                    produk = $('#whatsapp .produk').val(),
                    jumlah = $('#whatsapp .jumlah').val(),
                    email = $('#whatsapp .email').val(),
                    tanggal = $('#whatsapp .tanggal').val(),
                    checkbox = $('#whatsapp .checkbox').val(),
                    pesan = $('#whatsapp .pesan').val();
               $(this).attr('href', url_wa + '?phone=62 ' + nomorwa + '&text=Assalamu Alaikum Wr Wb, %0AHai Admin AkhirMali.com. %0ASaya ingin bertanya lebih lanjut tentang informasi yang ada di: ' + nama + '%0A%0A ' + via_url);
           var w = 960,
                    h = 540,
                    left = Number((screen.width / 2) - (w / 2)),
                    tops = Number((screen.height / 2) - (h / 2)),
                    popupWindow = window.open(this.href, '', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=1, copyhistory=no, width=' + w + ', height=' + h + ', top=' + tops + ', left=' + left);

            popupWindow.focus();
            return false;
        }
    }
}
</script>

<!-- akhir chat whatsapp -->


Kode diatas tidak lengkap disertakan karena ini merupakan template premium

Bagian yang menarik adalah pada chat whatsapp akan disertakan link artikel darimana sumber tombol chat tersebut diklik.

Namun sayangnya belum ada fitur yang memunculkan judul artikel secara otomatis. Semoga akan segera ada updatenya

Baca selengkapnya »
By
Label: ,

Cara Menampilkan Widget di Template Blogspot Versi Mobile Saja Tidak Muncul di Desktop | ARMAILA BLOGGER

Armaila Blog , Cara Menampilkan Widget di Template Blogspot Versi Mobile
Cara Menampilkan Widget di Template Blogspot Versi Mobile Saja Tidak Muncul di Desktop | ARMAILA BLOGGER
Cara Menampilkan Widget di Template Blogspot Versi Mobile Saja | Di template landing page blogspot versi dua yang diberikan oleh owner. semua widget utama bisa ditampilkan menggunakan desktop atau mobile.

Hal ini berbeda dengan template landing page blogspot pada versi satu yang memberikan fasilitas widget yang hanya tampil di mobile atau hp aja. Dan juga widget yang tidak akan muncul di hp.

Cara Menampilkan Widget di Template Blogspot Versi Mobile Saja Tidak Muncul di Desktop | ARMAILA BLOGGER

Nah, berhubung pada template yang pertama tidak tersedia fitur untuk menambah postingan, maka Armaila mencoba mengotak atik template versi dua yang sudah tersedia fitur postingannnya. Namun fitur widget hanya tampil di mobile tidak disertakan.

Setelah googling akhirnya nemu juga panduan bagaimana "Cara Menampilkan Widget di Template Blogspot Versi Mobile" saja yang akan admin terapkan di Blogspot Landing Page ku.

Menampilkan Widget di Template Blogspot Versi Mobile

hal pertama yang perlu diperhatikan adalah memastikan widget yang mana yang tidak ditampilkan di desktop dan hanya muncul di mobile saja.

Dalam kasus Armaila. Widget yang akan disetting muncul di hp saja adalah widget dengan id HTML55

Dan berikut ini kode yang perlu ditambah
  <b:widget  cond='data:blog.isMobileRequest' id='HTML55' locked='true' title='Hanya Tampil di HP' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;a href=&quot;https://shopee.co.id/umahopat&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;
      &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmd-X-1h_T4w8HSkpPz5subCjcSVvWFrF0PdLi_BBLkXlB4jiA9n8eo3h4zI38nw7etY15YKygvg8hNuUwMKUWYGISpYqZu4JrLMxLW7tyOqrZ7KVCxBtlIEIzx_mzbQIyYWnX7jQlrh4/s1600/Cara+Menambah+Link+Pada+Gambar+HTML+armaila+akhir+mali.png&quot; title=&quot;Beli Via Shopee&quot; alt=&quot;Beli Via Shopee&quot; /&gt;
    &lt;/a&gt;</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
  </b:widget>

Jika diringkas akan menjadi seperti berikut ini

  <b:widget  cond='data:blog.isMobileRequest' id='HTML55' locked='true' title='Hanya Tampil di HP' type='HTML' version='1'>
 
  <!-- KODE WIDGET-->

  </b:widget>


True: untuk memunculkan di mobile saja. Jika ingin menyembunyikan di mobile maka ganti jadi "false"
HTML55: sesuaikan dengan id widget yang akan ditampilkan di mobile saja

NB:
Mohon maaf jika penjelasannya belepotan karena ini hanya sekedar dokumentasi pribadi yang berhasil dipraktekkan dari beberapa tutorial yang beredar di google. Dengan harapan bisa merujuk kembali kesini jika terjadi permasalahan yang sama di kemudian hari.
Baca selengkapnya »
By
Label: ,

Cara Menambah Link Pada Gambar HTML | Armaila Blogger

Armaila Blog , Cara Menambah Link Pada Gambar HTML
Cara Menambah Link Pada Gambar HTML | Armaila Blogger
Armaila Blogger | Cara Menambah Link Pada Gambar HTML - Gambar yang muncul di blogspot atau web bukan sekedar pajangan semata. Dengan gambar owner atau admin blog bisa berpromosi dan mengarahkan klicker nya ke arah yang ditetapkan oleh admin berupa link yang telah disisipkan ke dalam gambar tersebut.

Cara Menambah Link Pada Gambar HTML

Menambah Link Pada Gambar HTML

Dan berikut ini adalah kode yang diperlukan saat akan menyisipkan link kedalam gambar


Keterangan:
href: Link tujuan
src: Link gambar

Selanjutnya kode tersebut letakkan pada widget yang diinginkan.

Hasilnya akan seperti berikut ini;

Beli Via Shopee

Selamat mencoba dan semoga sukses
Baca selengkapnya »
By
Label: ,

Cara Agar Kode Iklan Tidak Muncul di Halaman Blogspot Halaman Statis Blogger

Cara Agar Kode Iklan Tidak Muncul di Halaman Blogspot Halaman Statis Blogger , Index
Cara Agar Kode Iklan Tidak Muncul di Halaman Blogspot Halaman Statis Blogger
Setiap seorang blogger tentu memiliki alasan tersendiri untuk mebatasi iklan agar tidak muncul di halaman tertentu blognya salah satunya di halaman statis blogspot.

Nah. hal yang sama juga terjadi pada Admin yang ingin membatasi agar iklan tidak muncul di halaman Blog yang admin buat.

Setelah browsing akhirnya admin mendapatkan panduan atau tutorial tentang "Cara Agar Kode Iklan Tidak Muncul di Halaman Blogspot Halaman Statis Blogger" dan berhasil atau bekerja dengan baik setelah admin praktekkan.


Membatasi Iklan Di Halaman Statis Blogspot


1. Silahkan login blogger denggan akun gmail anda.
2. Kemudian pada menu utama blogger, silahkan pilih Tema, lalu klik Edit HTML.
3. Kemudian silahkan cari kode <data:post.body/>, mungkin anda akan sedikit binggung untuk mencari kode <data:post.body/>, mengingat didalam sebuah template blogger terdapat lebih dari satu kode tersebut.

Untuk memastikan kode mana yang dimaksud, silahkan cari kode <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->.

4. Selanjutnya sebelum memasang iklan, Anda harus menambahkan kode berikut.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
 Kode iklan yang sudah diparse.
</b:if>


Contoh kode iklan admin

<center>
<!-- IKLAN ATAS -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- IKLAN TEKS DAN BERGAMBAR -->
<div dir='ltr' style='text-align: center;' trbidi='on'>
<span style='color: #666666;'><span style='font-size: x-small;'>Advertisement</span></span></div>
<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
<!-- IKLAN TEKS DAN BERGAMBAR -->
<ins class='adsbygoogle' data-ad-client='ca-pub-7764741xxxxxxxx' data-ad-format='auto' data-ad-slot='9464825701' style='display:block'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</b:if>
</center>


Posisi / letak iklan tepat di tengah-tengah.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center>
Kode iklan yang sudah di parse.
</center>
</b:if>

Posisi / letak iklan di sebelah kiri menyatu dengan artikel.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left;padding-right:15px'>
Kode iklan yang sudah di parse.
</div>
</b:if>

Keterangan :
  • Kode warna Merah berfungsi untuk membatasi iklan supaya tidak muncul pada halaman statis atau supaya iklan hanya tampil pada postingan artikel saja.
  • Kode warna Biru berfungsi untuk menentukan posisi letak iklan (bisa diganti sesuai keinginan).
6. Selanjutnya silahkan klik Simpan Template.
7. Selesai.

Sumber: isotenan
Baca selengkapnya »
By
Label: ,

Cara Membuat Widget Sticky pada Sidebar di Blogspot Widget Melayang Blogger Versi 2

Armaila Blog , Cara Membuat Widget Sticky pada Sidebar di Blogspot Widget Melayang Blogger Versi 2
Cara Membuat Widget Sticky pada Sidebar di Blogspot Widget Melayang Blogger Versi 2
Sebelumnya Armaila ada sharing tentang cara membuat box iklan melayang saat discroll kebawah. Namun setelah Armaila mencoba mengaplikasikannya di web pulsa Apn.AkhirMali.com ternyata tidak berfungsi.

Akhirnya admin menemukan "Cara Membuat Widget Sticky pada Sidebar di Blogspot Widget Melayang Blogger Versi 2" dan cara ini berhasil untuk template frontier yang admin terapkan per tanggal 7 Juli 2020 ini.

Cara Membuat Widget Sticky pada Sidebar di Blogspot Widget Melayang Blogger Versi 2

Cara Membuat Widget Sticky pada Sidebar di Blogspot Widget Melayang Blogger Versi 2

1. login akun blogger anda.
2. Pilih Template kemudian Edit HTML, kemudian pasang kode berikut ini tepat diatas kode </head>

<!-- STICKY https://blogger.armaila.com/2020/07/cara-membuat-widget-sticky-pada-sidebar-blog-versi-2.html -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function () {
var offset = $("#HTML1").offset();
var topPadding = 0;
$(window).scroll(function () {
if ($(window).scrollTop() &gt; offset.top) {
$("#HTML1").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
})
} else {
$("#HTML1").stop().animate({
marginTop: 0
})
}
})
});
</script>
<!-- STICKY END -->

Ganti #HTML1 dengan ID widget yang ingin dibuat melayang (sticky).

3. Save template dan lihat hasilnya.

Sumber: KangIsmet
Baca selengkapnya »
By
Label: ,

Slide Frontier Blogger Template 606 x 329

Armaila Blog , Slide Frontier Blogger Template 606 x 329
Slide Frontier Blogger Template 606 x 329
Slide Frontier Blogger Template 606 x 329

How To Configure Featured Content Slider:

Slider - Frontier Blogger Template
There are 5 slides in the slider. You can add or remove more slides if you want. This is the code for the first slide:
Slide Frontier Blogger Template 606 x 329

Slide Frontier Blogger Template 606 x 329

Slide Frontier Blogger Template 606 x 329

Slide Frontier Blogger Template 606 x 329

Slide Frontier Blogger Template 606 x 329


<!-- slide 1 code start -->

<li>

 <a href='ENTER_SLIDE_1_LINK_HERE'>

  <img class='slider-element' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-kFtvJpXDDRJbkuhPB-OmeYSaUMHPfrrli8gxNQfVKJeAJpCtLvgkf0BWa-auvSYvfwZMciYzxojtGDJMLXC8hsPHL1g6WJ4UFJZ-LUMHkAzf_VqSPMemgffbuwDeT1iZ1fn6eo-V1MW_/s1600/slide-1.jpg'/>

  <h4 class='slider-element'>Enter Slide 1 Title Here</h4>

  <p class='slider-element'>This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com...</p>

 </a>

</li>

<!-- slide 1 code end -->

Now replace,
"ENTER_SLIDE_1_LINK_HERE"s with your real slide link,
"Enter Slide 1 Title Here" with your real slide title,
"This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com..." with your real slide description,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-kFtvJpXDDRJbkuhPB-OmeYSaUMHPfrrli8gxNQfVKJeAJpCtLvgkf0BWa-auvSYvfwZMciYzxojtGDJMLXC8hsPHL1g6WJ4UFJZ-LUMHkAzf_VqSPMemgffbuwDeT1iZ1fn6eo-V1MW_/s1600/slide-1.jpg" with your slide image URL.

Follow the same procedure to configure other 4 slides.

 logo APN AKHIR MALI Frontier.PNG
logo APN AKHIR MALI Frontier.PNG
AGEN PULSA NASIONAL FRONTIER
AGEN PULSA NASIONAL FRONTIER

Baca selengkapnya »
By
Label: ,

Cara Membuat Kotak Script HTML dan Text Dalam Postingan Blog Box Berwarna

Armaila Blog , Cara Membuat Kotak Script HTML dan Text Dalam Postingan Blog Box Berwarna
Cara Membuat Kotak Script HTML dan Text Dalam Postingan Blog Box Berwarna
Cara Membuat Kotak Script HTML dan Text Dalam Postingan Blog Box Berwarna | Admin baru saja mengabadikan sebuah artikel tentang "Membuat Tombol Back To Top" namun saat akan menuliskan kode kode terjadi kendala setelah ditampilkan yaitu di selangi oleh iklan. Sehingga kode yang muncu tidak full.

Salah satu cara agar script kode html itu muncul secara lengkap tanpa di selangi oleh apa pun adalah dengan membuat kotak/box.

Cara Membuat Kotak Script HTML dan Text Dalam Postingan Blog Box Berwarna

Setelah googling akhirnya admin mencoba mengikuti sebuah artikel yang dishare oleh "coldeja" dan ternyata informasi yang ada disana setelah saya praktekkan benar benar berhasil membuat kotak yang berwarna dan bisa diisi script html atau hanya text saja.

Berikut ini adalah Cara Membuat Kotak Script HTML dan Text Dalam Postingan Blog Box Berwarna dengan bermacam macam pilihan

Kode Kotak Double-Border


 <div style="background-color: #ace5f4; border: 3px #0180cf double; padding: 10px; text-align: left;">
MASUKKAN KODE HTML DISINI </div>
MASUKKAN KODE HTML DISINI


Kode Kotak Single-Border


 <div style="background-color: #ace5f4; border: 3px solid #0180cf ; padding: 10px; text-align: left;">
MASUKKAN KODE HTML DISINI </div>
MASUKKAN KODE HTML DISINI

  • Bagaimana Cara Redirect URL dengan Htaccess?
  • Cara Defrag Harddisk Windows 10?
  • Tutorial Cara Partisi Harddisk?
  • Cara Membuat Blur Background Foto?


Kode Kotak Border-Dotted


 <div style="background-color: #ace5f4; border: 2px #0180cf dotted; padding:10px; text-align:left;">MASUKKAN KODE HTML DISINI</div> 
TULISAN DISINI


Kode Kotak Scroll Vertikal


 <div style="background-color: white; border: 2px solid #0180cf; height: 70px; overflow: auto; padding: 5px; width: auto;">
MASUKKAN KODE HTML DISINI
DISINI JUGA
SAMA DISINI
KALO ADA DISINI JUGA
</div>
MASUKKAN KODE HTML DISINI
DISINI JUGA
SAMA DISINI
KALO ADA DISINI JUGA


Kode Kotak Scroll Vertikal dan Horizontal


 <div style="border: 2px solid #0180cf; height: 70px; overflow-x: scroll; overflow-y: scroll; width: auto;">
<div style="width: 1000%;">
MASUKKAN KODE HTML DISINI
DISINI JUGA
SAMA DISINI
KALO ADA DISINI JUGA</div>
</div>
MASUKKAN KODE HTML DISINI
DISINI JUGA
SAMA DISINI
KALO ADA DISINI JUGA


Ganti kode #0180cf untuk mengganti warna border, #0180cf untuk mengganti warna background, dan Merah untuk kode html kamu
Baca selengkapnya »
By
Label: ,

Script HTML Cara Membuat Back To Top di Blogspot

Armaila Blog , Script HTML Cara Membuat Back To Top di Blogspot
Script HTML Cara Membuat Back To Top di Blogspot
Script HTML Cara Membuat Back To Top di Blogspot | Untuk memudahkan kembali keatas. Maka ada kode yang dibutuhakan yang diterapkan di template blogspot kita. berikut ini adalah langkah langkah selengkapnya:

Script HTML Cara Membuat Back To Top di Blogspot

Pertama kita pasang dulu css font awesome , karena back to top ini menggunakan font awesome.
Caranya pasang kode javascript berikut dan letakan diatas kode </head>

<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>

Kemudian pasang css dibawah ini tepat diatas ]]></b:skin> atau </style>

/* Back To Top */ #back-to-top{background:#E73037;color:#ffffff;padding:8px 10px;font-size:24px} .back-to-top{position:fixed!important;position:absolute;bottom:20px;right:20px;z-index:999}

Setelah itu kita panggil back to topnya dengan memasang html dan javascript dibawah ini dan letakan diatas kode </body>
<div class='back-to-top'><a href='#' id='back-to-top' title='back to top'>
<i class='fa fa-chevron-up'/>
</a></div>
<script>         
$(window).scroll(function() {
    if($(this).scrollTop() &gt; 200) {
        $(&#39;#back-to-top&#39;).fadeIn();
    } else {
        $(&#39;#back-to-top&#39;).fadeOut();
    }
});
$(&#39;#back-to-top&#39;).hide().click(function() {
    $(&#39;html, body&#39;).animate({scrollTop:0}, 1000);
    return false;
});
</script>
Terkahir simpan Template dan lihat hasilnya

Catatan;
background:#E73037 Silahkan ganti warnanya dengan melihat kodenya DISINI sebagai contoh #0b366b adalah kode yang warnanya seperti gambar back to top di artikel ini.

Sumber: Masyadi
Baca selengkapnya »
By
Label: ,

Frontier Blogger Template Free Download Via Google Drive

Armaila Blog , Frontier Blogger Template Free Download
Frontier Blogger Template Free Download Via Google Drive
Frontier Blogger Template Free Download | Template ini dapat didownload dari google drive yang merupakan salah satu versi yang free. Untuk versi premium bisa langsung order ke web resminya. 

Bagi kamu yang mencari templat untuk blogspot "Frontier" setidaknya sudah mengetahui apa saja fitur yang tersedia serta tampilannya.

Berikut ini adalah informasi lengkap yang admin dari "NewBloggerThemes"

Frontier Blogger Template Free Download Via Google Drive

Theme Categories: 1 Sidebar, 2 Columns, 3 Columns Footer, Adapted from Wordpress, Blue, Color Options, Featured Section, Fixed width, Grey, Header Banner, Magazine, Pro Version Available, Responsive, Right Sidebar, Slider, Top Navigation Bar, White,
Template Name:Frontier
Author / URL:NewBloggerThemes | https://newbloggerthemes.com/
Designer / URL:ronangelo | http://ronangelo.com/
Published Date:November 29, 2015
Updated Date:February 26, 2017

How To Add Links to Top Navigation Menu

Top Menu - Frontier Blogger Template

Go to "Layout". Click on "Edit" link of "Edit This Menu" widget.

Now add your links to that link list widget.

How To Change Header Logo

Find this image address in "Edit HTML" and replace it your logo image address:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_80L3lh8AZtC8UNxx_t2w6wzIvN0JwrF2bIgHWR8KOtdz_HHYBGrIy_-d2kVxbhEVRDIFVyX6s437REvfY2t69KRG83CoYJKiBthrU8SixKhhMt8w8nvB3OHE7wLJKEGezI0KVmG7XVsG/s1600/logo.png

How To Configure Main Drop-down Menu

Primary Menu - Frontier Blogger Template
How To Configure Main Drop-down Menu

Find this in "Edit HTML":

<ul class='nav-mainnbt' id='menu-nbt-menu'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

</ul>

Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Featured Content Slider:

Slider - Frontier Blogger Template
How To Configure Featured Content Slider

There are 5 slides in the slider. You can add or remove more slides if you want. This is the code for the first slide:

<!-- slide 1 code start -->

<li>

 <a href='ENTER_SLIDE_1_LINK_HERE'>

  <img class='slider-element' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-kFtvJpXDDRJbkuhPB-OmeYSaUMHPfrrli8gxNQfVKJeAJpCtLvgkf0BWa-auvSYvfwZMciYzxojtGDJMLXC8hsPHL1g6WJ4UFJZ-LUMHkAzf_VqSPMemgffbuwDeT1iZ1fn6eo-V1MW_/s1600/slide-1.jpg'/>

  <h4 class='slider-element'>Enter Slide 1 Title Here</h4>

  <p class='slider-element'>This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com...</p>

 </a>

</li>

<!-- slide 1 code end -->

Now replace,
"ENTER_SLIDE_1_LINK_HERE"s with your real slide link,
"Enter Slide 1 Title Here" with your real slide title,
"This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com..." with your real slide description,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-kFtvJpXDDRJbkuhPB-OmeYSaUMHPfrrli8gxNQfVKJeAJpCtLvgkf0BWa-auvSYvfwZMciYzxojtGDJMLXC8hsPHL1g6WJ4UFJZ-LUMHkAzf_VqSPMemgffbuwDeT1iZ1fn6eo-V1MW_/s1600/slide-1.jpg" with your slide image URL.

Follow the same procedure to configure other 4 slides.

How To Configure Social Buttons

Social Buttons - Frontier Blogger Template
How To Configure Social Buttons

Find this in "Edit HTML":

<div class='widget social-buttonsnbt'>

 <a href='https://plus.google.com/' rel='nofollow' target='_blank' title='Google Plus'><i class='fa fa-google-plus'/></a>

 <a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a>

 <a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/></a>

 <a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a>

 <a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a>

 <a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'><i class='fa fa-youtube'/></a>

 <a href='http://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest'/></a>

 <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank' title='RSS'><i class='fa fa-rss'/></a>

</div>
Add your own social links replacing default social profile URLs.

Frontier Blogger Template Responsive View

Responsive View - Frontier Blogger Template
Frontier Blogger Template Responsive View

Our Blogger templates are free for both personal and commercial use. However, you are required to keep the footer links intact, which provides due credit to its designers and authors. So do not remove the footer credits without our permission. If you need the footer credits free version of a theme, contact us.
Baca selengkapnya »
By
Label: ,