Cara Membuat Widget Social Media Warna Warni di Blog. Dalam meningkatkan kunjungan trafik di blog kita, ada banyak sekali cara yang dapat kita tempuh, mulai dari search engine optimization, social media marketing, email marketing, dan lain sebagainya, tentu masing-masing tersebut memiliki kelebihan dan kekuranganya. Jika anda mengambil jalur SEO, tentu anda harus mengalami banyak trial & error untuk mendapatkan formula yang tepat dalam mengoptimalkannya, dan sebaliknya, jika anda menempuh jalur social media ataupun email marketing, maka anda harus berusaha untuk mendapatkan orang yang mau berlangganan artikel blog kita, atau dalam social media adalah followers dan fans.Menurut pengalaman saya pribadi, saya menggunakan hampir seluruh fasilitas yang tersedia untuk mendapatkan trafik blog (baca: Cara Agar Blog Ramai Pengunjung dan Komentar), seperti social media, seo, rss, dan email marketing, dari semua yang sudah saya coba, mungkin saya akan lebih memilih social media dan SEO, karena mungkin kedua hal tersebut lebih mudah untuk melakukanya dan lebih populer.
Keuntungan mendapatkan trafik dari Social Media bisa dibaca pada postingan sebelumnya tentang Peranan Social Media Sebagai Sumber Utama Trafik Blog, dari postingan tersebut dapat kita ambil intisari pelajaran dari sebuah blog yang fenomenal, yakni blog terselubung, blog tersebut berisikan konten-konten
Nah, bagaimana sobat? anda tertarik juga bukan untuk memaksimalkan faktor social media, untuk itu, pertama kita bisa memulainya dengan membuat akun yang mengatasnamakan blog kita di beberapa social media, baru setelahnya tugas kita tinggal melakukan pemasaran atau marketing kepada para pengunjung agar banyak orang yang mau menjadi pengikut akun blog kita, yang tentunya akan berdampak pada trafik kunjungan blog, untuk memaksimalkanya, dibawah ini sudah saya siapkan widget warna warni sederhana yang bisa anda pasang di blog anda, widget ini berisikan beberapa jejaring sosial, seperti Linkedin, StumbleUpon, Twitter, dan Facebook tentunya.
Cara Membuat Widget Social Media Warna Warni
1. Login ke Blogger.
2. Pilih Tata Letak / Layout.
3. Klik Add Gadget.
4. Pilih gadget HTML/JavaScript,
5. Letakkan kode berikut ini kedalamnya.
<style>
a.tuliskancom_twitter
{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDWR0yj7KRbvWQAk1hb_VN2l1md1zkAHqxmvFikP9qIazUFFNkrYRUiUhh8dden8xpotqslPGQgZFRJmmW2-uVsIdYKO7yddWrZF88-Ra5HIRMzxMRbgB1AmJXL8_uIuZ6UIkUzja8als/s1600/btrix_twitter.jpg);
background-position:0 0px;
width:300px;
height:51px;
text-indent:-9999px;
display:block;
background-repeat: no-repeat;
border:0px;
float:left;}
a.tuliskancom_facebook
{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIuC0jAPGWoruIDi6FsQmd4IBrN8UBXUdcMFYOC-foyloxf2oG_yXW0-W8Za41XbuyDALNLFHwxkCMwr1NTD4HNTpK_hmJoq4YC0HIh0YThDe_W8EwS2-7oLS1jW-xCxItxuNwTXO04TM/s1600/btrix_facebook.jpg);
background-position:0 0px;
width:300px;
height:51px;
text-indent:-9999px;
display:block;
background-repeat: no-repeat;
border:0px;
float:left;}
a.tuliskancom_linkedin
{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1zlLH0myLQSPqFDuDv56viEhchoZ4Jo2bGwuNsG-oVx0LixK3KdtKBkkuRDu8ZhdVgkh3I_EE-0bNAhxYl1Y7ay6fudlwqIjJKlUPm88rIZrm65EzBEtX-MyFQRv4lKQFk4fv7zz-p1A/s1600/btrix_linkedin.jpg);
background-position:0 0px;
width:300px;
height:51px;
text-indent:-9999px;
display:block;
background-repeat: no-repeat;
border:0px;
float:left;
}
a.tuliskancom_stumbleupon
{ background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs-vfkOVWBdPMEpbcVHnzc6BLhhhy0YaxlPz-knw7F68zIVC5N3uZbk0t6bt0HqTPPTV_HvZADd7Gbmc2XOxUuCn5KLEx90fkEmN0mbDFypXlqhaVyzRx2egDsUep2GwgIIxxi5H-gafM/s1600/btrix_stumbleupon.jpg);
background-position:0 0px;
width:300px;
height:51px;
text-indent:-9999px;
display:block;
background-repeat: no-repeat;
border:0px;
float:left;
}
.tuliskancom1social a:hover
{
background-position:0 -51px;
}
.tuliskancom1social
{
width:255px;
}
</style>
<br />
<div class="textwidget">
<div class="tuliskancom1social">
<a class="tuliskancom_linkedin" href="http://id.linkedin.com/tuliskancom" target="_blank">linkedin</a>
<a class="tuliskancom_stumbleupon" href="http://www.stumbleupon.com/tuliskancom" target="_blank">stumbleupon</a>
<a class="tuliskancom_twitter" href="http://twitter.com/tuliskancom" target="_blank">twitter</a>
<a class="tuliskancom_facebook" href="http://www.facebook.com/tuliskancom" target="_blank">facebook</a>
</div>
</div>
Keterangan:
- Ganti kode yang berwarna merah dengan ID Linkedin anda
- Ganti kode yang berwarna hijau dengan Username StumbleUpon anda
- Ganti kode yang berwarna biru muda dengan Username Twitter anda
- Ganti kode yang berwarna biru tua dengan ID / Nama Nama Fan Page Facebook anda
6. Klik "Save/Simpan" gadget, dan selesai.
Demikian informasi terbaru tentang Cara Membuat Widget Social Media Warna Warni di Blog, simak juga artikel menarik lainya seputar tutorial blog tentang Cara Menghilangkan Atribut Blog (Powered By Blogger), semoga bermanfaat, dan selamat mencoba.
Sumber Referensi : bloggertrix
0 komentar:
Posting Komentar