Skip to main content

Cara Menciptakan Tombol Follow Di Blog

Cara Membuat Tombol Follow di Blog - Tombol follow merupakan salah satu widget penting untuk di pasang pada situs blog, tombol follow blogger sering disebut juga sebagai tombol join us (join this site) berfungsi sebagai navigasi yang memudahkan pengunjung untuk mengikuti situs yang mereka sukai. Pada tutorial ini saya akan membagikan cara menciptakan tombol follow blogger yang sanggup ditempatkan di aneka macam tata letak menyerupai di atas kolom komentar, sidebar, sajian navigasi dan tombol follow di dalam postingan.
Tombol follow merupakan salah satu widget penting untuk di pasang pada situs blog Cara Membuat Tombol Follow di Blog
Cara Membuat Tombol Follow di Blog
Metode yang saya gunakan untuk menciptakan tombol follow ialah dengan memanfaatkan link follow yang ada pada widget followers (join this site), dengan demikian maka tombol follow yang dihasilkan akan lebih ramah dan gampang di aplikasikan. Langsung saja ke tutorial menciptakan tombol follow blogger dan yang pertama harus dilakukan ialah menyiapkan link follow + id situs blog, lihat teladan dibawah ini;
https://www.blogger.com/follow.g?blogID=6093713042691745392
Nomor id yang ditandai dengan abjad tebal ialah nomor id situs blog saya, silahkan ganti dengan "id" situs blog masing-masing, untuk mendapat atau melihat "id" situs blog silahkan login ke blogger, pilih salah satu situs kalau kau mempunyai banyak situs blog lalu lihat pada addres kafe id situs blog anda.
Tombol follow merupakan salah satu widget penting untuk di pasang pada situs blog Cara Membuat Tombol Follow di Blog
ID Situs Blog
Setelah link follow situs disiapkan selanjutnya ialah memasang link follow tersebut ke tata letak atau kawasan yang diinginkan dan menampilkan nya sebagai tombol follow (join us).

Memasang Tombol Follow di Atas Kolom Komentar

  1. Login ke blogger > Template > Edit HTML
  2. Cari isyarat epilog css yaitu ]]></b:skin>
  3. Tambahkah isyarat css berikut ini sempurna di atas kode ]]></b:skin>
