Skip to content Skip to sidebar Skip to footer

Mengenal Fungsi Follow, Subscribe dan Cara Membuatnya di Blog

F ollow dan Subscribe adalah dua istilah yang populer di media sosial. Follow artinya mengikuti. Istilah ini biasanya familier di media sosial seperti Facebook, Twitter, Instagram, dan lainnya. Sedangkan Subsribe lebih populer dikenal orang di aplikasi YouTube.

Sementara pada Blog kedua istilah ini kurang populer, padahal sebenarnya sama-sama ada, tetapi keberadaanya harus kita buat sendiri, sedangkan pada media sosial fitur ini sudah ada, kita hanya tinggal mengunakannya.

Follow artinya mengikuti. Pada Blog kita lebih mengenal kata 'Pengikut', biasanya terlihat pada Sidebar Blog. Fungsinya adalah ketika kita klik mengikuti maka kita secara otomatis akan mendapatkan notifikasi atau pemberitahuan bahwa blog yang kita ikuti telah memposting artikel baru. Pemberitahuan sampai kepada kita kalau kita juga punya Blog melalui email kita.

Subscribe dalam bahasa Indonesia artinya berlangganan. Jika anda tidak memiliki blog tetapi anda ingin berlangganan berita dari blog tersebut maka pilihannya adalah tekan Subscribe. Masukkan email anda kemudian tekan tombol Subscribe atau berlangganan maka secara otomatis anda akan mendapat pembetitahuan via email bahwa blog yang anda ikuti telah mengupload postingan atau artikel baru.

Bagaimana cara membuat tombol Follow dan Subscribe ikuti langkah demi langkah dibawah ini.

*Membuat tombol Pengikut.

Untuk membuat tombol pengikut mudah sekali. Masuk ke Tata Letak pada dasbor blog. Klik Tanbahkan Gadget, kemudian klik Pengikut akan tampil seperti gambar dibawah ini dan ikuti gambar...simpan selesai. Hasil dan tampilannya akan seperti gambar diatas sebelah kanan "Pengikut"


*Membuat tombol Berlangganan Via Email

Untuk membuat tombol Follow by Email (defaultnya) ini anda harus mengenal dulu FeddBurner.

Apa itu FeedBurner ?

FeedBurner adalah sebuah aplikasi yang berbasis web yang dikeluarkan oleh Google untuk mencatat lalu lintas pengunjung blog.

Jika merujuk pada laman Wikipedia, FeedBurner adalah merupakan layanan manajemen umpan web (web feed), yang terdiri dari RSS feed dan alat pengelola (management tools) untuk blogger dan podcaster, dan aplikasi publikasi lain yang berbasis web. Layanan ini menyediakan analisis lalu lintas pengunjung situs dan sistem periklanan yang dapat dipilih.

Saat pertama kali kita membuat Blog, secara otomatis FeedBurner ini sudah aktif dan kita telah memiliki alamat URL FeedBurner. Alamat inilah nanti yang akan kita pakai untuk membuat tombol Berlangganan Lewat Email ( Follow by email ).

Contoh alamat URL FeedBurner sebuah blog :
http://feeds.feedburner.com/OperatorSekolah2020

Cara membuat tombol Berlangganan Lewat Email pada Blog.

Cara Pertama: Sama seperti cara diatas masuk ke Tata Letak, Tambahkan Gadget, terus ikuti gambar dibawah sampai selesai.


Tampilan secara default.

Cara Kedua: Tampilan cara yang pertama adalah tampilan default. Agar tampilan lebih menarik maka ikuti cara yang kedua.

Langkah-langkahnya adalah sebagai berikut:

1. Tetap pada posisi Tata Letak, Tambahkan Gadget, kemudian klik HTML/Javascript. Lihat gambar dibawah ini.


2. Selanjutnya ikuti petunjuk gambar dibawah. Judul bisa diubah dengan kata-kata sendiri. Kemudian pastekan script dibawah ini ke dalam konten:

<style>
#dgenera-blog {
border: 0;
margin-bottom: 10px;
margin: 0 auto;
width:300px;
}

#email-news-subscribe .email-box{
padding: 5px 5px;
font-family: "Arial","Helvetica",sans-serif;
height:38px;}
#email-news-subscribe .email-box input.email{
background:#FFFFFF;
border: 1px solid #dedede;
color: #999;
padding: 7px 10px 8px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
border-image: initial;
font-family: "Arial","Helvetica",sans-serif;}
#email-news-subscribe .email-box input.email:focus{color:#333}

