Memasang Fans Page Di Blogger

ada berpuluh cara untuk mempromosikan suatu perusahaan, produk, jasa ataupun blog dan website. nah salah satunya dengan cara fans page. dengan menggunakan fans page tentunya juga akan mempermudah mempromosikan suatu usaha atau bisnis, dan kita juga bisa melihat apakah suatu produk kita benar-benar disukai atau tidak. tentunya fans banyak tidak jauh lepas dari karakter produk itu sendiri. nah saya akan menjelaskan cara memasang fans page di website atau blog kamu. kalau ada yang belum tahu apa itu fans page, lihatlah gambar dibawah ini. ini adalah contoh fans page facebook, dan kita akan belajar tentang cara memasang fans page facebook.

nah pasti sobat-sobat tidak asing dengan widget seperti diatas dan sering di jumpai di banyak situs website maupun blog, untuk memasang ikuti langkah-langkah saya.

1. sobat harus mempunyai akun facebook dan login. lalu buka link berikut : https://www.facebook.com/pages/create.php

2. silahkan pilih sesuai dengan sobat butuhkan dan ikuti petunjuk facebook dengan selesai sampai membuat suatu halaman atau groub.

3. selanjutnya sobat copas link fans page facebook yang sudah dibuat tadi, sebagai contoh seperti dibawah ini.

4. setelah di copas buka link berikut : https://developers.facebook.com/docs/plugins/page-plugin
5. isi data sesuai sobat-sobat.
Facebook page URL : paste kan alamat fans page yang telah di copas tadi.
width : isikan sesuai sobat lebarnya.
height : isikan sesuai sobat tingginya.
6. terakhir ketik get code dan akan muncul kode seperti dibawah ini :

COPY SEMUA KODE TERSEBUT

memasang pada blogger :
1. login ke blogger sobat-sobat.
2. pada halaman blogger sobat buka tata letak
3. klik dan pilih tambahkan gadget
4. cari serta tambahkan HTML/javascrip Paste kan ke2 kode yang tadi di copylalu simpan
5. lihat blog sobat

 

{ Read More }

Membuat Entry Popular Seperti Warna Pelangi

Hai para jenius sobat, saya menyisihkan waktu luang untuk share dan berbagi ilmu selama ane masih ada waktu kosong. saya akan membahas tentang mempercantik blogger sobat-sobat. yaitu saya akan menerangkan membuat warna warni pelangi di wigdet entri popular/ posting popular. nah bagaimana caranya, ikuti langkah-langkah ane dibawah ini ya :

1. sobat-sobat harus login ke blogger terlebih dahulu tentunya.
2. sobat-sobat juga harus mempunyai widget entri popular. posting popular di blogger agan. kalau masih bingung. agan pilih tata letak dan cari apakah ada entri popular atau belum, kalau belum tambahkan widget dan pilih entri popular.

3. Selanjutnya pilih template lalu edit HTML.
4. Tekan saja CTRL+F di bawah web browser sobat-sobat ada kolom find cari file berikut, </style> atau </b:skin> lalu pastekan kode berikut.

/* Modifikasi Widget Popular Post Warna Warni */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
  margin:0 0;
  padding:0 0;
  list-style:none;
  border:none;
  background:none;
  outline:none;
}

.PopularPosts ul {
  margin:.5em 0;
  list-style:none;
  font:normal normal 13px/1.4 "Arial Narrow",Arial,Sans-Serif;
  color:black;
  counter-reset:num;
}

.PopularPosts ul li img {
  display:block;
  margin:0 .5em 0 0;
  width:50px;
  height:50px;
  float:left;
}

.PopularPosts ul li {
  background-color:#eee;
  margin:0 10% .4em 0;
  padding:.5em 1.5em .5em .5em;
  counter-increment:num;
  position:relative;
}

.PopularPosts ul li:before,
.PopularPosts ul li .item-title a {
  font-weight:bold;
  font-size:120%;
  color:inherit;
  text-decoration:none;
}

.PopularPosts ul li:before {
  content:counter(num);
  display:block;
  position:absolute;
  background-color:black;
  color:white;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  top:50%;
  right:-10px;
  margin-top:-15px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}

/* Set color and level */
.PopularPosts ul li:nth-child(1) {background-color:#E11E28;margin-right:2%}
.PopularPosts ul li:nth-child(2) {background-color:#FD3C03;margin-right:2%}
.PopularPosts ul li:nth-child(3) {background-color:#FECB09;margin-right:2%}
.PopularPosts ul li:nth-child(4) {background-color:#6EBE27;margin-right:2%}
.PopularPosts ul li:nth-child(5) {background-color:#149A48;margin-right:2%}
.PopularPosts ul li:nth-child(6) {background-color:#5BBFF1;margin-right:2%}
.PopularPosts ul li:nth-child(7) {background-color:#61469C;margin-right:2%}
.PopularPosts ul li:nth-child(8) {background-color:#863E86;margin-right:2%}
.PopularPosts ul li:nth-child(9) {background-color:#863E62;margin-right:2%}
.PopularPosts ul li:nth-child(10) {background-color:#815540;margin-right:2%}

NB : kalau tidak ketemu dan tidak bisa. sobat-sobat bisa copas kode diatas setelah <body> 

{ Read More }