Translate

Showing posts sorted by relevance for query edit. Sort by date Show all posts
Showing posts sorted by relevance for query edit. Sort by date Show all posts
hai sahabat mia Maryati


Modifikasi pada permainan GTA San Andreas bertujuan untuk menambah kepuasan sendiri dalam bermain permainan ini. Kita bisa menambahkan, mengedit, mengatur dan lain sebagainya. Bukankah bosan jika dalam memainkan permainan GTA San Andreas ini tidak ada sesuatu yang baru dan terasa biasa-biasa saja? Nah Modifikasi ini adalah salah satu tujuan dari perubahan dalam memainkan permainan ini. Kita bisa menambahkan misi-misi baru, mengedit/menambahkan kendaraan, mengatur tampilan GTA San Andreas agar lebih real dan nyata. modifikasi ini hanya bisa digunakan pada GTA San Andreas Versi Komputer, untuk mencobanya silahkan ikuti langkah-langkah berikut ini.

1. Pertama kita harus mempunyai tools untuk memasukan modifikasi ke dalam permainan GTA San Andreas.
Download toolsnya disini (Tools ini bernama "Spark" dan mudah digunakan menurut saya).
Download "Spark"

------------------------

2. Siapkan file modifikasi yang akan dimasukan ke GTA San Andreas (Silahkan cari web yang menyediakan download modifikasi GTA San Andreas).

3. Setelah tools spark dan modifikasinya sudah terdownload, buatlah sebuah folder untuk tempat meletakan tools dan modifikasinya agar tidak bingung nantinya saat memasukan modifikasi.


4. Extract terlebih dahulu tools Spark, buka folder spark


5. Jalankan file spark.exe


6. Klik File dan pilih open


7. Cari folder "Models" pada folder instalasi GTA San Andreas. Pilih gta3(untuk modifikasi berupa kendaraan) dan pilih open.


8. Pilih "Actions" dan pilih "Import"


9. Cari file modifikasi yang akan dimasukan ke dalam permainan GTA San Andreas (Biasanya file modifikasi memiliki format .txd dan .dff)


10. Setelah itu pilih menu file dan pilih save


Screenshot



Notes:
Jenis modifikasi itu sendiri ada banyak mulai dari modifikasi secara manual, Auto Instal, Cleo, ENB, modifikasi kendaraan dan pakaian. Jadi untuk modifikasi kendaraan dan pakaian kita cukup membuka file gta3.img untuk modifikasi kendaraan sedangkan player.img untuk pakaian. Jika ada yang ingin ditanyakan silahkan ditanyakan pada komentar. Semoga bermanfaat :)




CARA MEMASANG MOD (MODIFIKASI) GTA SAN ANDREAS + FULL TUTORIAL

hai sahabat mia Maryati


Modifikasi pada permainan GTA San Andreas bertujuan untuk menambah kepuasan sendiri dalam bermain permainan ini. Kita bisa menambahkan, mengedit, mengatur dan lain sebagainya. Bukankah bosan jika dalam memainkan permainan GTA San Andreas ini tidak ada sesuatu yang baru dan terasa biasa-biasa saja? Nah Modifikasi ini adalah salah satu tujuan dari perubahan dalam memainkan permainan ini. Kita bisa menambahkan misi-misi baru, mengedit/menambahkan kendaraan, mengatur tampilan GTA San Andreas agar lebih real dan nyata. modifikasi ini hanya bisa digunakan pada GTA San Andreas Versi Komputer, untuk mencobanya silahkan ikuti langkah-langkah berikut ini.

1. Pertama kita harus mempunyai tools untuk memasukan modifikasi ke dalam permainan GTA San Andreas.
Download toolsnya disini (Tools ini bernama "Spark" dan mudah digunakan menurut saya).
Download "Spark"

------------------------

2. Siapkan file modifikasi yang akan dimasukan ke GTA San Andreas (Silahkan cari web yang menyediakan download modifikasi GTA San Andreas).

3. Setelah tools spark dan modifikasinya sudah terdownload, buatlah sebuah folder untuk tempat meletakan tools dan modifikasinya agar tidak bingung nantinya saat memasukan modifikasi.


4. Extract terlebih dahulu tools Spark, buka folder spark


5. Jalankan file spark.exe


6. Klik File dan pilih open


7. Cari folder "Models" pada folder instalasi GTA San Andreas. Pilih gta3(untuk modifikasi berupa kendaraan) dan pilih open.


8. Pilih "Actions" dan pilih "Import"


9. Cari file modifikasi yang akan dimasukan ke dalam permainan GTA San Andreas (Biasanya file modifikasi memiliki format .txd dan .dff)


10. Setelah itu pilih menu file dan pilih save


Screenshot



Notes:
Jenis modifikasi itu sendiri ada banyak mulai dari modifikasi secara manual, Auto Instal, Cleo, ENB, modifikasi kendaraan dan pakaian. Jadi untuk modifikasi kendaraan dan pakaian kita cukup membuka file gta3.img untuk modifikasi kendaraan sedangkan player.img untuk pakaian. Jika ada yang ingin ditanyakan silahkan ditanyakan pada komentar. Semoga bermanfaat :)





Alexa traffic widget adalah widget yang sangat bagus dipasang di blog karena dengan widget itu kita bisa melihat traffic rank dari blog kita widget yang kecil dan imut membutuhkan keterampilan khusus kalian hanya copy Program HTML dan letak kan atau paste kan di blog kalian semua

Sebelum saya memberikan tutorial sebaiknya saya jelaskan dahulu jenis Alexa Traffic Widget:
Terdapat tiga jenis Alexa Traffic Widgets yaitu :

  • ☺Alexa Site Stats Button : Widget ini menampilkan Logo transparant Alexa, Traffic Rank dan Links in. Ada tiga bentuk widget ini, ada yang bentuk vertikal, ada yang berbentuk Horizontal dan ada yang memiliki bentuk sederhana.
  • ☺Alexa Traffic Rank Button : Widget ini sama dengan widget yang saya jelaskan sebelumnya, cuman letak bedanya widget ini hanya memiliki satu bentuk yaitu bentuk yang sederhana. Yang saya sering temukan di beberapa blog selama ini adalah widget Alexa Traffic Rank Button.
  • ☺Alexa Traffic Graph : Widget ini menampilkan daily reach menggunakan hitungan persentase yang digambarkan dalam bentuk grafik.
