S͒E͒L͒A͒M͒A͒T͒ B͒E͒R͒K͒U͒N͒J͒U͒N͒G͒ ϐנєиαя ϐℓοg нοмє: Maret 2019

Minggu, 31 Maret 2019

Mendaftar id app developer facebook untuk website




Memasang kotak komentar facebook di weblog sangat penting bagi pemilik website,mengingat pengguna jejaring media sosial terbesar di dunia saat ini.
Sebenarnya banyak sekali cara lain yang di gunakan oleh para pengguna blog dengan membuat modifikasi script dan tinggal pasang dengan mudah di template.
Tetapi saya ingin menulis bagaimana cara mengambil script sendiri langsung dari pengembang facebook app agar nantinya lebih mudah jika sudah bisa untuk di gunakan dengan berbagai macam fitur yang ada didalamnya.
Selain itu website akan terintegrasi dengan para teman pengguna fb yang ada,tentunya sebagai syarat harus sudah punya akun dulu di sana dan punya pertemanan agar bisa masuk...:D
Jika belum punya,silahkan buat akun masuk fb dahulu dan setelah semua sudah siap,baru bisa masuk ke : app developer facebook
Maka akan tampil dan klik Buat id aplikasi baru,lalu ketik beri nama dan email lengkap,jika sudah siap klik buat app dan akan muncul tombol robot captca untuk di ceklis,setelah itu akan muncul skenario fitur yang dipilih dan sebaiknya lewati saja dulu karena baru ingin membuat app,bisa lihat pada screen :
gambar

gambar

gambar
Kemudian akan dibawa ke menu pilihan untuk apa membuat id app..?
Tujuan pembuatan mensarankan pilih di antara satu,mungkin jika melihat tampilan seperti itu.
Karena ini tentang weblog maka bisa untuk klik pada gambar website.

Bacaan lain :

.cara desain tema bawaan blogspot.
.mengenal webmaster tool baru google search consule.
.cara mudah berteman di media sosial facebook.
.cara pasang tombol share di web/blog.
.menampilkan populer post bawaan blog ke versi mobile.
.cara mendaftar feedbarner untuk blog.


gambar

gambar
Setelah itu isi semua data diri lengkap yang sesuai ada pada gambar di atas.
pada domain bisa masukan url weblog dan di form kebijakan anda bisa copy url privacy policy dari blog.
Jika belum punya bisa baca dulu cara untuk membuat :  Membuat Privacy policy blog
Juga url layanan blog T.O.S jika belum ada bisa buat dulu cara membuat : Terms of service untuk web anda.
kalau semua sudah lengkap dari nama,alamat sampai negara,lalu klik save.
App sudah jadi dan akan terlihat warna hijau jika sudah aktif.
gambar Tetapi tidak hanya sampai di situ ?
Sekarang mulai masuk ke analystic untuk mengambil script dan bisa klik,jika mau ke versi desktop pilihlah,namun untuk hp bisa klik install dulu di Playstore untuk lebih mudah.
Masuk uji demo url blog ambil SDK analystic dan paste di bawah <body>
gambar

