Tutorial Memasang Like Box Fanspage Facebook Di Blog

Cara Memasang Fanspage Facebook di Blog,- Bagi kebanyakan orang yg sering berkecimpung di Facebook niscaya tidak abnormal mendengar kata Fanspage, Karena fanspage merupakan halaman khusus yg disediakan oleh pihak Facebook untuk para pengguna facebook, supaya sanggup memperlihatkan isu dengan mudah. Namun untuk mendapat isu pengunjung atau pengguna facebook lain harus Follow atau mengikuti fanspage tersebut.

Fanspage kini ini tidak hanya dipakai sebagai halaman penyedia informasi, namun banyak yg mensokan Fanpage untuk media menghasilkan uang. mulai dari penjualan, Forum untuk sebuah perusahaan serta masih banyak lagi. dengan memiliki Fanspage kita akan dengan gampang memperlihatkan isu atau apa saja kepada pengguna facebook lainnya.

Manfaat fan page facebook lainya yaitu sanggup menaikan visitor, visitor yg dimaksud yaitu pengunjung Blog, kalau kita sudah banyak memiliki Follower di fanspage serta menempatkan fan page di blog maka kita akan sanggup mendapat pelengkap visitor dari fanspage tersebut. Namun terlebih dahulu harus memiliki follower yg banyak. untuk menciptakan suatu fanspage sangat gampang semudah menciptakan Akun Facebook. Nah untuk tutorialnya sanggup di lihat dibawah ini.

Cara Membuat Fanspage Facebook

Sebelum menempatkan fanspage kita di facebook pastinya kita harus memiliki sebuah fanspage. Untuk membuatnya sudah aku jelaskan dalam postingan selanjutnya, Namun bila anda sudah memiliki Fanspage Silahkan Ikuti saja tutorial menempatkan Fanspage di Blog dibawah ini.

Baca: Cara Praktis Membuat Fanspage Facebook Terbaru

Cara Memasang Fanspage Facebook di Blog

Untuk menempatkan Fanspage di facebook kita tidak perlu susah-susah menciptakan Kode HTMLnya alasannya yaitu pihak facebook sudah menyediakan layanan menciptakan Halaman fanspage berukuran kecil yg sanggup di pasang di Blog.

1. Pertama silahkan kunjungi https://developers.facebook.com/docs/plugins/page-plugin
2. Kemudian Silahkan Masukkan URL Fanspage Anda pada Kolom "URL Halaman Facebook", Contoh Disini aku akan memasukan fanspage , berikut URLnya: https://www.facebook.com/Blogespada
3. Selanjutkan Sesuaikan lebarnya dengan widget di Blog anda serta Atur lainya sesuai selera anda.

4. Jika sudah Yakin dengan Contoh Fanspage yg dibentuk selanjutnya Klik Dapatkan Kode
5. Setelah itu silahkan Copy Kode CSS pada kolom kedua serta Paste di Blogger - Tata Letak - Tambahkan Gadget - HTML/Javascript

6. Terakhir Tinggal Simpan serta Lihat hasilnya

Di tahun 2016 Developer.facebook sedikit merubah cara menciptakan Fanspage, namun cara diatas yaitu cara Terbaru. Semoga bermanfaat.

Tutorial Menyembunyikan Widget Tertentu Di Halaman Utama Blog

Cara Menyembunyikan Widget Blog di Halaman Utama,- Widget Blog yaitu sebuah layanan yg diberikan oleh blogger untuk mempermudah pemilik Blog dalam menempatkan Kode HTML di Template Blog. dengan menciptakan blog memakai platform Blogger, pemilik Blog sanggup dengan gampang memasukkan serta menempatkan Script, instruksi css atau yg lainya di template blog dengan mudah, namun hanya sanggup ditempatkan sesuai struktur widget di tata letak.