Nah sekarang saya akan langsung saja berikan widget Alexa untuk dipasang di blog anda sehingga anda bisa memantau peringka blog yang diperbarui oleh alexa.

Untuk memasang widget alexa ini sangat lah mudah tinggal menyalin script lalu meng edit sedikit dan pasang di blog kamu SCRIPT yang digunakan beserta contohnya:



<a href="http://www.alexa.com/siteinfo/miablog.web.id"><script src="http://xslt.alexa.com/site_stats/js/s/a?url=miablog.web.id" type="text/javascript"></script></a>


<a href="http://www.alexa.com/siteinfo/miablog.web.id"><script src="http://xslt.alexa.com/site_stats/js/s/c?url=miablog.web.id" type="text/javascript"></script></a>


<a href="http://www.alexa.com/siteinfo/miablog.web.id"><script src="http://xslt.alexa.com/site_stats/js/s/b?url=miablog.web.id" type="text/javascript"></script></a>

Keterangan :
- Ganti kode miablog.web.id dengan url blog Anda.

Tutorial
  Tagg Label
SoFtwareTips dan Trik

Cara Memasang Widget Alexa terbaru 2017


Alexa traffic widget adalah widget yang sangat bagus dipasang di blog karena dengan widget itu kita bisa melihat traffic rank dari blog kita widget yang kecil dan imut membutuhkan keterampilan khusus kalian hanya copy Program HTML dan letak kan atau paste kan di blog kalian semua

Sebelum saya memberikan tutorial sebaiknya saya jelaskan dahulu jenis Alexa Traffic Widget:
Terdapat tiga jenis Alexa Traffic Widgets yaitu :

  • ☺Alexa Site Stats Button : Widget ini menampilkan Logo transparant Alexa, Traffic Rank dan Links in. Ada tiga bentuk widget ini, ada yang bentuk vertikal, ada yang berbentuk Horizontal dan ada yang memiliki bentuk sederhana.
  • ☺Alexa Traffic Rank Button : Widget ini sama dengan widget yang saya jelaskan sebelumnya, cuman letak bedanya widget ini hanya memiliki satu bentuk yaitu bentuk yang sederhana. Yang saya sering temukan di beberapa blog selama ini adalah widget Alexa Traffic Rank Button.
  • ☺Alexa Traffic Graph : Widget ini menampilkan daily reach menggunakan hitungan persentase yang digambarkan dalam bentuk grafik.
Nah sekarang saya akan langsung saja berikan widget Alexa untuk dipasang di blog anda sehingga anda bisa memantau peringka blog yang diperbarui oleh alexa.

Untuk memasang widget alexa ini sangat lah mudah tinggal menyalin script lalu meng edit sedikit dan pasang di blog kamu SCRIPT yang digunakan beserta contohnya:



<a href="http://www.alexa.com/siteinfo/miablog.web.id"><script src="http://xslt.alexa.com/site_stats/js/s/a?url=miablog.web.id" type="text/javascript"></script></a>


<a href="http://www.alexa.com/siteinfo/miablog.web.id"><script src="http://xslt.alexa.com/site_stats/js/s/c?url=miablog.web.id" type="text/javascript"></script></a>


<a href="http://www.alexa.com/siteinfo/miablog.web.id"><script src="http://xslt.alexa.com/site_stats/js/s/b?url=miablog.web.id" type="text/javascript"></script></a>

Keterangan :
- Ganti kode miablog.web.id dengan url blog Anda.

Tutorial
  Tagg Label
SoFtwareTips dan Trik
hai sahabat mia Maryati

Hi friends,, this time we will inform friend about the so-called InfoLink can be mounted on the blog friends ......
  Usually often call with the abbreviation "IL" IL = Infolinks,

oh yes, for those of you who until now difficult to obtain a code that can be attached infolink, here are tips on how to register and how ads infolink infolink.

