Cara Memasang Page Plugin Fanspage Di Blog Terbaru 2015

Cara Memasang Page Plugin Di Blog -  Page atau halaman di facebook memang sangat ngetren akhir akhir ini , apa lagi sudah bisa di pasang di blog , namun tahukah anda cara memasang Fanspage/halaman facebook di Blog? . Fungsi pemasangan Fanspage pada blog sangat banyak , selain utnuk promosi , juga  mebantu Visitor untuk menghubungi anda .
Untuk demo Page Plugin Fanspage bisa kalian cek di blog ini sendiri atau lihat gambar di atas .
Oke untuk tutorialnya ,

LANGKAH AWAL

• Masuk ke Facebook Developers
• Kemudian ke social plugin > Page plugin

• Untuk kolom Facebook Page URL . masukkan URL Fanspage Anda
• Kemudian atur sesuka Anda . jika sudah klik Get Code

• Ambil dan Copy Code yang nomor 2

LANGKAH SELANJUTNYA

• Masuk Ke Blogger
• Masuk ke Tata letak > Add gadget
• Pilih Html/Javascript
• Pastekan kode tadi ke Html/Javascript
• Simpan , dan lihat hasilnya

Bagaimana? ternyata cukup mudah bukan memasang Paage Plugin Fanspage di Blog?

Mungkin itu saja yang bisa saya sampaikan , kurang lebihnya mohon maaf

Read more

Cara Merubah Tampilan Widget Follow by Email Di Blog

Cara Merubah Tampilan Widget Follow by Email Di Blog - Pernah mendengar kata Follow by Email? sudah pasti , karena follow by email memang widget bawaan dari Blogger , lantas bagaimana cara Merubah tampilannya? . Oke untuk cara merubahnya nanti anda simak baik baik ya , dan untuk merubah seperti apa Follow by email sesudah di beri kode CSS di template silakan lihat demonya .

Mungkin untuk kalian yang menggunakan Template dari mbak arlina tidak usah repot repot menggunakan cara ini , karena template dari mbak arlina biasanya sudah terpasang .

dan untuk anda yang menggunakan template lain , dan jika ingin merubah tampilannya , baca baik baik nih .

• Pasang terlebih dahulu widget Follow by emailnya 
• Jika sudah di pasang klik Simpan

Tahap selanjutnya

• Klik Template > Edit Html
• Cari kode ]]></b:skin>
• Copy kode di bawah ini , tepat di atas kode ]]></b:skin>