Dengan fasilitas menempatkan Widget di Blog menciptakan para blogger pemula atau yg sudah professional banyak menambahkan widget supaya pengunjung sanggup menentukan artikel lain atau memakai layanan dari widget tersebut. namun biasanya kalau banyak menempatkan widget menciptakan tampilan di home sedikit awut-awutan ibarat yg banyak terso yaitu dihalaman home atau halaman utama menso panjang kebawah karena, widget di sidebar kebanyakan.

Sebenarnya untuk mengatasi dilema tersebut sangatlah gampang yaitu dengan cara menyembunyikan widget tertentu dari Halaman utama, supaya widget di sidebar tidak terlalu panjang. bila anda mengalami dilema tersebut serta ingin menyembunykan sebagaian widget di home, silahkan ikuti tutorial dibawah ini.

Cara Menyembunyikan Widget Tertentu di Halaman Utama

1. Pertama silahkan anda Login ke Akun Blogget - Template serta Edit HTML
2. Kemudian Cari Kode ]]></b:skin>
3. Jika sudah Ketemu Silakan anda tambahkan Kode CSS dibawah ini Tepat dibawah instruksi ]]></b:skin>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
#HTML7,#HTML8{display:none;}
</style>
</b:if>

4. Silahkan Ganti #HTML7 dengan Kode Widget yg ingin disembunyikan serta kalau ada lebih dari satu widget yg ingin disembunyikan silahkan ganti pun #HTML8 serta sanggup ditambah lagi dengan syarat terdapat jeda koma (,) serta pagar #
5. Simpan serta Lihat Hasilnya

Itulah cara gampang untuk menyembunyikan widget tertentu di Halaman Utama (Home). Sekian tutorial yg sanggup aku bagikan serta Semoga Bermanfaat.

Tutorial Memasang Random Post Responsive Di Blog

Cara Pasang Widget Random Post Responsive di Blog,- Bagi para pemilik Blog khususnya yg berplatform Blogger, asertaya widget sangat membantu pemilik Blog untuk menambahkan Java Script atau isyarat CSS pihak ketiga dengan mudah, penggunaanya pun tidak terlalu sulit tanggal pilih Tata letak, Tambahkan Gadget kemudian pilih HTML/Java Scipt. cara ini sangat gampang kalau ketimbang dengan Edit HTML ditemplate yg sangat rumit.

Bagi Pemilik Blog yg sudah memiliki Banyak Postingan, Namun memiliki permasalahan page View sedikit. Hal ini dikarenakan pengunjung hanya mengunjungi artikel yg di ingin dilihat saja, tanpa melihat artikel lainnya. permasalahan ini sering dikeluhkan oleh para pemilik Blogger alasannya yaitu kurangnya page view di Blog. Namun sesungguhnya ada cara untuk meningkatkan Page View Blog ibarat menempatkan widget Popular Post, Recent Post serta Random Post, dengan menempatkan widget tersebut pengunjung akan dengan gampang melihat artikel lain yg sekiranya menarik dari blog anda yg tentunya akan meningkatkan PageViews Blog.

Namun dari ketiga Widget yg aku sebutkan diatas yaitu Popular Post, Recent Post serta Random Post, yg mungkin akan paling banyak meningkatkan page View yaitu Random Post atau Artikel Acak. Karena Random Post akan menampilkan Postingan anda secara acak, yg memungkinkan menarik perhatian dari pengunjung untuk melihat salah satu artikel usang atau gres di Blog anda.

Oleh alasannya yaitu itu silahkan pasang Random Post atau Artikel Acak untuk meningkatkan Page View dari Blog anda, Namun kebanyakan Random post tidak Responsive atau hanya muncul beberapa saja padahal yg ditampilkan cukup banyak, Hal ini sangat merugikan alasannya yaitu bukan hanya artikel yg ditampilkan di random post tidak muncul, melainkan sanggup saja script random post akan memberatkan loading Blog.

Oleh Karena Itu Disini aku akan membagikan Cara Memasang Random Post di Blog melalui Widget yg dijamin Responsive serta semua Judul postingan akan muncul. Untuk Caranya Bisa dilihat dibawah ini.

Cara Memasang Widget Random Post Responsive di Blog

