Cara Mudah Membuat Fanspage Facebook Tampil di Blog

Untuk Memasang Fanspage Facebook di Blog  terlebih dahulu anda harus memiliki fans page facebook tentang blog anda. Fans page facebook dapat memudahkan anda untuk promosi blog, promosikan postingan blog agar dapat pengunjung organik dari facebook sehingga menjadikan blog mudah dikenal orang dan banyak pengunjung.

Facebook merupakan media sosial yang sangat populer di Indonesia dan juga belahan dunia sehingga dengan mudah kita bisa membuat fans page facebook untuk blog dengan jumlah like yang sangat banyak dan bisa dikatakan media promosi yang sangat ampuh apalagi anda yang Bisnis Online dengan membuat Online Shop atau Toko Online.

Semakin banyak penggemar fans page yang like halaman facebook maka semakin baik, ini dapat dilihat tingkat populer blog yang bermanfaat dengan konten yang berkualitas. dengan memiliki blog yang kaya konten dan artikel yang bermanfaat untuk orang banyak rasanya sayang kalau tidak dipopulerken dengan facebook, karena dengan 1 like facebook maka akan ada banyak pemberitahuan dan nantinya akan mendatangkan like fans page juga.

Langkah langkah 

• Login ke Blogger.com 
• Kemudian pilih menu Tata Letak > Tambahkan Gatget > HTML/JavaScript

• Kemudian copy code berikut ini 

<iframe name="f2579ef3ff88908" width="320px" height="1000px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" title="fb:page Facebook Social Plugin" src="https://www.facebook.com/v2.5/plugins/page.php?adapt_container_width=true&amp;app_id=&amp;channel=http%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter%2Fr%2FXBwzv5Yrm_1.js%3Fversion%3D42%23cb%3Df4389127ece03c%26domain%3Dwriteup-wiechan1906.blogspot.com%26origin%3Dhttp%253A%252F%252Fwriteup-wiechan1906.blogspot.com%252Ff144bab2ba048c4%26relation%3Dparent.parent&amp;container_width=320&amp;hide_cover=false&amp;href=https%3A%2F%2Fwww.facebook.com%2FWieChanJatim%2F&amp;locale=en_US&amp;sdk=joey&amp;show_facepile=true&amp;small_header=false&amp;width=320" style="border: none; visibility: visible; width: 320px; height: 214px;" class=""></iframe>

Note : Ubah tulisan merah dengan username fanspage sobat Bagus 98 . letak username fanspage bisa dilihat di gambar brikut ini 

• Pastekan code diatas kedalam kolom HTML/JavaScript seperti digambar brikut

 

• Hasilnya akan tampak seperti gambar berikut ini 

Itulah pembahasan seputar cara menampilkan FansPage di blog/web. Semoga bermanfaat.

Cara Membuat Kotak Didalam Postingan Blog

Menyematkan kotak dalam tulisan blog terlihat menarik dan indah. Banyak blogger menggunakan kotak dalam postingan untuk menaruh informasi penting, salah satunya adalah script HTML, Java dan sebagainya.

Namun kotak yang disematkan dalam postingan ini tidak disediakan defuld oleh blogspot, olehnya itu kita dituntut membuatnya sendiri. Caranya mudah, ikuti langkah-langkah berikut ini.

• Login ke Blogger.com dan buat postingan
• Copy Scrip dibawah ini 

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">Sobat Bagus 98 ( ubah tulisan merah sesuai keinginan )</div> 

• Pilih mode HTML kemudian pastekan scripnya seperti gambar dibawah 

• kembali ke Compose untuk melihat kotaknya akan seperti gambar dibawah

• Selanjutnya sobat Bagus 98 tinggal mengubah "Sobat Bagus 98 ( ubah tulisan merah sesuai keinginan )" Dengan tulisan maupun scrip yang ingin digunakan didalam kotak tersebut , tentu mudah bukan ?

Penjelasan Tentang Scriptnya

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">Sobat Bagus 98 ( ubah tulisan merah sesuai keinginan )</div>

• border 3px = Ketebalan kotak script
• #1780dd = warna kotak script
• padding: 10px = Panjang kotak kebawah untuk lebarnya otomatis ke ujung
• Background-color#ffffff = Warna dalam kotak 
• text-align: left; = Posisi tulisan didalam kotak kiri 
• Double; = Bentuk Kotak ( Bisa diganti dengan kode brikut ini atau dihilangkan juga bisa )

Sobat Bagus 98 ( Dashed )

Sobat Bagus 98 ( Dotted )

Sobat Bagus 98 ( Groove )

Sobat Bagus 98 ( Inset )

Sobat Bagus 98 ( Outset )

Sobat Bagus 98 ( Ridge )

Sobat Bagus 98 ( Solid )

Nah itulah penjelasajan code HTML untuk membuat kotak dalam postingan . bisa dimodifikasi sesuai selera


Sumber : Google.com 

Cara Membuat Tombol Download Ala Arlina Di Blog

Hallo sahabat Bagus 98 kali ini saya akan mencoba membagikan sebuah tutorial cara membuat tombol download ala arlina di blog. Tombol download ini biasanya digunakan untuk membungkus link Download , Demo , Direct , dll .

Langkah Langkah Membuat Tombol Download Ala Arlina

• Buka Blogger.com 
• Buka menu tema kemudian edit html .

• Kemudian cari code ]]></b:skin> untuk mempercepat pencarian klik CTRL + F 
• Jika sudah menemukan code ]]></b:skin> Copy code dibawah ini dan letakkan di atas code ]]></b:skin> kemudian simpan tema

#wrap {
margin: 20px auto;
text-align: center;
}.btn {
display: inline-block;
position: relative;
font-weight: 700;
background: #3cc091;
padding: 9px 18px;
margin: 0 3px;
border-radius: 3px;
opacity: 1;
border: 0;
text-transform: uppercase;
transition: all .3s ease-out;
}.btn:hover, .btn:active {
background: #374760;
}
a.btn {
color: rgba(255,255,255,1);
}

• Sekarang sobat tinggal buat postingan dan pada halaman postingan sobat bagus 98 silahkan pindah dari Commpose ke HTML yang ada pada bagian pojok kiri atas dan pastekan code berikut ini

<div id="wrap">
<a class="btn" href="Link bray" rel="”nofollow”" target="_blank">Direct<i class="fa fa-paper-plane"></i></a></div>
<a class="btn" href="Link bro" rel="”nofollow”" target="_blank">Download<i class="fa fa-download"></i></a>

Keterangan :

• Silahkan ubah tulisan Kuning "Link Bray / Bro" dengan link sobat Bagus 98
• Silahkan ubah tulisan Merah dengan kemauan sobat Bagus 98

• Jika sudah semua kemudian pertinjau / Publikasikan . tidak lebih tampilanya akan seperti ini 

Direct

Download