/* CSS Follow by email */
div#FollowByEmail1{background:transparent;}
.FollowByEmail .widget-content {padding:0;}
.FollowByEmail .follow-by-email-inner {position:relative;}
.follow-by-email-inner {background:#fff;padding:15px;padding-bottom:0;color:#444;}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {background:#fff;
color:#666;border:1px solid #e6e6e6;font-size:13px;height:32px;line-height:32px;padding-left:5px;width:100%;border-radius:2px 0 0 2px;transition:all 0.2s;}
.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus {outline:none;color:#444;}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {background:#29abe2;
color:#fff;cursor:pointer;font-family:&#39;Open Sans&#39;;font-size:15px;height:33.5px;line-height:33.5px;margin:0 2px;width:64px;z-index:0;border-radius:0 2px 2px 0;border-left:none;transition:all 0.2s;}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {background:#42494f;color:#fff;}
.tabletd1 {width:100%;}
.tabletd2 {width:64px;}
.FollowByEmail .follow-by-email-inner input {font-family:&#39;Open Sans&#39;,sans-serif;}

Keterangan : Untuk kode warna yang sudah saya tandai warna biru , itu silahkan anda ganti dengan warna template anda

•  Pertinjau terlebih dahulu ,
• Jika Sudah Benar klik Simpan Template

Mungkin itu saja yang hanya bisa saya sampaikan , apabila ada kesalahan mohon maaf , dan apabila ada pertanyaan silahkan contact saya/Komen

Read more

Cara Membuat Populer Post Berwarna Warni

Cara Membuat Populer Post Berwarna  -Populer post atau yang biasa di kenal dengan Entri Populer ini memang sangat terlihat bagus apabila di tambahkan warna seperti gambar di atas , namun banyak blogger pemula yang belum mengetahui cara membuat populer post berwarna , adapun jika anda ingin memasang populer post berwarna ikuti langkah langkah berikut

• Masuk ke blogger
• Klik Tata Letak > Add Gadget
• Kemudian Pilih Entri Populer

-----Keterangan -----

 Jika anda ingin populer post anda ada gambar dan cuplikan postingannya , anda langsung klik Simpan .Namun jika anda ingin populer postnya tidak ada gambar dan postingannya , anda hilangkan tanda centang/ceklis pada kolom 'thumbnail gambar' dan 'cuplikan' , kemudian  klik Simpan

• Masuk ke Template > Edit HTML
• Tambahkan CSS dibawah , pada template anda . Simpan Di atas ]]></b:skin>

/*Custom Popular Post*/.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;color:black;counter-reset:num}.PopularPosts ul li{background-color:#eee;margin:0 0 0 0!important;padding:.5em 1.5em .5em .5em!important;counter-increment:num;position:relative}.PopularPosts ul li a{color:#fff!important}.PopularPosts ul li a:hover{color:#2c3e50!important}.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a{font-weight:bold;color:inherit;text-decoration:none}.PopularPosts ul li:before{content:counter(num)!important;display:block;position:absolute;background-color:#333;color:#fff!important;width:22px;height:22px;line-height:22px;text-align:center;bottom:0;right:0;padding-right:0!important}/* Pengaturan Warna */.PopularPosts ul li:nth-child(1){background-color:#f1c40f;}.PopularPosts ul li:nth-child(2){background-color:#f39c12;}.PopularPosts ul li:nth-child(3){background-color:#2ecc71;}.PopularPosts ul li:nth-child(4){background-color:#27ae60;}.PopularPosts ul li:nth-child(5){background-color:#e67e22;}.PopularPosts ul li:nth-child(6){background-color:#d35400;}.PopularPosts ul li:nth-child(7){background-color:#3498db;}.PopularPosts ul li:nth-child(8){background-color:#2980b9;}.PopularPosts ul li:nth-child(9){background-color:#ea6153;}.PopularPosts ul li:nth-child(10){background-color:#c0392b;}.PopularPosts .item-thumbnail{margin:0 0 0 0}.PopularPosts .item-snippet{font-size:11px}

• 
  
• Untuk mencegah kegagalan , silahkan Pertinjau Template terlebih dahulu
• Jika berhasil Simpan Template

Ya ,mungkin itu saja yang bisa saya sampaikan . kurang lebihnya mohon maaf

Read more

Cara Membuat Label Berwarna

Cara Membuat Label Berwarna - Label bila tidak berwarna kurang bagus rasanya blog kita , mungkin sebagian orang berfikiran seperti itu . ya dengan adanya label berwarna ini dapat menjadikan blog anda menjadi bagus dan cantik , dan yang tidak kalah penting menjadi enak di pandang mata , tapi pernakah anda berfikiran kalau bagaimana cara membuatnya? . jika kalian pernah berfikir demikian tepat sekali rasanya anda datang di postingan ini , karena kali ini saya akan membahas Cara membuat Label menjadi berwarna

(LIVE DEMO)

Langkah Langkah :

• Masuk Blogger
• Pergi Ke Template > Edit HTML
• Cari Kode ]]></b:skin>
• Copy script di bawah ini , dan pastekan di atas kode ]]></b:skin>

/* label */ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { background:#e42525; display:block; float:left; margin:0 3px 3px 0; color:#ffffff; font-size:11px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:#ffffff !important; padding:6px 8px; font-weight:bold; } .label-size:hover { background:#333333; } .label-count { white-space:nowrap; padding-right:3px; margin-left:-3px; background:#333333; color:#fff !important; } .label-size { line-height:1.2 }

• Pertinjau terlebih dahulu untuk memastikan label berubah menjadi berwarna
• Jika sudah benar klik Simpan template

Read more

Cara Agar Postingan Kita Tidak Di Copas

Cara Agar Postingan Kita Tidak Di Copas -  Seseorang yang mencuri artikel kita atau copas artikel kita tanpa memberikan sumber memang membuat kita harus bersabar menahan emosi , orang sudah capek capek ngetik dan posting ada yang nyuri kan parah , demi menjaga artikel kita ada baiknya kita memasang script anti copas di template kita , bagaimana caranya? jika kalian bertanya tanya kan hal itu kalian tepat sekali datang di blog ini . Baiklah tanpa basa basi lagi kita simak baik baik ya .
Langkah Langkah :

• Masuk ke blogger
• Template > Edit HTML
• Cari kode ]]></b:skin>
• Kemudian Copy Script di bawah ini

.post blockquote {-webkit-touch-callout:text;-webkit-user-select:text;-khtml-user-select:text;-ms-user-select:text;-moz-user-select:text;}.post {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-ms-user-select:none;-moz-user-select:none;}

• Letakkan di atas kode  ]]></b:skin>
• Simpan Template 

Bagaimana ? cukup mudah bukan untuk memasang pengaman anti COPAS di blog ?

Mungkin hanya itu saja yang bisa saya sampaikan , kurang lebihnya mohon maaf

Kata Kunci :

• Cara Memasang Anti copas | Cara supaya blog tidak di copas | Cara Supaya postingan blog tidak di copy | Cara supaya artikel tidak di copas | Cara supaya artikel tidak bisa di copas | Cara supaya artikel tidak di copas kecuali bagian tertentu | Cara supaya blog tidak di copas terbaru | cara supaya artikel tidak di copas 2015

Read more