and [there is essentially the info link is similar to the way that is required to register adsense blog articles you have to use English or English Article advance






How to Apply infolinks

Create an English-language blog, bertama of culinary, kids, finance, sports, lifestyle, business, manga, news sites, short stories. health, sports, computer, automotive, education, recreation, entertainment or klo not have, just translate your blog posts into English, and paste in a new blog.


Go to site infolinks
  http://www.infolinks.com


click on Join us now!




How to Register Info Link:




  1. Website URL: browse your blog address English
  2. Website language: English aja (I do not know this already support indo or not)
  3. Salutation & first name: first name
  4. Last name: Your last name
  5. Email: Your email
  6. Password: password may be different from the same email .. but it should be remembered well jangn forget
  7. Password confirmation: re-enter the password above
  8. Comments: kosongin ajah
  9. Read approval (if you want to reply not want lanjuut !!)
  10. Tick all options
  11. Verification with the inscription underneath contents
  12. Continue



After that you will be taken to another page where there is a script continues infolinks put COPY SCRIPT IN THE BLOG YOUR ENGLISH.




How to Advertise Infolink:




1. Log in to blogger »login» Dashboard »Draft» Edit HTML
2. Find </ body>
3. Place the script from last infolinks above </ body>.


Then how, why the ad is not appearing? please wait until there will be a notice of Info Link. Normally it will take 2-3 days.


If you've got a letter from the info link please login to your account. and grab the code and post it in the blog Indonesian.


For payment methods infolinks provide alternative Byk, tp which palinng kang salman like is supporting via Paypal


PO minimum is $ 50, but do not worry, it's not the number that is difficult to achieve, given the price of one-click ads alone range between $ 0.05 s / d 1.12 or even more than the value of clicks depending on what keywords visitors clicked.





How to register Infolink

hai sahabat mia Maryati

Hi friends,, this time we will inform friend about the so-called InfoLink can be mounted on the blog friends ......
  Usually often call with the abbreviation "IL" IL = Infolinks,

oh yes, for those of you who until now difficult to obtain a code that can be attached infolink, here are tips on how to register and how ads infolink infolink.

and [there is essentially the info link is similar to the way that is required to register adsense blog articles you have to use English or English Article advance






How to Apply infolinks

Create an English-language blog, bertama of culinary, kids, finance, sports, lifestyle, business, manga, news sites, short stories. health, sports, computer, automotive, education, recreation, entertainment or klo not have, just translate your blog posts into English, and paste in a new blog.


Go to site infolinks
  http://www.infolinks.com


click on Join us now!




How to Register Info Link:




  1. Website URL: browse your blog address English
  2. Website language: English aja (I do not know this already support indo or not)
  3. Salutation & first name: first name
  4. Last name: Your last name
  5. Email: Your email
  6. Password: password may be different from the same email .. but it should be remembered well jangn forget
  7. Password confirmation: re-enter the password above
  8. Comments: kosongin ajah
  9. Read approval (if you want to reply not want lanjuut !!)
  10. Tick all options
  11. Verification with the inscription underneath contents
  12. Continue



After that you will be taken to another page where there is a script continues infolinks put COPY SCRIPT IN THE BLOG YOUR ENGLISH.




How to Advertise Infolink:




1. Log in to blogger »login» Dashboard »Draft» Edit HTML
2. Find </ body>
3. Place the script from last infolinks above </ body>.


Then how, why the ad is not appearing? please wait until there will be a notice of Info Link. Normally it will take 2-3 days.


If you've got a letter from the info link please login to your account. and grab the code and post it in the blog Indonesian.


For payment methods infolinks provide alternative Byk, tp which palinng kang salman like is supporting via Paypal


PO minimum is $ 50, but do not worry, it's not the number that is difficult to achieve, given the price of one-click ads alone range between $ 0.05 s / d 1.12 or even more than the value of clicks depending on what keywords visitors clicked.





hai sahabat mia Maryati
kali ini saya akan share informasi  agar Web/Blog Sobat semua menjadi Populer
kalo baik web/blog kita dimata si Mbah Google tentunya tidak lah sulit mendapat pengunjung dari Berbagai penjuru, ,nah kalo visitor banyak tentu urusannya dengan uang,, jadi intinya kalo web/blog kita mau menghasilkan uang caranya emang harus bertahap, dan mungkin ini salah satu tahap yang sobat mesti lewati.
http://rumpibanget.blogspot.com/
Lalu tips apa yang akan dibagi disini? ya mungkin tidak asing lagi yah bagi kalian yang emang udah berkemelut dengan dunia blogging dan SEO, tipsnya adalah Langkah-langkah Menanam Backlink di Facebook untuk Mendongkrak Popularitas Web/Blog, tapi ingat ini bukan untuk mendatangkan visitor tapi hanya upaya membuat web/blog sobat menjadi lebih populer saja, seperti yang sudah dijelaskan diatas. kalo gitu langsung ajah baca langkah-langkahnya yuk.

Langkah-langkah Menanam Backlink di Facebook

1. Masuk/login ke akun Facebook anda Disini

2. Lalu silahkan Klik Linknya Disini
http://rumpibanget.blogspot.com/
3. Masuk ke Halaman Fanpage, klik Lainnya, pilih Welcome, Selanjutnya pilih Edit Tab 
http://rumpibanget.blogspot.com/
4. Hapus index html 

5. Copy Paste link berikut <a title=”check out” href=”http://kecamatandankota.blogspot.com” target=”_blank” rel=”dofollow”>informasi tekhnologi</a>
Pemilihan rel="dofollow" untuk memberikan perintah terhadap mesin pencarian agar menelusuri dan mengikuti link-link yang di index oleh google
http://rumpibanget.blogspot.com/

6. Silakan ganti tulisan tebal berwarna merah diatas dengan link url dan nama website anda 

7. Silakan pilih Preview, untuk meninjau apakah hasil sesuai dengan yang diinginkan. nanti akan muncul nama website
http://rumpibanget.blogspot.com/
8. Jika nama website anda telah muncul , silakan klik Nama Website untuk menguji apakah ngelink dengan website sobat yang dimasukkan dalam kode HTML tersebut apa tidak.
http://rumpibanget.blogspot.com/
9. Jika nama website di klik dan muncul website anda berarti sudah berhasil menanam backlink di facebook

Gimanah sobat. mudah kan menanam backlink di facebook? tinggal ikuti  Langkah-langkah Menanam Backlink di Facebook untuk Mendongkrak Popularitas Web/Blog, selesai deh, tinggal menunggu web/blog anda terindex oleh google. teman-teman bisa juga mencoba menanam backlink di Google Drive dan Mozilla Firefox

Langkah-langkah Menanam Backlink di Facebook untuk Mendongkrak Popularitas Web/Blog

hai sahabat mia Maryati
kali ini saya akan share informasi  agar Web/Blog Sobat semua menjadi Populer
kalo baik web/blog kita dimata si Mbah Google tentunya tidak lah sulit mendapat pengunjung dari Berbagai penjuru, ,nah kalo visitor banyak tentu urusannya dengan uang,, jadi intinya kalo web/blog kita mau menghasilkan uang caranya emang harus bertahap, dan mungkin ini salah satu tahap yang sobat mesti lewati.
http://rumpibanget.blogspot.com/
Lalu tips apa yang akan dibagi disini? ya mungkin tidak asing lagi yah bagi kalian yang emang udah berkemelut dengan dunia blogging dan SEO, tipsnya adalah Langkah-langkah Menanam Backlink di Facebook untuk Mendongkrak Popularitas Web/Blog, tapi ingat ini bukan untuk mendatangkan visitor tapi hanya upaya membuat web/blog sobat menjadi lebih populer saja, seperti yang sudah dijelaskan diatas. kalo gitu langsung ajah baca langkah-langkahnya yuk.

Langkah-langkah Menanam Backlink di Facebook

1. Masuk/login ke akun Facebook anda Disini

2. Lalu silahkan Klik Linknya Disini
http://rumpibanget.blogspot.com/
3. Masuk ke Halaman Fanpage, klik Lainnya, pilih Welcome, Selanjutnya pilih Edit Tab 
http://rumpibanget.blogspot.com/
4. Hapus index html 

5. Copy Paste link berikut <a title=”check out” href=”http://kecamatandankota.blogspot.com” target=”_blank” rel=”dofollow”>informasi tekhnologi</a>
Pemilihan rel="dofollow" untuk memberikan perintah terhadap mesin pencarian agar menelusuri dan mengikuti link-link yang di index oleh google
http://rumpibanget.blogspot.com/

6. Silakan ganti tulisan tebal berwarna merah diatas dengan link url dan nama website anda 

7. Silakan pilih Preview, untuk meninjau apakah hasil sesuai dengan yang diinginkan. nanti akan muncul nama website
http://rumpibanget.blogspot.com/
8. Jika nama website anda telah muncul , silakan klik Nama Website untuk menguji apakah ngelink dengan website sobat yang dimasukkan dalam kode HTML tersebut apa tidak.
http://rumpibanget.blogspot.com/
9. Jika nama website di klik dan muncul website anda berarti sudah berhasil menanam backlink di facebook

Gimanah sobat. mudah kan menanam backlink di facebook? tinggal ikuti  Langkah-langkah Menanam Backlink di Facebook untuk Mendongkrak Popularitas Web/Blog, selesai deh, tinggal menunggu web/blog anda terindex oleh google. teman-teman bisa juga mencoba menanam backlink di Google Drive dan Mozilla Firefox

hai sahabat kali ini mia Maryati akan meberikan informasi :
Cara Membuat Kotak Komentar Facebook Di Blogger :

1. Login ke Blogger Home kalian.
2. Pilih Menu Dropdown » Template » Edit HTML
3. Setelah itu Cari Kode ]]></b:skin>
4. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas Kode ]]></b:skin>


