Cara Memperbaiki Error Tombol Share di Template Mas Sugeng

8/31/2017 0
Pasti para blogger sudah kenal kan sama salah satu IM ternama asal Indonesia, Mas Sugeng. Mas Sugeng ini selain seorang IM, dia juga pembuat template-template blogger. Tentu anda sudah tidak asing dengan yang namanya Brosense, Evo Magz atau pun Fastest Magz. Yap tepat sekali, ketiga template tersebut adalah karya dari Mas Sugeng.

Namun, banyak yang mempertanyakan tentang salah satu fitur yang sering error pada template buatan Mas Sugeng yaitu Tombol Share. Berikut penampakannya

Cara Memperbaiki Error Tombol Share di Template Mas Sugeng
Nah seperti yang nampak pada gambar di atas, tombol share error dan menutupi judul artikel. 
Mungkin yang menggunakan template buatan Mas Sugeng akan bertanya-tanya, "bagaimana cara memperbaikinya?" Simak berikut caranya

Cara Memperbaiki Error Tombol Share di Template Mas Sugeng

1. Masuk ke blogger.com > Tema > Edit HTML
2. Cari kode berikut pada bagian template
share-buttons {
margin:0 0;
height:67px;
float:left;
}
.share-buttons .share {
float:left;
margin-right:10px;
display:inline-block;
}

.share-buttons .tweet {
               margin-top: 41px;
}