#email-news-subscribe .email-box input.subscribe{
background: -moz-linear-gradient(center top,#666 0,#333 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#333));
font-family: "Arial","Helvetica",sans-serif;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #333;
color:white;
padding:7px 14px;
margin-left:3px;
font-weight:bold;
font-size:12px;
cursor:pointer;
border-image: initial;}

#email-news-subscribe .email-box input.subscribe:hover{
background-image:-moz-linear-gradient(top,#333,#666);
background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#666));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
outline:0;-moz-box-shadow:0 0 3px #999;
; -webkit-box-shadow:0 0 3px #999;
box-shadow:0 0 3px #999
-pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #333;
color:#FFFFFF;
}

#other-social-bar {
padding: 0px;
overflow: hidden;
height:37px;
margin-top:-8px;
}
#other-social-bar ul {list-style: none outside none; padding-left: 4px;}

#other-social-bar .other-follow {
float: left;
overflow: hidden;
padding:5px;
width: 270px;}
#other-social-bar .other-follow ul {
list-style: none outside none;
padding-left: 4px;}
#other-social-bar .other-follow li {

display:inline;
border:0;
}

#other-social-bar .other-follow li a {
font-size: 12px;
color:#666;
font-weight: bold; font-family:arial;
display:inline;
}
#other-social-bar .other-follow li.my-rss {
background: url('http://3.bp.blogspot.com/-sR72SM_Wets/TwHZG9y4hXI/AAAAAAAAFv8/0bP2R3Qkl8c/s400/rss-16x16.png') no-repeat transparent;
line-height: 1;
padding: 0px 3px 1px 20px;
width: 60px;
margin-bottom:0px;
margin-left:5px;}

#other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{
text-decoration:none;
}
    #other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
    text-decoration:underline;
    }
    #other-social-bar .other-follow li.my-twitter {
        background: url('http://2.bp.blogspot.com/-KsALKRN7Zzo/T0vKkSG3AfI/AAAAAAAAF_k/l-VHD5xxzps/s400/twitter%2527.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;}
    #other-social-bar .other-follow li.my-gplus {
        background: url(http://4.bp.blogspot.com/-cC729VpBxrk/TwHZE71ZgoI/AAAAAAAAFvk/_UMyIgA8vj8/s400/gplus-16x16.png) no-repeat transparent;
        line-height: 1;
        width: 60px;
        padding: 0px 3px 1px 20px;
        margin-bottom:0px;}

.emailicon {
    background: url("http://3.bp.blogspot.com/_7wsQzULWIwo/Sty6EvZmTlI/AAAAAAAACGU/ArK94-9iDS0/s400/MBT-RSS-FEED.gif") no-repeat scroll 0px 2px transparent;
     padding: 0px 20px 0px 95px;
    min-height:100px;
    margin: 0px;
    width: 183px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 14px;
    color: rgb(51, 51, 51);
}

.emailicon p {
color:#FF8604;
font-size: 20px;
font-weight: normal;
font-family:  impact;
padding:40 0px 10px 0px;
margin:0;
padding-top: 20px;
line-height: 25px;
text-shadow: 0px 1px 0px #fff, 0px 2px 0px #C6C6C6;
}
    </style>
    <!--[if IE]>
    <style>
    #email-news-subscribe .email-box input.subscribe{
        background: #333;
        }
    </style>
    <![endif]-->

<div id="Blogoooblok-blog" >

<div class="emailicon"><p>Dapatkan Update Artikel Gratis! </p></div>
<div id="email-news-subscribe">
<div class="email-box"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=Blogoooblok', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="10" class="email" type="text" style="width: 160px; font-size: 12px;" id="email" name="email"value="Enter Email Anda Disini..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" />

<input type="hidden" value="Blogoooblok" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form> </div> </div>


* Lihat Sript diatas yang bertanda biru ubah ke alamat FeedBurner anda.
* Yang berhuruf tebal bisa anda ubah dengan kata-kata sendiri.

3. Maka hasil atau tampilannya akan seperti gambar paling atas yang sebelah kiri .

Demikianlah fungsi follow & Subsribe serta Cara Membuatnya di Blog, silahkan anda coba terapkan di Blog anda. Semoga bermanfaat.

Sumber Scrip:https://www.blogooblok.com/2015/01/cara-membuat-kotak-subscribe-keren-di.html
Nur Hakim
Nur Hakim Fokus adalah salah satu kiat untuk sukses

Post a Comment for "Mengenal Fungsi Follow, Subscribe dan Cara Membuatnya di Blog"