.comments .rightx{font-size:12px;position:absolute;$endSide:0;top:0;line-height:22px;max-height:22px;padding:4px 0 0 4px;margin-$endSide:0;background-color:#333333;overflow:hidden;display:block;}
.comments .rightx a{display:inline-block;min-width:75px;margin-$endSide:0;background-color:#333333;text-align:center;color:#ffffff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;text-decoration:none;text-transform: uppercase;}
Save template, lalu cari kode <h4 id='comment-post-message'> atau <h4 id='comment-post-message'><data:postCommentMsg/></h4> dan ganti dengan dengan isyarat di bawah ini.
<h4 id='comment-post-message'>
<span class='subscrnya'><data:postCommentMsg/></span>
<span class='rightx'><b:if cond='data:top.commentLabel'>
<a href='https://www.blogger.com/follow.g?blogID=6093713042691745392'>Join Us</a>
</b:if>
</span>
</h4>

Ganti text "Join Us" dengan Follow First atau Subscribe sesuai dengan selera masing-masing dan ganti juga nomor id "6093713042691745392" dengan id situs blog kau sendiri. Save template dan lihat hasilnya, tombol follow akan muncul di atas kolom komentar menyerupai terlihat pada teladan dibawah ini.
Tombol follow merupakan salah satu widget penting untuk di pasang pada situs blog Cara Membuat Tombol Follow di Blog
Cara Membuat Tombol Follow di Atas Kolom Blog
Catatan: Kode <h4 id='comment-post-message'><data:postCommentMsg/></h4> ialah isyarat "comment message" single comment box dan merupakan isyarat default kolom komentar bawaan blogger. Jika sebelumnya pada template situs blog kau sudah dimodifikasi atau memakai 3 comment system (blogger-facebook-disqus) silahkan lihat pada teladan gambar berikut [Klick Unduh]

Menambahkan Tombol Follow Pada Menu Navigasi

<nav class='naviy' id='nav'>
<ul class='sf-menu' id='menunav'>
<li><a href='add_url'>About</a></li>
<li><a href='add_url'>Contact</a></li>
<li><a href='https://www.blogger.com/follow.g?blogID=6093713042691745392'>Join This Site</a></li>
</ul>
</nav>

Membuat Tombol Follow di Sidebar

  1. Login ke Blogger > Tata Letak > Add Widget HTML
  2. Tambahkan isyarat berikut ini lalu save
<button onclick="window.location='https://www.blogger.com/follow.g?blogID=6093713042691745392'" style="background-color: orange; color: white; height: 30px; width: 201px;"><b>Follow Us</b></button>
Ganti id blog dan warna tombol sesuai dengan yang di inginkan.

Menambahkan Tombol Follow di Dalam Postingan

Untuk menambahkan tombol follow di dalam post (artikel) gotong royong metode yang dipakai sama dengan metode menciptakan tombol follow di sidebar, yaitu dengan menambahkan element button pada link follow blog. Kamu sanggup mencoba variasi tombol yang berbeda menyerupai teladan berikut ini.
<a href="https://www.blogger.com/follow.g?blogID=6093713042691745392" target="_blank"><button><b>Subscribe Me</b></button></a>
Nah, itulah beberapa cara menciptakan tombol follow di blog (situs blogger) yang sanggup di sesesuaikan dan di tempatkan di beberapa tata letak. Silahkan di garap atau cobalah ber experiment sendiri dengan link follow blogger. Metode ini juga sanggup diterapkan pada situs blog yang sudah menghapus css bundlle (optimasi pagespeed insights) alasannya umumnya menghapus css bundle umumnya akan menimbulkan beberapa widget blogger tidak berfungsi termasuk widget followers.

Kelebihan:
  • Mengganti widget followers (join this site) dengan tombol follow, tidak membebani loading situs web sama sekali.
  • Tombol follow sanggup diletakkan di banyak kawasan yaitu, di atas kolom komentar, sidebar, sajian navigasi, di dalam post blogger dan lain-lain.
  • Menghindari blocked rendering paruh atas situs
  • Dan sanggup di variasikan dengan banyak style css button.
Demikian tutorial cara menciptakan tombol follow (subscribe button) blogger dan siap-siap untuk mendapat banyak followers situs blog kamu. Jika ingin melihat demonya silahkan gulir ke kolom komentar dan Subscribe situs blog tukang listrik batam. Anggap saja subscribe anda sebagai bonus untuk saya, final kata saya ucapkan terimakasih telah berkunjung dan biar tuorial ini bermanfaat.
Labels:

Comments

Post a Comment

Popular posts from this blog

Widget Contact Form Responsive

Widget Contact Form Responsive - Contact Form atau Contact Us merupakan satu dari beberapa widget penting yang harus ada di setiap laman website termasuk situs blogger, widget contact form merupakan mediator yang menghubungkan antara visitor dengan pengelola situs, Contact form (formulir kontak) biasanya dipakai untuk mengirim pesan berupa kritik, saran, pemesanan pemasangan iklan dan lain-lain. selain itu contact form juga berfungsi sebagai penyaring spam atau malware yang kemungkinan dikirim oleh visitor badung ke e-mail pengelola situs. Platform blogger bekerjsama sudah menyediakan widget contact form untuk situs-situs blog, namun tampilan contact form yang disediakan masih sangat sederhana "default" pengelola situs harus menyesuikan style contact form nya sendiri dengan sedikit penambahan css untuk menciptakan tampilan contact form menjadi lebih elegant. Widget Contact Form Responsive Cara Membuat Laman Contact Form Blogger Login ke Blogger dan buat satu laman ...
Post a Comment
Read more

Cara Buat Tombol Share Sticky Bottom (Melayang Dibawah)

Cara Membuat Share Button Sticky Bottom Blogger - Akhir-akhir ini berbagai variasi tombol share muncul ke pasaran dunia cyber " website & blog " tentunya, dan yang paling terkenal ialah tombol share sticky bottom dan sidebar . Gaya yang lainnya tombol share drop-down. Pada artikel ini aku akan membahas Cara menciptakan tombol share sticky bottom (melayang di bawah) pada perangkat mobile (Handphone) dan tombol share sticky sidebar "melayang di samping jikalau di lihat melalui PC. Adapun tombol share yang akan kita buat merupakan tombol share (share button) yang ringan "sticky bottom" dengan sedikit script namun sangat responsive pada perangkat seluler. Sehingga tidak memberi efek jelek pada loading situs anda. Langsung saja simak langkah-langkah cara menciptakan tombol share sticky bottom berikut ini. Kunjungi laman penyedia tombol share yaitu www.addthis.com Silahkan login dengan dengan e-mail atau facebook anda untuk masuk ke dashboard add...
Post a Comment
Read more

Cara Paralel Exhaust Dengan Lampu

Paralel Hexos Dengan Lampu Paralel Exhaust Dengan Lampu maksudnya yaitu menggabungkan antara exhaust atau fan dengan lampu ke satu switch. Umumnya pada benda electronic menyerupai exhaust memakai jenis kabel NYY isi 3 yaitu Phase, Netral dan Ground sebagai penghubung. Sedangkan Pada instalasi listrik fitting lampu hanya memnggunakan kabel Jenis NYA sebanyak 2 kabel saja yaitu kabel Phase dan Netral saja. Lalu bagaimana " cara memparalel exhaust dengan lampu? " Bahasa singkat dalam teori instalasi listrik " Gabungkan antara netaral exhaust ke netral lampu dan phase ke phase sedangkan kabel ground hubungkan dengan kabel ground pada sumber ground ". Bagaimana mengetahui kabel phase, netral dan ground pada benda electronic menyerupai exhaust? simak panduan instalasi listrik di bawah ini. Warna Kabel NYY Pada barang electronic menyerupai exhaust umumnya ada tiga warna yaitu Biru, Coklat, Dan Kuning atau Coklat, Hitam dan putih.  Biru sebagai kabel Phase ...
Post a Comment
Read more