<script> window.fbAsyncInit = function() { FB.init({ appId : 'nomer ID app ', xfbml : true, version : 'v3.2' }); FB.AppEvents.logPageView(); }; (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 = "https://connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>

Ambil plugin share dan suka jangan lupa masukan url blog kurang lebih ada perintah seperti:
Sertakan JavaScript SDK pada halaman Anda satu kali, idealnya tepat setelah tag body pembuka.
Tepatnya di atas script </body>.
gambar

<div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v3.2&appId=47733869652653988&autoLogAppEvents=1"></script>
Untuk mengambil plugin komentar juga cara sama seperti di atas serta punya perintah seperti:
Tempatkan kode ini di mana pun Anda ingin plugin muncul di halaman Anda.
Sejajarkan script tombol like dan komentar agar tampil berdampingan.
gambar  
<div class="fb-like" data-href="https://bidinjenar.blogspot.com/?m=1" data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div>

<div class="fb-comments" data-href="https://bidinjenar.blogspot.com/?m=1" data-numposts="6"></div>
Jika ingin tampil berdampingan versi mobile dengan komentar asli blog bisa expand template dan cari tag <div class='comments' id='comments'>
Paste kedua script tersebut tepat dibawah itu.
Kemudian save serta bisa cek weblog,namun jika tidak bisa mencoba tambahkan tag( &amp; ) pada "fb-root" menjadi (https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v3.2&amp;appId=58338664334636488&autoLogAppEvents=1)
Kemudian save dan selesai.
SDK javascript dari facebook sudah terpasang di weblog untuk terhubung dengan teman fb.
Selanjutnya hanyalah waktu yang bisa menggunakan berbagai fitur untuk mengembangkan.

Jika pembaca ada yang lebih mengetahui hal ini,silahkan bagi komentar agar menjadi lebih bagus melengkapi artikel ini.

Memasang layanan terms of service (T.O.S) di weblog

Apakah itu layanan kebijakan di blog?
Membuat terms of service (T.O.S) sebagai layanan adalah masih sama yaitu bisa masuk ke privacy policy dan bisa ambil script untuk di pasang di halaman baru web.
Setiap weblog diharuskan punya halaman layanan kebijakan karena akan banyak fungsi ketika mulai akan di gunakan masuk ke berbagai jenis akses developer dan masih banyak yang lainnya pasti akan meminta url layanan ini dari pemilik weblog.
Cara memasangnya juga mudah cukup masuk ke : Privacy policy
Kemudian isi formulir lengkap nama web serta email dan ceklis semua yang di perlukan agar nanti bisa muncul di halaman blog.
gambar

gambar Setelah lengkap klik hasil html dan copy semua script,lalu masuk blog klik halaman baru.
gambar

Baca juga :

.Cara embed post facebook ke website/Blog.
.Mendaftarkan web/blog ke yandex webmaster tool
.Menapak sejarah kesultanan cirebon di pegunungan jati
.mengenal dan menggunakan bing webmaster tool untuk blog
.perbedaan fitri dan fitrah di hari raya islam
.cara setting logo nama web/blog posisi ditengah header


Posting edit baru dan pasang judul T.O.S atau kebijakan layanan blog,juga bisa dengan yang lain.
berlanjut ke klik mode html untuk post dan paste script tadi dan jangan lupa matikan komentar blog.
gambar

gambar

gambar Jika semua sudah siap bisa klik publish, Terms of service sudah jadi di blog.

Jika pembaca ada yang lebih mengetahui hal ini,silahkan bagi komentar agar menjadi lebih bagus melengkapi artikel ini.

Minggu, 24 Maret 2019

Membuat template blog responsive mobile version




Merubah tema weblog  ke dalam versi mobile sudah menjadi kebutuhan bagi pemilik weblog.
Melihat daripada hampir semua pengguna browsing terbesar di dunia semua akses dengan smartphone.
Tetapi bukan berarti tema asli tidak bagus,karena hanya sedikit merubah script tertentu saja,semua melakukan untuk mempermudah bagi para pengguna yang notabene selalu pakai smartphone dalam keseharian.
Tidak mungkin sebuah upaya tanpa adanya tujuan,pada dasarnya semua weblog yang di buat adalah sama untuk di akses dalam bentuk komunikasi,hanya tampilan saja yang berbeda kerena bisa dirubah menjadi lebih mobile friendly.
Tiada lain itu semua di lakukan untuk satu langkah yaitu audien target.
Hal ini sebenarnya sudah banyak sekali di terapkan oleh para pemilik weblog,tetapi apa salahnya saya sendiri menulis dan paling tidak bisa untuk diri sendiri sebagai catatan blog...:D

Bacaan lain :

.Cara embed post facebook ke website/Blog.
.Mendaftarkan web/blog ke yandex webmaster tool
.Menapak sejarah kesultanan cirebon di pegunungan jati
.mengenal dan menggunakan bing webmaster tool untuk blog
.perbedaan fitri dan fitrah di hari raya islam
.cara setting logo nama web/blog posisi ditengah header

Apakah yang kita buat hanyalah program untuk pengaturan menjadi responsive ke ramah mobile,walaupun sebenarnya paling penting adalah tergantung para pengguna smartphone,akan tetapi program mesin juga sangat panting sebagai pendukung target? nampak serius ..:D
Pertama yang harus dilakukan masuk dulu blog dan buka tema langsung klik edit html,lalu cari code :
<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>
Ganti dengan script di bawah ini:
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
Berlanjut lagi dan cari code untuk gambar:
.post-body img, .post-body.tr-
caption-container { padding: $
(image.border.large.size); }
Gantilah dengan script ini:
.post-body img, .post-body .tr-caption-container {padding:0;width:auto;max-width:100%;height:auto;}
Kemudian yang terakhir cari code <head> dan paste script di bawah ini tepat di atasnya:
<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>

Merubah tampilan blog responsive sudah selesai,tetapi pasti ada sedikit kekurangan yaitu tampilan mobile dan desktop menjadi hampir sama,jika dibuka versi mobile akan nampak terlihat bagus,namun jika dibuka ke versi desktop menjadi tampilan seperti mobile dan kurang begitu menarik pada tampilannya.
Satu hal bagusnya karena pengguna saat ini adalah akses dengan smartphone,kenapa tidak harus dirubah jika mendukung untuk itu semua.
Pilihan hanyalah pada individu orang sesuai masing-masing kebutuhan.
Sebelah atas ini adalah hasil gambar versi desktop menjadi seperti mobile version.

Sabtu, 16 Maret 2019

Merubah judul tampil posisi di depan nama blog

Sebuah judul artikel posting tampil di depan setelah nama blog akan menjadi penting untuk SEO,karena jika cuma nama blog yang berada di depan berarti cuma satu huruf saja yang muncul di search engine.
Berbeda ketika sebuah judul posting berada di depan akan bisa berbagai macam kata jikalau sudah mencapai ratusan apalagi ribuan hingga jutaan artikel dalam satu weblog.
Maka sangat penting sedikit merubah tag condition pada template blog yang kita buat,selain menjadi SEO friendly juga akan mudah dalam mesin pencarian.
Semua itu dilakukan untuk berusaha optimalisasi dan biarlah search engine yang ekskusi.

Bacaan lain :

.Cara embed post facebook ke website/Blog.
.Mendaftarkan web/blog ke yandex webmaster tool
.Menapak sejarah kesultanan cirebon di pegunungan jati
.mengenal dan menggunakan bing webmaster tool untuk blog
.perbedaan fitri dan fitrah di hari raya islam
.cara setting logo nama web/blog posisi ditengah header


Lihatlah screen berbedaan di antara dua dalam postingan weblog sebagai gambaran pembenahan di dalam template.
gambar

gambar Gambar pertama adalah merubah untuk SEO,sedangkan yang kedua masih aslinya.
Cara memasangnya juga tidak begitu susah karena masih berada di posisi urutan pertama dalam html blog.
Seperti biasa masuk weblog dan klik tema lalu klik edit html,setelah itu carilah kode : <b:if cond='data:blog.pageType == &quot;index&quot;'> kurang lebihnya seperti itu dan paste script taq condition tepat di bawahnya.
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title> <b:else/>
<title><data:blog.pageName/> -<data:blog.title/></title> </b:if>
Untuk lebih mudahnya bisa lihat posisi script ini dalam template.
<b:if cond='data:blog.pageType == &quot;index&quot;'>

Position <---
<b:skin>...</b:skin>
Sebagai pemilik weblog semua sudah pasti ingin meningkatkan apa yang sudah susah payah di kerjakan walaupun terlihat sepele,setidaknya yang di lakukan bisa tembus ke dalam mesin pencarian dan tak menjadi sia-sia.

Jika pembaca ada yang lebih mengetahui hal ini,silahkan bagi komentar agar menjadi lebih bagus melengkapi artikel ini.

Kamis, 14 Maret 2019

Membuat script artikel terkait di weblog

Memasang artikel terkait di blog sangat di anjurkan bagi pemilik weblog,karena sangat mendukung fungsi dalam halaman,selain bisa mempercantik tampilan,juga memudahkan bagi para pengunjung untuk mencari artikel yang di perlukan untuk di kunjungi.
Banyak diantara pemilik weblog menggunakan masing-masing cara sesuai kebutuhan membuat posting mereka.
Salah satunya yaitu dengan script yang di copy paste ke template blog,pertama buka tema dan edit html,kemudian cari kode <head> dan paste script di bawah ini tepat di atasnya:

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;}}}}
function removeRelatedDuplicates(){
var tmp = new Array(0);
var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length ' 1] = relatedTitles[i];}} relatedTitles = tmp2; relatedUrls = tmp;}
function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; }
else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script> 
Lalu cari kode <data post body/> dan coba yang kedua atau ketiga.
Kemudian paste script ini tepat di bawahnya:
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=15"' type='text/javascript'/> </b:if>
</b:loop>
</b:if>
<b:if conf='data:blog.pageType == "item"'>
<h4>Artikel Terkait <b:loop values='data:post.labels' var='label'><data:label.name/>
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></h4>
<script type="text/javascript"> removeRelatedDuplicates(); printRelatedLabels();
</script>
</b:if> 