.comments-page {
background-color: #ffffff;
}
#blogger-comments-page {
padding: 0px 5px;
display: none;
}
.comments-tab {
float: left;
padding: 5px;
margin-right: 3px;
cursor: pointer;
background-color: #dddddd;
}
.comments-tab-icon {
height: 14px;
width: auto;
margin-right: 3px;
}
.comments-tab:hover {
background-color: #eeeeee;
}
.inactive-select-tab{
background-color: #d1d1d1;
}

5. Setelah itu Cari Kode </head>
6. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas Kode </head>


<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<meta content='ViperGoy.Blog' property='fb:admins'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script type='text/javascript'>
function commentToggle(selectTab)
{$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comments-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();}
</script>

7. Kemudian Ganti Tulisan ViperGoy.Blog dengan ID Facebook anda.
8. Setelah itu Cari Kode <div class='comments' id='comments'>
9. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas Kode <div class='comments' id='comments'>


<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
    <img class='comments-tab-icon' src='http://3.bp.blogspot.com/-WZ3HXEOuQK8/UeevfzaA7gI/AAAAAAAAA_s/xSccVvuGQNw/s1600/facebook+comments+vipergoy.png'/>
    <fb:comments-count expr:href='data:post.url'/> Comments
    </div>
    <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
    </div><div class='clear'/>
    <div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
     <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
<i><a href='http://kecamatandankota.blogspot.com/2015/08/membuat-komentar-facebook-di-blogger.html' style='color:#aaaaaa;text-align: right;' target='_blank' title='Buatlah Komentar Faceboookmu Sekarang Juga'>Facebook</a></i>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>
 </div>

10. Setelah itu " Save / Simpan Template "

Membuat Komentar Facebook Di Blogger

hai sahabat kali ini mia Maryati akan meberikan informasi :
Cara Membuat Kotak Komentar Facebook Di Blogger :

1. Login ke Blogger Home kalian.
2. Pilih Menu Dropdown » Template » Edit HTML
3. Setelah itu Cari Kode ]]></b:skin>
4. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas Kode ]]></b:skin>


.comments-page {
background-color: #ffffff;
}
#blogger-comments-page {
padding: 0px 5px;
display: none;
}
.comments-tab {
float: left;
padding: 5px;
margin-right: 3px;
cursor: pointer;
background-color: #dddddd;
}
.comments-tab-icon {
height: 14px;
width: auto;
margin-right: 3px;
}
.comments-tab:hover {
background-color: #eeeeee;
}
.inactive-select-tab{
background-color: #d1d1d1;
}

5. Setelah itu Cari Kode </head>
6. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas Kode </head>


<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<meta content='ViperGoy.Blog' property='fb:admins'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script type='text/javascript'>
function commentToggle(selectTab)
{$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comments-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();}
</script>

7. Kemudian Ganti Tulisan ViperGoy.Blog dengan ID Facebook anda.
8. Setelah itu Cari Kode <div class='comments' id='comments'>
9. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas Kode <div class='comments' id='comments'>


<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
    <img class='comments-tab-icon' src='http://3.bp.blogspot.com/-WZ3HXEOuQK8/UeevfzaA7gI/AAAAAAAAA_s/xSccVvuGQNw/s1600/facebook+comments+vipergoy.png'/>
    <fb:comments-count expr:href='data:post.url'/> Comments
    </div>
    <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
    </div><div class='clear'/>
    <div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
     <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
<i><a href='http://kecamatandankota.blogspot.com/2015/08/membuat-komentar-facebook-di-blogger.html' style='color:#aaaaaa;text-align: right;' target='_blank' title='Buatlah Komentar Faceboookmu Sekarang Juga'>Facebook</a></i>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>
 </div>

10. Setelah itu " Save / Simpan Template "

sumber copas dari cakepblog
katanya ada sahabat mia Maryati . Dia minta saran agar traffik blognya meningkat. Setelah tante perhatikan dengan cermat, ternyata blognya memiliki sumber lalu lintas paling tinggi dari sosial media. Tentu saja traffik blog tidak dapat meningkat bila sumber utamanya bukan dari google. Oleh karena itu, saya membuat artikel ini agar sobat yang memiliki kasus serupa bisa mendapatkan pencerahan. Caranya sangat mudah, sobat cukup mengindex blog sobat di google. Bila ingin mengetahui caranya, silahkan ikuti tutorial berikut.