3. Gunakan CTRL + F lalu masukan .share-buttons { tekan enter, agar mempermudah mencari kode pada template

4. Tambahkan huruf "x" tanpa tanda kutip di belakang buttons, sehingga menjadi buttonsx
5. Kemudian cari kode di bawah ini
<div class='share-buttons'>
Lalu ganti menjadi
<div class='share-buttonsx'>
6. Simpan template.

Demikian tutorial singkat mengatasi error tombol share pada template Mas Sugeng. Selamat mencoba.


Semoga bermanfaat.

Cara Verifikasi Halaman Facebook

8/30/2017 0
Seperti yang kita ketahui pihak facebook hanya akan verifikasi halaman Selebriti dan tokoh masyarakat, Merek dan bisnis global ataupun Media.

Cara Verifikasi Halaman Facebook

Sebagaimana dijelaskan pihak facebook Halaman dan profil diverifikasi oleh Facebook untuk memberi tahu orang bahwa Halaman atau profil tersebut asli. Anda akan melihat lencana biru di sebelah nama Halaman atau profil yang diverifikasi. Halaman dan profil ini dapat mencakup: Selebriti dan tokoh masyarakat, Merek dan bisnis global ataupun Media.

Lalu bagaimana cara membuat halaman fans page facebook biasa yang bukan selebriti ataupun tokoh masyarakat dll menjadi terifikasi layaknya selebriti.

Untuk verifikasi halaman facebook ini tidak membutuhkan apapun dan juga tidak akan di kenakan biaya sama sekali sobat dapat mencobanya sendiri.


Cara Verifikasi Halaman Facebook

1. Pergi ke Halaman/FansPage sobat yang ingin di verifikasi.
2. Copy paste kode berikut

<span aria-label="Halaman telah diverifikasi" data-hover="tooltip" data-tooltip-position="right" class="_56_f _5dzy _5d-1 _5d-3" id="u_0_y"></span>
3. Lalu tepat disamping judul fanspage sobat klik kanan dan pilih inspect elemen, lalu tepat pada bagian <h2 class klik edit sebagai kode html. Lihat gambar di bawah untuk lebih jelas

Cara Verifikasi Halaman Facebook


4. Lalu masukan kode di atas setelah kode <span>Judul Halaman</span>Kode di atas disini. Lihat gambar di bawah untuk lebih jelas 



Cara Verifikasi Halaman Facebook



5. Lalu klik dimana saja di luar tempat editor HTML tersebut dan Selesai



Kini halaman/fanspage facebook anda telah terverifikasi tapi kelemahan cara ini kalau browser di refresh lencana verifikasi halaman tersebut akan hilang kembali hehe



Selamat Mencoba!

Cara Memasang Widget Facebook Fanspage di Blog

8/29/2017 2
Tentu anda tak asing lagi dengan yang namanya Facebook bukan? Salah satu social media yang sangat digemari oleh anak muda jaman sekarang. Di dalam Facebook, terdapat fitur yang bernama Fanspage. 

Fanspage adalah suatu halaman atau komunitas yang dibuat oleh penggemar yang tertarik pada selebriti, fenomena, acara televisi, film, blog dan sebagainya. Fanspage ini berperan penting terutama dalam media marketing atau promosi. Dalam dunia blogging, mempromosikan blog anda di sosial media adalah salah satu bentuk SEO off page.

Dari penjelasan singkat tentang fanspage di atas rasanya perlu kita membuat widgetnya. Langsung saja, terlebih dahulu sebelum memasang widget fanspage ini anda harus memiliki fanspage untuk blog anda.

Cara Memasang Widget Facebook Fanspage di Blog 

1. Login terlebih dahulu ke akun Facebook anda
2. Masuk ke Halaman Developer Facebook
Cara Memasang Widget Facebook Fanspage di Blog
3. Pada kolom URL Halaman Facebook silahkan masukkan URL Facebook Fan Page yang telah Anda buat, atur ukuran tinggi dan lebarnya, warna dan lain-lain. Setelah itu, silahkan klik tombol Dapatkan Kode
Cara Memasang Widget Facebook Fanspage di Blog
4. Silahkan pilih tulisan IFRAME dan kemudian copas seluruh script yang ada dalam kotak.
5. Setelah script tercopas, login ke Blogger
6. Masuk ke bagian Tata Letak > Tambahkan Widget/Gadget > HTML/JavaScript > Kemudian pastekan seluruh script yang anda copas tadi.
7. Klik Simpan, lalu lihat hasilnya.

Berikut penampakan widget Facebook Fanspage pada Blog
Cara Memasang Widget Facebook Fanspage di Blog

Bagaimana? Cukup simple kan caranya. Mungkin cukup sekian yang dapat saya sampaikan, bila ada hal-hal yang tidak dimengerti silahkan tanyakan di kolom komentar atau bisa hubungi penulis di laman Contact

Semoga bermanfaat

Cara Memasang Recent Post Keren serta Responsive

8/15/2017 19
Recent post, salah satu widget terpenting pada blog yang bertugas menampilkan artikel-artikel terbaru dari blog tersebut. Mempunyai widget Recent Post yang keren serta responsive adalah keinginan bagi para blogger. Pada kesempatan kali ini saya akan membahas Cara Memasang Recent Post Keren serta Responsive, berikut caranya:


Memasang Recent Post Keren serta Responsive

1. Pertama, masuk ke blogger.com lalu pilih bagian Tata Letak
2. Pada bagian Tata Letak, pilih Tambahkan gadget lalu HTML/JavaScript
Cara Memasang Recent Post Keren serta Responsive

3. Lalu isikan kode berikut pada kotak Konten
<div class="recentpoststyle">
<!--<script src="https://cdn.rawgit.com/Brando07/share/newbe/recent-post-seocips-1.js"></script>-->

<script type='text/javascript'>

function showlatestposts(a){for(var b=0;b<posts_no;b++){var e,c=a.feed.entry[b],d=c.title.$t;if(b==a.feed.entry.length)break;for(var f=0;f<c.link.length;f++)if("alternate"==c.link[f].rel){e=c.link[f].href;break}d=d.link(e);var g="... read more";g=g.link(e);var h=c.published.$t,i=h.substring(0,4),j=h.substring(5,7),k=h.substring(8,10),l=new Array;if(l[1]="Jan",l[2]="Feb",l[3]="Mar",l[4]="Apr",l[5]="May",l[6]="Jun",l[7]="Jul",l[8]="Aug",l[9]="Sep",l[10]="Oct",l[11]="Nov",l[12]="Dec","content"in c)var m=c.content.$t;else if("summary"in c)var m=c.summary.$t;else var m="";var n=/<\S[^>]*>/g;if(m=m.replace(n,""),document.write('<li class="recent-post-title">'),document.write(d),document.write('</li><div class="recent-post-summ">'),1==post_summary)if(m.length<summary_chars)document.write(m);else{m=m.substring(0,summary_chars);var o=m.lastIndexOf(" ");m=m.substring(0,o),document.write(m+" "+g)}document.write("</div>"),1==posts_date&&document.write('<div class="post-date">'+l[parseInt(j,10)]+" "+k+" "+i+"</div>")}}
</script>
<script>
var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts">
</script>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
.recentpoststyle {counter-reset: countposts;list-style-type: none;}
.recentpoststyle a {text-decoration: none; color: #49A8D1;}
.recentpoststyle a:hover {color: #000;}
.recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 2;position:relative;font-size: 20px;font-weight: bold;color: #fff;background: #69B7E2; margin: 15px 5px 0px -6px; padding: 0px 10px; border-radius: 100%;}
li.recent-post-title { padding: 5px 0px;}
.recent-post-title { font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
.recent-post-title a {color: #444;font-size: 13px; text-decoration: none; padding: 2px; font-weight: bold;}
.post-date {padding: 5px 2px 5px 30px; font-size: 11px; color: #999; margin-bottom: 5px;}
.recent-post-summ { border-left: 1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 11px; font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif; font-size: 15px;}
</style></div>
4. Beri judul pada  widget tergantung selera anda, entah itu Terbaru, Recent Post dan lain sebagainya.
5. Tekan Simpan, lalu Simpan Setelan.

Dan taaa-daa .. recent post yang keren serta responsive telah terpasang. Berikut penampakannya 
Cara Memasang Recent Post Keren serta Responsive
Cukup simple kan, namun dengan hadirnya widget ini diharapkan dapat memudahnya pengunjung untuk melihat artikel update dari blog Anda. Tidak usah risau, ini sudah dijamin responsive pada PC mau pun mobile.

Sekian tutorial singkat dari saya, mohon maaf bila ada salah kata atau sebagainya.
Semoga bermanfaat.

Pengertian Sistem Operasi GUI (Graphical User Interface)

8/15/2017 6
Pengertian sistem operasi berbasis GUI atau Graphical User Interface adalah antar muka pada sistem operasi yang menggunakan menu grafis atau tampilan dengan maksud memudahkan pengguna (user) dalam menggunakan/mengoperasikan sistem operasi tersebut.

GUI merupakan sarana penghubung atau antar muka antara sistem operasi dengan pengguna. Tampilan dari sistem operasi graphical user interface ini memang sudah didesain sedemikian rupa guna mempermudah pengguna dalam menggunakan suatu sistem operasi komputer.

Kenyamanan dalam menggunakan sistem operasi GUI ini bisa dijamin, karena pengguna akan merasa nyaman dan tidak bingung ketika melihat interfacenya. Bisa dikatakan pula sistem operasi ini sebagai sistem operasi yang user friendly. Artinya, pengguna dapat dengan mudah mengoperasikan sistem operasi tersebut dengan sangat mudah menggunakan tool yang sudah disediakan.

Jadi pada intinya, sistem operasi GUI adalah sistem operasi yang sudah didesain sedemikian rupa oleh desainernya dengan maksud agar user dapat dengan mudah menangkap apa yang dilihatnya dan melakukan hal apa saja dengan mudah. Intinya adalah memudahkan.

Kelebihan dan Kekurangan GUI

Setelah mengetahui pengertian dari sistem operasi GUI, kurang lengkap rasanya jika tidak mengetahui kelebihan dan kekurangannya. Semua hal mempunyai kelebihan dan kekurangan, termasuk sistem operasi Graphical User Interface ini.

Kelebihan Sistem Operasi GUI

1. Tampilan Menarik
Ya, tampilan dari GUI memang sangat menarik. Desain yang dibuat sudah nyaman dipandang mata. Saya yakin Anda semua merupakan penggina SO GUI, ya kan? Jika Anda memperhatikannya, maka akan sangat terlihat dengan jelas tampilan pada setiap bagian sistem operasi Anda pasti sudah sangat nyaman dipandang.

Yang terakhir muncul sistem operasi GUI dari Windows adalah windows 10. Tampilan dari windows 10 sendiri sangatlah keren, saya sendiri juga menggunakannya. Terlihat dari bagian menu start yang merupakan salah satu tampilan yang menarik, dari segi warna maupun bentuk.

2. Mudah Digunakan
Dengan tampilan yang user friendly, maka sudah jelas sistem operasi berbasis GUI ini memang sangat mudah digunakan jika dibandingkan dengan sistem operasi berbasis CLI (Command Line Interface).

Dengan menggunakan sistem operasi GUI, Anda sudah tidak perlu lagi mengingat cara yang sulit dalam menjalankan perintah karena sistem operasi GUI interfacenya sudah tersusun dengan rapih dan mudah diingat pula. 

Lain halnya dengan CLI yang harus mengingat cara yang sulit, karena sistem ini menggunakan perintah text dan baris.

3. Masih Banyak Lagi
Keunggulan dari sistem operasi GUI masih banyak sekali. Yang pasti unggul dalam hal interface yang sudah sangat user friendly dan mudah digunakan. Pada tahun 2016 ini (sekarang) hampir semua pengguna laptop/komputer menggunakan sistem operasi berbasis Graphical User Interface. Kecuali komputer yang dijadikan server memang biasanya menggunakan sistem operasi Command Line Interface.

Kekurangan Sistem Operasi GUI

1. Lebih Berat
Ya sangat jelas sekali kalau GUI lebih berat dibandingkan CLI. Sudah bisa dibayangkan, interface dari GUI sendiri sudah sangat menarik dan memudahkan, tampilannya juga tidak membosankan. Semua itu juga memerlukan sebuah memory untuk menjalankannya.

Jadi semakin bagus interface sebuah sistem operasi maka akan semakin berat pula, yang pasti akan memakan memory yang banyak untuk menjalankannya.

Menurut saya pribadi, kekurangan sistem operasi GUI hanya terletak pada psesifikasi hardware saja. Namun untuk sekarang, saya yakin bahwa spesifikasi hardware laptop/komputer keluaran terbaru sudah mampu menjalankan sistem GUI semua.

Macam-Macam Sistem Operasi GUI

Nah, selanjutnya saya akan memberikan beberapa contoh sistem operasi berbasis Graphical User Interface.

Keluarga Windows

1. Windows 1.0x
Ini merupakan sistem operasi Windows yang menggunakan GUI. Sistem windows ini menampilkan 32x32 pixel icon dan warna grafis.

2. Windows 95
Pada windows 95, peningkatan paling pesat adalah dengan adanya penambahan fitur start. Dengan adanya tombol start ini, interface windows 95 menjadi semakin berbeda.

3. Windows 98
Tidak ada penambahan fitur GUI pada windows 98 ini, semuanya hampir sama dengan windows 95. Yang membedakan adalah jumlah warna yang dimiliki, windows 98 sudah memiliki 256 warna.

4. Windows XP
Pada windows XP ini, Microsoft melakukan perubahan besar-besaran. Anda pasti sudah pernah menggunakan windows XP kan, ya tampilannya sudah sangat memudahkan user. Dengan rilisnya windows XP ini, pengguna windows semakin bertambah banyak.

5. Windows Vista
Selanjutnya adalah windows Vista. Semua hampir mirip dengan windows XP, hanya saja ada penambahan animasi-animasi 3d yang menambah kesan menarik.

6. Windows 7
Windows 7 merupakan penerus dari windows Vista. Tampilannya memang hampir sama, namun tetap ada perbedaan. Yang pasti, windows 7 lebih unggul.

7. Windows 8 dan 8.1
Windows ini merupakan penerus dari windows 7. Tampilan menu startnya berubah total dari versi windows sebelumnya. Namun windows 8 ini belum terlalu lama dirilis, sudah muncul pembaharuan lagi yaitu windows 10.

8. Windows 10
Windows 10 merupakan windows yang paling baru dan terupdate saat ini. Tampilannya sangat keren menurut saya. Dan soal GUI jangan ditanya lagi, windows 10 sudah user friendly banget.

Keluarga Mac OS

1. Mac OS X
Mac OS X dirilis pada tahun 2001. Tampilan GUI OS ini merupakan salah satu yang paling keren dan menarik.

2. Mac OS X Leopard
Pada sistem operasi ini, sangat banyak penambahan fitur GUI seperti animasi interaktif yang sangat memanjakan mata.

3. Mac OS X SnowLeopard
Yang pasti dalam OS ini adalah penambahan fitur-fitur yang semakin menarik dan keren.

4. Masih Banyak
Sekarang sudah banyak Machintos yang terbaru. Mac OS memang keren dalam segi interface, sangat mudah dipahami oleh user. Namun sayangnya, saya sendiri belum pernah menggunakannya.

Keluarga Linux

1. GNOME
Yang ini saya kurang tahu penjelasannya, yang pasti dari Linux.

2. Ubuntu

3. KDE

4. Cinnamon

5. Masih Banyak

Mungkin hanya itu saja yang saya bagikan pada kali ini. Semoga artikel ini bisa bermanfaat untuk Anda semua.
Terima kasih.