1. Pertama silahkan masuk ke Dasboard Blogger - Tata Letak - Tambahkan Gadget serta Pilih Menu HTML/Java Script

2. Kemudian Silahkan Kasih Judul, sanggup Random Post, Artikel Acak atau Terserah anda. Dan Pada bab Kolom Bawah Silahkan Isi dengan Kode CSS dibawah ini.

<ul id="random-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://blogespada.blogspot.com/",
numPosts = 7;
function randomPosts(a){if(document.getElementById("random-posts")){var e=shuffleArray(a.feed.entry),title,link,img,content="",ct=document.getElementById("random-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<strong><li class="random-posts"><a href="'+link+'" title="Tutorial Memasang Random Post Responsive di Blog" target="_blank">'+title+'</a></li></strong>'}ct.innerHTML=content}}function shuffleArray(arr){var i=arr.length,j,temp;if(i===0)return false;while(--i){j=Math.floor(Math.random()*(i+1));temp=arr[i];arr[i]=arr[j];arr[j]=temp}return arr}var random_post=document.createElement('script');random_post.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=999&callback=randomPosts';document.getElementsByTagName('head')[0].appendChild(random_post);
//]]>
</script>

Pengaturan :

• Ganti var homePage: Dengan URL blog anda
• Ganti numPosts: Dengan Jumlah Artikel yg ingin ditampilkan

3. Terakhir Tinggal Simpan serta Lihat Hasilnya. Untuk Demonya silahkan lihat di Blog ini pada bab Footer.

Demikian Artikel Mengenai Cara Memasang Widget Artikel Random di Blog Responsive. Sekian Tutorial Blog yg sanggup aku bagikan serta Semoga Bermanfaat.

Tutorial Memasang Widget Artikel Terbaru Responsive Di Blog

Cara Pasang Recent Post/Artikel Terbaru di Blog Responsive,- Widget Recent Post atau Artikel Terbaru yaitu Sebuah Widget yg sanggup dipasang oleh pemilik Blog yg bermanfaat untuk memberitahukan kepada pengunjung mengenai artikel terbaru atau artikel yg gres di Update. Ada berbagai Blog diluar sana yg membagikan Cara Memasang Artikel Terbaru ini. serta Kali ini aku pun akan membagikannya.

Widget Recent Post atau Artikel Terbaru terdapat dua Jenis. yaitu yg pertama dengan memakai gambar atau Thumbnail serta yg kedua hanya judul saja. Kedua jenis Recent post ini sama saja, namun kalau anda menginginkan yg responsive atau fast Loading sanggup memakai yg judul saja. sebab tidak memakai gambar widget ini sangat responsive.

Dan Kali ini aku akan membagikan Cara menempatkan widget artikel terbaru memakai Judul saja. yg akan menciptakan Loading Blog tidak terlalu berat serta sangat responsive. untuk tutorialnya sanggup anda ikuti dibawah ini.

Cara Memasang Artikel Terbaru Responsive di Blog

1. Pertama Silahkan Masuk Dasboard - Tata Letak - Tambahkan Gadget serta Pilih Menu HTML/Java Script

2. Kemudian Silahkan Judul Widget Bisa Recent Post, Artikel Terbaru atau Terserah anda. Selanjutnya pada kolom bawah silahkan Isi dengan Kode CSS dibawah ini.

<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://blogespada.blogspot.com/",
numPosts = 7;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><strong><a href="'+link+'" title="Tutorial Memasang Widget Artikel Terbaru Responsive di Blog" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>

Pengaturan

• Ganti var homePage: Dengan URL Blog anda
• Ganti numPosts: Dengan Jumlah Artikel yg ingin ditampilkan

3. Terakhir Tinggal Simpan serta Lihat Hasilnya.

Baca: Cara Memasang Random Post Responsive di Blog

Demikian Artikel Mengenai Cara Pasang Artikel Terbaru Responsive di Blog, Sekian Tutorial Blog yg sanggup aku bagikan serta Semoga Bermanfaat.