1. Mengaktifkan robots.txt khusus pada blog Anda.
Caranya :
a. Silahkan login ke blog sobat terlebih dahulu.
b. Masuk ke Setelan > Prefererensi Penelusuran > robots.txt khusus.
c. Silahkan klik edit dan masukkan sitemap berikut
User-agent: *
Disallow: /search
Disallow: /undefined
Disallow: /*archive
Disallow: /p/
Allow: /

Sitemap: http://kecamatancipedeskota.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
Sitemap: http://kecamatancipedeskota.blogspot.com/feeds/posts/default?orderby=UPDATED
Sitemap: http://kecamatancipedeskota.blogspot.com/sitemap.xml
Keterangan : Silahkan ganti semua url blog saya dengan url blog sobat.
d. Jika sudah klik Ya pada pertanyaan "Aktifkan konten robots.txt khusus?", berikut penampakannya.
Cara mengaktifkan robots.txt khusus pada blog
e. Klik save.
Setelah sobat selesai, silahkan mengunjungi google webmasters tools atau langsung ke link ini
jika sudah, pilih Perayapan > Penguji robots.txt , lalu masukkan sitemap yang sebelumnya Anda masukkan di robots.txt khusus pada blog Anda lalu klik kirim. Berikut penampakannya.

2. Membuat Sitemap di Google Webmaster Tools
Caranya :
a. Sebelum membuat sitemap, Anda harus sudah memasang meta tag verifikasi google.
b. Kunjungi google webmasters tool atau kunjungi link ini https://www.google.com/webmasters/tools/home.
c. Klik blog sobat yang ingin di tambahkan sitemap.
d. Silahkan Pilih Perayapan > Peta Situs.
e. Jika sudah, klik Tambahkan/Uji Peta Situs. lalu masukkan sitemap berikut.
/atom.xml?redirect=false&start-index=1&max-results=500
atau
/feeds/posts/default?redirect=false
f. Jika sudah dimasukkan klik "Mengirim Peta Situs". Agar lebih paham, lihat penampakan berikut.
Cara Membuat Sitemap di Google Webmaster Tools
e. Sekarang Anda tinggal menunggu sampai google membuatkan sitemap untuk blog Anda. Paling lama sebulan agar semua link terindex.
Saran saya, bila sudah membuat sitemap atau peta situs, sebaiknya selalu lakukan "Kirim Kembali" peta situs blog sobat. Minimal seminggu sekali agar artikel baru yang sudah Anda buat dapat masuk ke Sitemap Google.

3. Melakukan Submit Artikel Di Googel Webmaster Tools
Caranya :
a. Copy url dari artikel sobat.
b. Silahkan menuju https://www.google.com/webmasters/tools/submit-url .
c. Masukkan url artikel sobat pada kotak yang telah disediakan.
d. Isi Captcha lalu klik kirim permintaan. Berikut penampakannya agar Anda lebih mengerti.
Cara Submit Artikel Di Googel Webmaster Tools
Saran saya agar selalu submit artikel sobat setelah mempostingnya, agar lebih cepat terindex google.

Sekian Artikel berjudul Tips Mudah Agar Blog Cepat Terindex Google. Semoga bisa berguna bagi Anda terutama para blogger newbie. Terima kasih banyak.

Tips Mudah Agar Blog Cepat Terindex Google

sumber copas dari cakepblog
katanya ada sahabat mia Maryati . Dia minta saran agar traffik blognya meningkat. Setelah tante perhatikan dengan cermat, ternyata blognya memiliki sumber lalu lintas paling tinggi dari sosial media. Tentu saja traffik blog tidak dapat meningkat bila sumber utamanya bukan dari google. Oleh karena itu, saya membuat artikel ini agar sobat yang memiliki kasus serupa bisa mendapatkan pencerahan. Caranya sangat mudah, sobat cukup mengindex blog sobat di google. Bila ingin mengetahui caranya, silahkan ikuti tutorial berikut.

1. Mengaktifkan robots.txt khusus pada blog Anda.
Caranya :
a. Silahkan login ke blog sobat terlebih dahulu.
b. Masuk ke Setelan > Prefererensi Penelusuran > robots.txt khusus.
c. Silahkan klik edit dan masukkan sitemap berikut
User-agent: *
Disallow: /search
Disallow: /undefined
Disallow: /*archive
Disallow: /p/
Allow: /

Sitemap: http://kecamatancipedeskota.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
Sitemap: http://kecamatancipedeskota.blogspot.com/feeds/posts/default?orderby=UPDATED
Sitemap: http://kecamatancipedeskota.blogspot.com/sitemap.xml
Keterangan : Silahkan ganti semua url blog saya dengan url blog sobat.
d. Jika sudah klik Ya pada pertanyaan "Aktifkan konten robots.txt khusus?", berikut penampakannya.
Cara mengaktifkan robots.txt khusus pada blog
e. Klik save.
Setelah sobat selesai, silahkan mengunjungi google webmasters tools atau langsung ke link ini
jika sudah, pilih Perayapan > Penguji robots.txt , lalu masukkan sitemap yang sebelumnya Anda masukkan di robots.txt khusus pada blog Anda lalu klik kirim. Berikut penampakannya.

2. Membuat Sitemap di Google Webmaster Tools
Caranya :
a. Sebelum membuat sitemap, Anda harus sudah memasang meta tag verifikasi google.
b. Kunjungi google webmasters tool atau kunjungi link ini https://www.google.com/webmasters/tools/home.
c. Klik blog sobat yang ingin di tambahkan sitemap.
d. Silahkan Pilih Perayapan > Peta Situs.
e. Jika sudah, klik Tambahkan/Uji Peta Situs. lalu masukkan sitemap berikut.
/atom.xml?redirect=false&start-index=1&max-results=500
atau
/feeds/posts/default?redirect=false
f. Jika sudah dimasukkan klik "Mengirim Peta Situs". Agar lebih paham, lihat penampakan berikut.
Cara Membuat Sitemap di Google Webmaster Tools
e. Sekarang Anda tinggal menunggu sampai google membuatkan sitemap untuk blog Anda. Paling lama sebulan agar semua link terindex.
Saran saya, bila sudah membuat sitemap atau peta situs, sebaiknya selalu lakukan "Kirim Kembali" peta situs blog sobat. Minimal seminggu sekali agar artikel baru yang sudah Anda buat dapat masuk ke Sitemap Google.

3. Melakukan Submit Artikel Di Googel Webmaster Tools
Caranya :
a. Copy url dari artikel sobat.
b. Silahkan menuju https://www.google.com/webmasters/tools/submit-url .
c. Masukkan url artikel sobat pada kotak yang telah disediakan.
d. Isi Captcha lalu klik kirim permintaan. Berikut penampakannya agar Anda lebih mengerti.
Cara Submit Artikel Di Googel Webmaster Tools
Saran saya agar selalu submit artikel sobat setelah mempostingnya, agar lebih cepat terindex google.

Sekian Artikel berjudul Tips Mudah Agar Blog Cepat Terindex Google. Semoga bisa berguna bagi Anda terutama para blogger newbie. Terima kasih banyak.


Layaknya sebuah blog yang ingin terlihat profesional, harus juga menampilkan yang sederhana tetapi bisa memudahkan penelusuran. Menu navigasi yang mudah bisa membuat pembaca blog merasa nyaman. Untuk itu blog juga menampilkan recent post atau link tulisan-tulisan terbaru kita di blog.

Blog yang bagus adalah tulisan atau postingan dikategorikan dengan rapi. Jika di blogspot kita menggunakan fitur label untuk mengaktegorikan jenis tulisan yang memiliki kesamaan. Misalnya saja kalau di blog ini ada, tutorial blog, tips ngeblog, widget dan sebagainya.

Untuk menyajikan lebih banyak menu dan pilihan, kita bisa membuat atau memasang widget recent post yang di tampilkan berdasarkan kategori atau recent post per label. Dengan pilihan menu bisa jadi pembaca akan banyak mengklik postingan-postingan terbaru yang tertata rapi sesuai dengan labelnya.

Cara Membuat Recent Post Per Label
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Masukkan kode css berikut di atas kode ]]></b:skin>

img.label_thumb{float:left; padding:5px; border:1px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:55px; width:55px}img.label_thumb:hover{background:#f7f6f6}.label_with_thumbs{float:left; width:100%; min-height:70px; margin:0px 10px 2px 0px; adding:0}ul.label_with_thumbs li{padding:8px 0; min-height:65px; margin-bottom:10px}.label_with_thumbs a{}.label_with_thumbs strong{}

5. Lalu cari kode </head> dan letakkan kode di bawah ini tepat di atas:

<script src='http://adablogku.googlecode.com/files/lebelgambar.js' type='text/javascript'/>

6. Simpan Template jika sudah selesai.

Langkah-langkah di atas adalah untuk mengkostumisasi template. Jika sudah selesai kita ke langkah berikutnya untuk menambahkan recent post per label, yaitu:

7. Pilih Tata Letak lalu tambahkan Tambah Gadget > HTML/Javascript
8. Kemudian masukan kode berikut ini:

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>


<script type="text/javascript" src="/feeds/posts/default/-/NAMALABEL?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

9. Kita dapat menkostumisasi tampilan dengan mengubah kode yang berwarna merah. Dan ganti teks yang berwarna hijau dengan nama lebel yang akan ditampilkan. Simpan jika sudah selesai.
dari : http://kecamatancipedeskota.blogspot.com/2015/07/membuat-recent-post-per-label.html

Membuat Recent Post Per Label


Layaknya sebuah blog yang ingin terlihat profesional, harus juga menampilkan yang sederhana tetapi bisa memudahkan penelusuran. Menu navigasi yang mudah bisa membuat pembaca blog merasa nyaman. Untuk itu blog juga menampilkan recent post atau link tulisan-tulisan terbaru kita di blog.

Blog yang bagus adalah tulisan atau postingan dikategorikan dengan rapi. Jika di blogspot kita menggunakan fitur label untuk mengaktegorikan jenis tulisan yang memiliki kesamaan. Misalnya saja kalau di blog ini ada, tutorial blog, tips ngeblog, widget dan sebagainya.

Untuk menyajikan lebih banyak menu dan pilihan, kita bisa membuat atau memasang widget recent post yang di tampilkan berdasarkan kategori atau recent post per label. Dengan pilihan menu bisa jadi pembaca akan banyak mengklik postingan-postingan terbaru yang tertata rapi sesuai dengan labelnya.

Cara Membuat Recent Post Per Label
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Masukkan kode css berikut di atas kode ]]></b:skin>

img.label_thumb{float:left; padding:5px; border:1px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:55px; width:55px}img.label_thumb:hover{background:#f7f6f6}.label_with_thumbs{float:left; width:100%; min-height:70px; margin:0px 10px 2px 0px; adding:0}ul.label_with_thumbs li{padding:8px 0; min-height:65px; margin-bottom:10px}.label_with_thumbs a{}.label_with_thumbs strong{}

5. Lalu cari kode </head> dan letakkan kode di bawah ini tepat di atas:

<script src='http://adablogku.googlecode.com/files/lebelgambar.js' type='text/javascript'/>

6. Simpan Template jika sudah selesai.

Langkah-langkah di atas adalah untuk mengkostumisasi template. Jika sudah selesai kita ke langkah berikutnya untuk menambahkan recent post per label, yaitu:

7. Pilih Tata Letak lalu tambahkan Tambah Gadget > HTML/Javascript
8. Kemudian masukan kode berikut ini:

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>


<script type="text/javascript" src="/feeds/posts/default/-/NAMALABEL?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

9. Kita dapat menkostumisasi tampilan dengan mengubah kode yang berwarna merah. Dan ganti teks yang berwarna hijau dengan nama lebel yang akan ditampilkan. Simpan jika sudah selesai.
dari : http://kecamatancipedeskota.blogspot.com/2015/07/membuat-recent-post-per-label.html
Seperti kita ketahui bahwa template default yang disediakan Blogger belum responsive, template bawaan Blogger masih menggunakan versi mobile untuk device-device kecil. Sedangkan Google sendiri yang notabene merupakan si empunya Blogger menganjurkan untuk menggunakan template yang responsive.

Nah bagi Anda yang menggunakan template default Blogger, saya kini akan share cara mudah membuat responsive template default Blogger. Hanya perlu beberapa langkah mudah yang saya yakin Anda bisa melakukannya. Silahkan ikuti langkah-langkahnya di bawah ini.

Langkah Pertama

Nonaktifkan navbar Blogger, silahkan masuk ke layout atau tata letak kemudian edit gadget Navbar. Pilih option OFF untuk menonaktifkan navbar.

Langkah Kedua

Membuat gambar postingan menjadi reponsive. Silahkan cari kode di bawah ini.


.post-body img, .post-body .tr-caption-container {

  padding: $(image.border.large.size);

}

Kemudian silahkan ganti kode di atas dengan kode di bawah ini


.post-body img, .post-body .tr-caption-container {

padding: 0;

width:auto;

max-width:100%;

height:auto;

}

Langkah Ketiga

Silahkan cari kode di bawah ini


    <b:if cond='data:blog.isMobile'>

      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>

    <b:else/>

      <meta content='width=1100' name='viewport'/>

    </b:if>


Kemudian ganti dengan kode di bawah ini


<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>

Langkah Keempat

Silahkan simpan kode di bawah ini di atas kode </head>


<style type='text/css'>

@media screen and (max-width:1024px){

body,.content-outer, .content-fauxcolumn-outer, .region-inner {width: 100%!important;min-width:100%!important;padding:0!important}

body .navbar {height: 0!important;}

.footer-inner {padding: 30px 0px!important;}

}



@media screen and (max-width: 603px){

.main-inner .columns {padding-right: 0!important;}

.main-inner .column-right-outer {width: 100%!important;margin-right: 0!important;}

}

</style>

Selesai...sekarang template default Blogger yang Anda gunakan sudah responsive, mudah bukan?

Untuk membuktikannya, saya sudah coba pada dua blog dengan template default Blogger yang berbeda. Silahkan coba dan lihat pada ke dua link di bawah ini.

dari : http://www.kompiajaib.com/
Cara Mudah Membuat Responsive Template Default Blogger

Cara Mudah Membuat Responsive Template Default Blogger

Seperti kita ketahui bahwa template default yang disediakan Blogger belum responsive, template bawaan Blogger masih menggunakan versi mobile untuk device-device kecil. Sedangkan Google sendiri yang notabene merupakan si empunya Blogger menganjurkan untuk menggunakan template yang responsive.

Nah bagi Anda yang menggunakan template default Blogger, saya kini akan share cara mudah membuat responsive template default Blogger. Hanya perlu beberapa langkah mudah yang saya yakin Anda bisa melakukannya. Silahkan ikuti langkah-langkahnya di bawah ini.

Langkah Pertama

Nonaktifkan navbar Blogger, silahkan masuk ke layout atau tata letak kemudian edit gadget Navbar. Pilih option OFF untuk menonaktifkan navbar.

Langkah Kedua

Membuat gambar postingan menjadi reponsive. Silahkan cari kode di bawah ini.


.post-body img, .post-body .tr-caption-container {

  padding: $(image.border.large.size);

}

Kemudian silahkan ganti kode di atas dengan kode di bawah ini


.post-body img, .post-body .tr-caption-container {

padding: 0;

width:auto;

max-width:100%;

height:auto;

}

Langkah Ketiga

Silahkan cari kode di bawah ini


    <b:if cond='data:blog.isMobile'>

      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>

    <b:else/>

      <meta content='width=1100' name='viewport'/>

    </b:if>


Kemudian ganti dengan kode di bawah ini


<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>

Langkah Keempat

Silahkan simpan kode di bawah ini di atas kode </head>


<style type='text/css'>

@media screen and (max-width:1024px){

body,.content-outer, .content-fauxcolumn-outer, .region-inner {width: 100%!important;min-width:100%!important;padding:0!important}

body .navbar {height: 0!important;}

.footer-inner {padding: 30px 0px!important;}

}



@media screen and (max-width: 603px){

.main-inner .columns {padding-right: 0!important;}

.main-inner .column-right-outer {width: 100%!important;margin-right: 0!important;}

}

</style>

Selesai...sekarang template default Blogger yang Anda gunakan sudah responsive, mudah bukan?

Untuk membuktikannya, saya sudah coba pada dua blog dengan template default Blogger yang berbeda. Silahkan coba dan lihat pada ke dua link di bawah ini.

dari : http://www.kompiajaib.com/
Membuat Responsive Facebook Video Di Blog
Ternyata untuk menyimpan embed video dari Facebook tidak hanya copy paste kode embed video facebook, namun harus diedit lagi terlebih dahulu, jika tidak maka videonya tidak akan tampil.

Dan kebetulan, video dari Facebook tersebut tidak responsive sehingga kurang bagus jika di simpan di blog yang menggunakan template responsive. Untuk itu kini selain sharing cara menyimpan embed video Facebook, juga cara membuat video Facebook menjadi responive.

Yang ingin mencoba menyimpan video responsive dari Facebook untuk disimpan di postingan blog, silahkan ikuti langkahnya di bawah ini.

Langkah Pertama


Untuk mengambil kode embed video dari Facebook silahkan lihat pada gambar animasi gif di bawah ini.

Responsive Facebook Video Di Blog

Dan kode embed yang didapat akan tampak seperti di bawah ini.


<div id="fb-root"></div><script>(function(d, s, id) {  var js, fjs = d.getElementsByTagName(s)[0];  if (d.getElementById(id)) return;  js = d.createElement(s); js.id = id;  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-video" data-allowfullscreen="1" data-href="/FacebookIndonesia/videos/vb.249443538526027/568758073261237/?type=1"><div class="fb-xfbml-parse-ignore"><blockquote cite="/FacebookIndonesia/videos/568758073261237/"><a href="/FacebookIndonesia/videos/568758073261237/"></a><p>Hari ini adalah Safer Internet Day- sebuah hari yang didedikasikan untuk menginformasikan ke masyarakat cara aman dalam menggunakan internet dan teknologi mobile. Sebagai bagian dari perayaan global, Facebook bermitra dengan organisasi keamanan berinternet untuk menunjukkan sejumlah cara agar banyak pihak bisa bersama-sama membangun internet yang aman. Untuk tahu lebih lanjut, lihat video dari Sheryl Sandberg, Chief Operating Officer.</p>Posted by <a href="https://www.facebook.com/FacebookIndonesia">Facebook</a> on Monday, February 9, 2015</blockquote></div></div>

Langkah Kedua


Dari kode embed yang didapat dari langkah pertama, kita mendapatkan 3 jenis kode yaitu kode javascript Facebook SDK yang berwarna hijau, HTML embed video yang berwarna cyan, dan blockquote video tersebut yang berwarna orange.

Jika di blog sudah terdapat javascript Facebook SDK seperti kode yang berwarna hijau, maka hapus kode yang berwarna hijau di atas tersebut, jika belum ada silahkan pindahkan kode yng berwarna hijau tersebut ke edit HTML blog dan simpan di atas kode </body>.

Kemudian silahkan hapus kode yang berwarna orange, sehingga hanya tinggal kode yang berwarna cyan seperti di bawah ini.


<div class="fb-video" data-allowfullscreen="1" data-href="/FacebookIndonesia/videos/vb.249443538526027/568758073261237/?type=1"></div>

Nah kode HTML tersebutlah yang disimpan di postingan. Namun sebelumnya tambahkan dulu kode https://www.facebook.com di depan url video-nya, jika tidak maka video-nya tidak akan tampil, sehingga menjadi seperti di bawah ini


<div class="fb-video" data-allowfullscreen="1" data-href="https://www.facebook.com/FacebookIndonesia/videos/vb.249443538526027/568758073261237/?type=1"></div>

Langkah Ketiga


Untuk membuat video Facebook tersebut menjadi responsive, silahkan simpan kode CSS di bawah ini di atas kode ]]></b:skin> atau </style>


.fb-video,.fb-video span,.fb-video iframe{width:100%!important}

Selesai....maka sekarang video Facebook akan tampil responsive di postingan Anda seperti video di bawah ini yang saya ambil dari halaman Facebook Indonesia.

dari : http://www.kompiajaib.com/

Membuat Responsive Facebook Video Di Blog

Membuat Responsive Facebook Video Di Blog
Ternyata untuk menyimpan embed video dari Facebook tidak hanya copy paste kode embed video facebook, namun harus diedit lagi terlebih dahulu, jika tidak maka videonya tidak akan tampil.

Dan kebetulan, video dari Facebook tersebut tidak responsive sehingga kurang bagus jika di simpan di blog yang menggunakan template responsive. Untuk itu kini selain sharing cara menyimpan embed video Facebook, juga cara membuat video Facebook menjadi responive.

Yang ingin mencoba menyimpan video responsive dari Facebook untuk disimpan di postingan blog, silahkan ikuti langkahnya di bawah ini.

Langkah Pertama


Untuk mengambil kode embed video dari Facebook silahkan lihat pada gambar animasi gif di bawah ini.

Responsive Facebook Video Di Blog

Dan kode embed yang didapat akan tampak seperti di bawah ini.


<div id="fb-root"></div><script>(function(d, s, id) {  var js, fjs = d.getElementsByTagName(s)[0];  if (d.getElementById(id)) return;  js = d.createElement(s); js.id = id;  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-video" data-allowfullscreen="1" data-href="/FacebookIndonesia/videos/vb.249443538526027/568758073261237/?type=1"><div class="fb-xfbml-parse-ignore"><blockquote cite="/FacebookIndonesia/videos/568758073261237/"><a href="/FacebookIndonesia/videos/568758073261237/"></a><p>Hari ini adalah Safer Internet Day- sebuah hari yang didedikasikan untuk menginformasikan ke masyarakat cara aman dalam menggunakan internet dan teknologi mobile. Sebagai bagian dari perayaan global, Facebook bermitra dengan organisasi keamanan berinternet untuk menunjukkan sejumlah cara agar banyak pihak bisa bersama-sama membangun internet yang aman. Untuk tahu lebih lanjut, lihat video dari Sheryl Sandberg, Chief Operating Officer.</p>Posted by <a href="https://www.facebook.com/FacebookIndonesia">Facebook</a> on Monday, February 9, 2015</blockquote></div></div>

Langkah Kedua


Dari kode embed yang didapat dari langkah pertama, kita mendapatkan 3 jenis kode yaitu kode javascript Facebook SDK yang berwarna hijau, HTML embed video yang berwarna cyan, dan blockquote video tersebut yang berwarna orange.

Jika di blog sudah terdapat javascript Facebook SDK seperti kode yang berwarna hijau, maka hapus kode yang berwarna hijau di atas tersebut, jika belum ada silahkan pindahkan kode yng berwarna hijau tersebut ke edit HTML blog dan simpan di atas kode </body>.

Kemudian silahkan hapus kode yang berwarna orange, sehingga hanya tinggal kode yang berwarna cyan seperti di bawah ini.


<div class="fb-video" data-allowfullscreen="1" data-href="/FacebookIndonesia/videos/vb.249443538526027/568758073261237/?type=1"></div>

Nah kode HTML tersebutlah yang disimpan di postingan. Namun sebelumnya tambahkan dulu kode https://www.facebook.com di depan url video-nya, jika tidak maka video-nya tidak akan tampil, sehingga menjadi seperti di bawah ini


<div class="fb-video" data-allowfullscreen="1" data-href="https://www.facebook.com/FacebookIndonesia/videos/vb.249443538526027/568758073261237/?type=1"></div>

Langkah Ketiga


Untuk membuat video Facebook tersebut menjadi responsive, silahkan simpan kode CSS di bawah ini di atas kode ]]></b:skin> atau </style>


.fb-video,.fb-video span,.fb-video iframe{width:100%!important}

Selesai....maka sekarang video Facebook akan tampil responsive di postingan Anda seperti video di bawah ini yang saya ambil dari halaman Facebook Indonesia.

dari : http://www.kompiajaib.com/