Kemudian simpan tema dan cek weblog.
Jika belum muncul bisa coba cek label blog,atau pasang kalau belum ada setiap postingan,cek juga setelan zona waktu dan rubah sesuai tempat anda.
Begitu juga setting feed pengalihan rubah ke mode penuh bukan singkat atau khusus.
Jika cara itu belum tampil di blog,bisa coba dengan script manual,karena mungkin bisa jadi dari tema blog yang tidak mendukung atau bisa ganti tema lain.

Bacaan lain :

.Cara embed post facebook ke website/Blog.
.Mendaftarkan web/blog ke yandex webmaster tool
.Menapak sejarah kesultanan cirebon di pegunungan jati
.mengenal dan menggunakan bing webmaster tool untuk blog
.perbedaan fitri dan fitrah di hari raya islam
.cara setting logo nama web/blog posisi ditengah header

Mengunakan script manual memang sedikit ribet,tetapi bisa sesuka kita dari artikel halaman mana yang mau dipasang dan bisa di tempatkan sesuai keinginan.
Lihat semua script dan ganti url dan nama blog yang di inginkan:
<div style="overflow:auto;width:auto;height:120px;padding:10px;border:1px solid #c2c2c2">
1.<a href="url posting blog">tulis text judul posting url</a><br/>
2.<a href="url lain posting blog">text judul posting</a><br/>
3.<a href="url judul posting">text judul</a><br/>
4.<a href="url lain pasting">text judul</a><br/>
5.<a href="https://nama.blogspot.com">membuat  box artikel terkait</a><br/>
6.<a href="https://nama.blogspot.com/">text judul artikel </a><br/></div>
Pertama masuk blog dan klik tata letak/layout klik tambah gadget dan cari klik <html> dan tulis judul sesuai anda lalu paste script yang sudah di susun,kemudian simpan,related post sudah selesai.
Jika ingin tampil di tengah postingan bisa buka mode html ketika edit post,lalu paste script dan buka mode compos kembali dan teruskan edit postingan.
Bisa lihat tampilan di atas artikel ini.