Header

Cara Share Postingan Otomatis Ke Sosial Media

Posted by : Admin On 13 February 2015 129 comments

Salah satu cara biar blog banyak yang mengunjungi adalah dengan share postingan kita ke sosial media gan. Banyak banget ada yang namanya sosial media, tapi yang umum dipake sama orang Indonesia cuma Facebook, Twitter dan Google+ ya kan gan? Nah ngomongin soal share postingan ke sosial media tentu kalian udah tau caranya, tinggal buka akun sosial media terus share link postingannya beres gan.

Tapi pasti ribet banget, kalau setiap buat postingan kita harus share satu-satu secara manual ke sosial media gan. Untuk itu pada kesempatan kali ini gw pengen ngasi tutorial cara share postingan otomatis ke sosial media gan. Jadi kita gak perlu ribet buka akun sosial media satu persatu cuma buat share postingan kita gan.


Ada banyak cara dan aplikasi yang bisa kita gunain buat share postingan secara otomatis gan. Kalau mau share otomatis ke Google+ udah disediain di dashboard Blogger fiturnya gan. Sedangkan share otomatis ke situs sosial media yang lain kita butuh alat bantu gan. Banyak banget alat bantu yang bisa kita pakai dari Feedburner, IFTTT, Buffer, Hootsuite dan lain-lain.

Yang bakal gw share kali ini adalah cara share postingan otomatis pake Hootsuite gan. Kenapa Hootsuite? karena alat ini populer, gampang buat pemula dan merupakan favorit gw gan. Langsung aja disimak cara share postingan otomoatis ke sosial media pake Hootsuite gan. Gw coba jelasin secara detail, semoga bisa dengan mudah dimengerti ya gan.



Cara Share Postingan Otomatis Ke Sosial Media ( Hootsuite )




Pertama kalian menuju ke situs Hootsuite lalu daftar gan. Cara daftarnya gampang bisa pake akun Facebook atau pake email gan. Tinggal di isi aja datanya yang lengkap terus klik Sign Up Now gan.



Kalau udah selesai daftar sekarang loe login ke Hootsuite gan. Di halaman awal dashboard hootsuite setelah loe login pilih Add Social Network gan. Disana ada 8 sosial media yang bisa loe pilih buat ditampilin di Hootsuite dan nanti buat share postingan otomatisnya juga gan. Misal loe pilih Twitter, langsung aja klik Connect with Twitter. Lalu bakal muncul halaman pop up login ke Twitter buat ngasi izin aplikasi Hootsuite terhubung sama akun Twitter loe gan. Login ke Twitter dan klik Authorize app gan.


Setelah berhasil ngizinin aplikasi Hootsuite terhubung sama akun sosial media, maka akan muncul tab baru gan. Silahkan di hubungkan akun sosial media lain yang loe punya ke Hootsuite dengan cara yang sama gan. Kalau udah beres menghubungkan semua akun sosial medianya sekarang kita lanjut menghubungkan Blog yang kita pengen share postingannya secara otomatis via Hootsuite gan.

Caranya di dashboard Hootsuite loe pilih Setting dan klik RSS/Atom atau bisa juga pilih Publisher lalu klik RSS Feeds gan. Setelah itu klik tanda + ( Add New Feed ), terus tinggal di isi datanya gan. Tambahin alamat feed blog loe, pilih akun sosial media yang mau dipake buar share postingan, pilih waktu ngeceknya, pilih jumlah postingan, kata-kata tambahan dan URL shortenernya kalau udah lengkap tinggal klik Save Feed aja gan.


Lakukan hal yang sama untuk nambahin feed ke akun sosial media yang laennya gan. Semua udah beres sekarang loe gak perlu repot-repot lagi share postingan ke sosial media karena semua udah secara otomatis di share melalui Hootsuite gan. Untuk fitur dari Hootsuite yang laennya silahkan dicoba-coba sendiri misal nambahin Aplikasi Blogger. Jadi nanti loe bisa buat postingan langsung dari Hootsuite gan.


Sekian dulu ulasan gw tentang cara share postingan otomatis ke sosial media via Hootsuite semoga bermanfaat gan. Kalau ada yang gak dimengerti silahkan ditanyakan dan jangan lupa berkomentar di bawah ya gan.

10 Pakar SEO Yang Wajib Loe Follow

Posted by : Admin On 10 comments

Ngomongin pakar SEO pasti banyak banget diluar sono ya gak gan. Dari yang amatir sampe yang ahli ada gan. Kalo di negeri kita ini siapa ya pakar SEO yang ngetop gan? Ampe detik ini gw juga kagak tau gan, pasti ada banyak cuma gw belom tau aja kale.


Pada postingan kali ini gw pengen share sedikit tentang orang-orang yang jago di bidang SEO dan wajib loe follow gan. Kenapa wajib? karena loe bisa dapet ilmu dan tips SEO dari mereka. Langsung aja disimak gan dan selamat menikmati.



10 Pakar SEO Yang Wajib Loe Follow





1. Matt Cutts


Favorit gw ni gan, dia bosnya webspam team di Google. Mulai gawe di Google dari taon 2000 ampe sekarang. Follow dia @mattcutts ato di Google plusnya di Matt Cutts+ gan.


2. Rand Fishkin


Yang punya situs SEOmoz gan, loe pengen dapet tips SEO yang yahud kunjungin aja situsnya gan. Follow dia @randfish ato di Google plusnya di Rand Fishkin+ gan.


3. Joost de Valk


Loe pake plugin Wordpress SEO by Yoast, nah ini dia orang yang buat gan. Salah satu favorit gw juga. Silahkan follow dia @yoast ato di Google plusnya di Joost de Valk+ gan.


4. Danny Sullivan


Dia editor di situs Search Engine Land gan, mau dapet kabar terbaru, tips dan trik SEO loe kunjungi situsnya gan. Follow dia @dannysullivan ato di Google plusnya di Danny Sullivan+ gan.


5. Barry Schwartz


Salah satu editor di Search Engine Land sama Search Engine Roundtable, dia juga punya situs sendiri yaitu Rusty Brick gan. Follow dia @rustybrick ato di google plusnya di Barry Schwartz+ gan.


6. Aaron Wall


Ini yang punya situs SEO Book gan, kalo loe sering ngunjungi situs SEO Book pasti sering liat fotonya disana gan. SEO + U = Win!!!. Follow dia @aaronwall ato di Google plusnya di Aaron Wall+ gan.


7.Debra Mastaler


Ibu ini yang punya situs Alliance Link gan, cewek juga jago SEO loh. Hobinya berkebun dan mendaki gunung gan. Follow dia @debramastaler ato di Google plusnya di Debra Mastaler+ gan.


8. Rae Hoffman


Cewek yang satu ini yang punya situs Sugarrae gan. Dia juga salah satu penulis di Search Engine Land. Follow dia @suggarrae ato di Google plusnya di Rae Hoffman+ gan.


9. Samantha Noble


Cantik ya gan cewek yang satu ini. Dia jago dalam hal SEO dan punya situs Koozai yang bergerak di bidang SEO, PPC, Sosial Media dan Analistic gan. Follow dia @Koozai_Sam ato di Google plusnya di Samantha Noble+ gan.


10. Vanessa Fox


Dia mantan pegawainya Google dan yang bikin Google Webmaster Central gan. Punya situs Nine By Blue dan salah satu konsultan di Search Engine Land. Follow dia @vanessafox ato di Google plusnya di Vanessa Fox+ gan.



Sekian dulu gan yang bisa gw share kali ini, inget difollow orang2 di atas gan biar loe bisa dapet tips2 SEO dari mereka. Jangan lupa follow gw juga gan walaupun bukan pakar SEO. Inget ninggalin komentar gan.



(Author)
Suya Subrata

Surya adalah seorang Penulis Blog dan Internet Marketer. Menyukai hal yang berkaitan dengan SEO. Hobinya maen PS dan Nonton Bola. Mulai menyukai dunia Webmaster sejak 2009.

Pengen kenal lebih dekat dengan Surya follow @kuyax_20

Cara Setting WordPress SEO by Yoast

Posted by : Admin On 7 comments

Setelah di postingan sebelumnya gw ngejelasin tentang plugin SEO Wordpress terbaik yakni WordPress SEO by Yoast, sekarang gw bakal ngejelasin cara setingnya gan biar tu plugin optimal. Disimak aja langsung gan gak perlu basa-basi.



Cara Seting WordPress SEO by Yoast



  • Pertama seting Dashboard gan, tinggal isi meta verifikasi Google & Bing Webmaster Tools sama verifikasi ID Alexa. Kalo kalian gak punya ato belum daftar biarin aja kosong lalu klik save settings.

  • Lanjut ke Titles & Metas ini yang paling penting gan. Kita mulai dari Other, Author Archives sama Date Archives dicentang keduanya noindex, follow gan.

  • Trus ke Taxomonies, centang noindex, follow di Tags sama Format gan.


  • Next ke Post Types gan, disini centang noindex, follow sama Hide di Media yang lain biarin jangan dirubah.

  • Untuk Home loe tinggal pilih author yang mau ditampilin di blog, profile authornya harus terhubung sama Google+ gan, kalo gak biarin aja Don't show. Trus Google Publisher Page loe isi URL Google+ Page kalo punya.
  • Yang terakhir General, pertama Title settings centang Force rewrite titles, trus untuk Sitewide meta settings centang noindex subpages of archive, add noodp meta robots tags sitewide, sama add noydir meta robots tags sitewide. Buat Clean up <head> biarin gak usah dicentang semua lalu klik save settings.

  • Setingan Social tinggal isi aja sama ID Facebook & Twitter loe gan. Lanjut seting XML Sitemap, centang Ping Yahoo!, Ping Ask.com sama Format yang paling bawah terus save settings. 

  • Seting Permalink, centang kayak yang ada di gmbar gan gw capek ngetik. :)
 
  • Terus buat setingan Internal Links biarin aja seperti semula, tapi kalo loe mau pake breadcrumbs tinggal dicentang aja sama nambahin ke thema WP loe, disana udah ada cara nambahinya.
  • RSS biarin jangan dirubah, Import & Export ini buat ngimport atau export data dari plugin SEO lain misal loe sebelumnya pake plugin All in One Seo Pack atau HeadSpace2 loe bisa import datanya.  Yang teraknir Edit files, kalo loe mau edit .htaccess sama robots.txt bisa langsung dari sini gan.

Sekian dulu tips seting WordPress SEO by Yoast nya semoga bermanfaat buat blog kalian, kalo loe punya setingan yang berbeda silahkan di share disini dan jangan lupa komennya gan, thank's. 

Tutorial Membuat Wordpress Blog Hosting Sendiri

Posted by : Admin On 6 comments

Wordpress blog hosting sendiri, kenapa bukan Wordpress.com? Mungkin banyak diantara loe yang bertanya kenapa gw lebih milih share cara buat Wordpress blog hosting sendiri dari pada Wordpress.com. Banyak sekali alasanya gan, gak bisa gw jelasin satu persatu tapi yang pasti Wordpress blog hosting sendiri menurut gw lebih keren, bayangin loe bisa mengelola blog tanpa batas, it's your own gan. Kita bisa lebih bebas berekspresi dan juga kita bisa belajar lebih banyak tentang SEO dan dunia webmaster.


Oke gan langsung kita ke topik, apa sih yang loe butuhin untuk membuat Wordpress blog hosting sendiri? Silahkan disimak cara-caranya gan step by step.



Cara Membuat Wordpress Blog Hosting Sendiri

 

  • Yang pertama, loe harus punya nama domain sendiri, loe bisa beli ato pun cari yang gratisan banyak di internet gan search aja di Google. Saran gw buat loe yang pengen buat Wordpress blog hosting sendiri cuma sekedar buat belajar lebih baik pake domain gratisan dulu ato bisa juga pake sub domain gratisan yang bisa loe dapet dari penyedia hosting, ntar kalo udah mahir baru beli domain gan. 
  • Nah setelah loe punya domain selanjutnya loe harus beli ato pun cari web hosting gratisan buat ngehost Wordpress blog loe. Buat pemula cari yang gratisan aja. Loe tinggal pilih mau daftar web hosting gratisan dimana, banyak banget bertebaran di internet gan mau yang indo ato luar negeri. Sekarang tergantung blog loe orientasi pengunjungnya mau dari mana Indonesia apa luar negeri, kalo indonesia lebih baik pake hosting lokal gan. Hosting lokal gratis yang bagus Idhostinger gan, klik aja tu link buat daftar langsung.
  • Setelah loe punya domain dan hosting sendiri, langkah berikutnya loe harus seting DNS ( server nama domain ) loe dengan web hosting yang udah loe pilih. Gw kasi contoh disini pake domain gratisan co.cc gan. Pertama loe log in ke akun domain gratisan loe, yang pasti sebelumnya udah registrasi domain gratis. Trus di halaman akun pilih manage domain, lalu klik nama domain yang mau loe pake trus pilih manage DNS, nah disitu loe ganti nama servernya gan sama nama server web hosting yang udah loe pilih. Pas loe daftar hosting pasti dikasi tau nama server mereka. Contoh server Idhostinger : NS1.IDHOSTINGER.COM, NS2.IDHOSTINGER.COM, gw harap sampe disini loe paham gan.

  • Sekarang daftarin domain loe ke web hostingnya, disini gw pake contoh Idhostinger gan. Loe masuk ke akun Idhostinger lalu klik menu kontrol panel ke 2 dari kiri. Setelah itu loe pilih paketnya, misal paket gratis lalu loe klik order.

  • Lanjut loe isi form dengan lengkap bisa pilih subdomain ato domain, kalo domain sesuaiin sama domain yang udah dibuat tadi gan.

  •  Tinggal ditunggu akun loe diproses cepet paling kurang dari 1 menit gan, setelah akun loe aktif klik tombol beralih.

  • Lalu loe bakal dibawa ke kontrol panel gan. Gak perlu basa - basi sekarang langsung install wordpress blognya gan. Cari penginstal otomatis lalu klik gan.

  • Setelah itu pilih script yang mau di instal disini pastinnya Wordpress klik logo Wordpressnya. Lalu isi tu nama admin sam passwordnya terserah loe. Untuk install ke biarin aja kosong kecuali loe mau install WPnya di sub direktori. Terakhir klik install Wordpress. Tinggal nunggu gan Wordpress blog hosting sendiri loe jadi.



Kalo Wordpress blog loe udah jadi, tinggal log in aja dan selamat menikmati Wordpress blog hosting sendiri gan.

Note : Cuma sekedar ngingetin gan, mudah-mudahan loe buat blog yang bisa berguna bagi orang lain dan bukan blog spam atau blog yang merugikan orang lain.

Happy blogging...

Cara Ganti Domain Blogspot Dengan TLD

Posted by : Admin On 08 February 2015 9 comments

Mengganti domain blogspot memang banyak dilakukan oleh para Blogger termasuk gw gan. Sebenarnya banyak alasan kenapa kita ganti subdomain blogspot gratis dari Google ke domain TLD seperti com, net, org, info, web id dan lain-lain. Kalo alasan gw ganti domain blog ini cuma biar lebih keren dan profesional aja gan. Walaupun akan ada dampaknya seperti alexa rank turun drastis dan juga penurunan peringkat di pencarian. Namun buat kalian tidak perlu khawatir dengan hal tersebut karena semua itu bisa di atasi dan hanya sementara saja, nanti gw kasi tipsnya di akhir postingan.


Sebenarnya cara ganti domain blogspot itu sangat mudah jika kita tau caranya gan. Buat loe yang mungkin masih kebingungan untuk ganti domain blogspot kali ini gw akan berikan tutorialnya. Sebelum mengganti domain blogspot tentu pertama-tama loe harus mempunyai domain TLD terlebih dahulu. Untuk yang belum punya gw kasi referensi tempat beli domain yang murah Indonesia yang bagus dibawah ini.

1. Idwebhost.com, harga domain com 95rb cek disini
2. Jagoanhosting.com, harga domain com 88rb cek disini
3. Niagahoster.co.id, harga domain com 119rb cek disini

*Harga domain com di atas bisa berubah sewaktu-waktu gan

Kalo sudah beli domain sekarang lanjut loe setting biar blogsoptnya jadi domain yang sudah dibeli tadi. Caranya gw jelasin dibawah ini gan silahkan dibaca, screen shoot gw pake setting via idwebhost gan.


Cara Ganti Domain Blogspot (Idwebhost)


1. Pertama masuk ke klien area ditempat loe beli domain tadi gan. Lalu pilih kelola domain yang mau loe pake buat ganti domain blogspot. Setelah itu pilih manage name server dan ganti name servernya sesuai gambar di bawah ini (dns1.idwebhost.biz, dns2.idwebhost.biz, dns3.idwebhost.org, dns4.idwebhost.com) dan klik ubah nameservers.


2. Sekarang loe buka blogger lalu pilih setting > basic > dan pada kolom publishing klik + Setup a 3rd party URL for your blog. Kemudian ketik nama domain baru loe pada kotak kosong dan harus di awali dengan www gan. Kalo sudah jangan di save dulu gan.


3. Balik lagi ke klien area domain yang tadi, sekarang pilih Alat pengolahan dan klik kelola DNS. Kalo sudah loe buat 4 buah A Record, nama host isi dengan @ lalu jenis records pilih A (address) dan isi alamat dengan 4 IP google berikut ini (216.239.32.21, 216.239.34.21, 216.239.36.21, 216.239.38.21) harus beda-beda.

4. Setelah itu buat 2 buah CNAME records, nama host isi www dan kode yang ada di blogger tadi seperti gambar di atas yang gw lingkari garis biru. Lalu jenis records pilih CNAME (alias) dan isi alamat yang www dengan ghs.google.com sedangkan yang kode isi dengan yang ada disampingnya di blogger tadi lalu klik simpan perubahan. Untuk jelasnya hasilnya seperti gambar di bawah ini gan.


5. Sekarang tinggal balik ke blogger dan klik save, biasanya akan muncul peringatan error biarkan saja gan. Loe tunggu 1-24 jam dan balik lagi ke blogger sampai gak muncul eror lagi dan kalo sudah berhasil jangan lupa di centang redirect namablog.com ke www.domainbaru.com ya gan.


Itulah cara ganti domain blogspot ke domain TLD gan gampang kan walaupun penjelasanya sedikit berantakan. Untuk setting di penyedia domain yang lain misal jagoanhosting, niagahoster dll sama saja gan caranya yang ngebedain mungkin tampilan klien areanya saja. Ada sedikit tips dari gw setelah ganti domain blogspot ke domain baru terutama jika blog loe udah lama dan rangkingnya bagus biar kembali normal, cek it dot.

Tips Setelah Ganti Domain Blogspot :


  1. Edit template blog loe ganti semua url namablog.blogspot.com yanga lama dengan www.domainbaru.com
  2. Daftarin ulang blog loe dengan domain yang baru ke alexa
  3. Daftar ulang di webmaster tool dengan domain yang baru dan submit sitemapnya
  4. Buat postingan baru biar postingan dengan subdomain blogspot yang lama cepet di index dengan nama domain baru


Sekian penjelasan gw tentang cara ganti domain blogspot ke domain TLD semoga bermanfaat gan. Kalo ada yang kurang jelas dan membingungkan silahkan ditanya via kotak komentar dibawah.

Tips Belajar SEO Untuk Pemula Terbaik

Posted by : Admin On 06 January 2014 44 comments

SEO itu apa sih? Mungkin buat kalian yang baru-baru bloging agak bingung ya, wajar gan gw juga pas pertama ngeblog gak ngerti dan gak peduli sama yang namanya SEO. Setelah lama kelamaan gw mikir kenapa blog gw sedikit banget pengunjungnya dan gak bisa muncul di halaman pertama mesin pencari ( om Google ). Akhirnya gw browsing buat cari tau dan akhirnya ketemu juga ternyata faktor utamanya adalah SEO gan.

SEO itu kalo di bahasa kita adalah optimasi mesin pencari yang fungsinya ngoptimalin dan ningkatin jumlah dan kualitas pengunjung blog atau situs kita dari mesin pencari dan tujuan akhirnya nanti blog atau situs loe bakal ada di halaman pertama mesin pencari gan. Kalo udah nongol di halaman utama kan peluang buat dikunjungi semakin besar gan jadi blog loe bakal rame.

Terus gimana caranya biar blog atau situs kita jadi SEO?. Gw share sedikit tips yang paling penting buat SEO gan silahkan disimak.




Tips SEO Untuk Pemula



1. Konten atau Postingan ( Asli dan Menarik )


Dari pengalaman gw dan beberapa temen webmaster handal, konten ini jadi faktor utama gan. Mesin pencari khusunya om Google seneng sama yang namanya konten. Gw saranin buat konten yang menarik dan memberikan banyak informasi buat pengunjung blog atau situs kalian gan. Terus konten yang loe buat harus relevan sama blog atau situs loe, misal blog loe tentang masakan terus loe buat postingan tentang SEO kan gak nyambung gan dan peluang buat postingan loe bakal ada di halaman utama dibawah 50%.

Usahain buat konten yang ada kaitanya sama kata kunci yang pengen loe optimalin gan. Jangan buat postingan cuma ngandalin copy paste. Kalo loe pengen copas usahain isi link back dari mana loe copas tu konten gan.

Yang terakhir tetep update postingan loe minimal 1 postingan setiap bulan, lebih sering lebih baik gan.


2. Judul ( Title Tag )


Judul ini sangat penting gan karena dari judul bisa memberi tau si mesin pencari ato pengunjung tentang isi postingan loe. Jadi buat judul yang menarik dan relevan sama isi postingan dan berisi kata kunci yang mau di optimalkan. Usahain buat judul gak lebih dari 70 karakter gan.


Title tag ada banyak dari h1 sampai h6 tapi gw saranin jangan pake h4, h5 dan h6 di postingan gan. Terus untuk h1 nya usahain cuma ada 1 buat fokusin si mesin pencari ke postingan loe.


3. Link Antar Halaman ( Internal Link )



Link antar halaman harus ada di setiap postingan buat ningkatin posisi postingan blog atau situs kalian di mesin pencari juga buat ngemudahin pengunjung pindah ke halaman posting yang lainnya gan. Usahakan buat link antar halaman yang relevan gan, misal postingan tentang makanan buat linknya juga ke postingan yang ada konten makanannya.


4. Meta Tag ( Data )


Ini yang paling banyak di optimalkan oleh pemula dan webmaster handal sekalipun bener gak gan? Kalu urusan SEO meta tag penting banget. Buat di Blogger kalian bisa nambahin meta tag secara manual.. Kalau di Wordpress pake aja plugin gan, yang bagus pluginya Seo Yoast ato bisa tambahin secara manual meta tagnya di header.php di bawah kode <title><?php bloginfo('name'); ?><?php wp_title(); ?></title> gan.


Meta description harus ada di setiap postingan gan biar mesin pencari tau postingan kalian dan ningkatin posisi di halaman pencarian. Di Blogger caranya gampang setiap buat postingan inget di isi kotak kososng Search Description di samping kanan gan. Kalo di Woedpress udah ada fitur di pluginya, jadi tinggal di isi aja. Inget deskripsinya gak boleh lebih dari 160 karakter gan.

Kalo mau buat meta tag pake meta tag generator aja gan.


5. Backlink



Backlink ini cara buat mengoptimalkan SEO secara off page gan. Setiap webmaster pasti pake cara ini walaupun prosesnya bakal lambat dalam mengoptimalin SEO. Gimana caranya dapet backlink? Banyak cara yang bisa kalian lakuin gan di antaranya :

  1. Submit blog atau situs kalian ke blog/website directory. Sebelum loe submit blog atau situs kalian cek dulu apa blog/website directory tersebut legal apa gak gan.Tempat submit blog yang paling terkenal dmoz gan.
  2. Sering-sering berkomentar di forum atau blog orang lain gan gak masalah walupun di isi nofollow siapa tau salah satu pengunjung forum atau blog tersebut ngeklik link loe kan nambah jumlah pengunjung blog gan.
  3. Buat postingan unik dan menarik biar ada pengunjung yang ngelink back ke postingan kalian.
  4. Tukeran link gan, sekedar info banyak webmaster melarang cara ini karena gak baik buat SEO dan bisa kena hukum Google. Tapi buat gw ini boleh aja dengan syarat sebagai berikut gan : » Loe harus tukeran link sama blog atau situs yang relevan. » Jangan tukeran link sama blog ato situs yang kebanyakan outbond link. » Jangan terima tukeran link dari email yang gak jelas. » Jangan tukeran link sama blog yang isi halamanya iklan semua. » Jangan sekali-kali tukeran link sama situs yang berbau pornografi atau pun judi. » Jangan berlebihan loe tukeran link, dijamin blog loe bakal di hukum kalo ketauan om Google.

Backlink yang terbaik adalah one way link gan yang artinya link yang masuk ke blog atau situs kalian tanpa harus kalian pasang link mereka. Peringatan keras dari gw, jangan pernah sekali pun kalian beli backlink ntar loe di hukum sama om Google gan.



6. Sosial Media


Setiap buat blog atau situs selalu pasang tombol berbagi ke sosial media ato share button gan. Fungsinya buat ngemudahin pengunjung berbagi postingan loe ke sosial media, kalo mereka share postingan loe secara otomatis postingan loe bakal nongol di akun sosial media mereka dan bakal di liatin sama temen2nya dan peluang besar buat temen2nya buat ngnjungin blog ato situs kalian gan. Bisa baca postingan gw tentang cara buat share button melayang.

Jadi intinya buat ningkatin jumlah pengunjung. Selain itu loe juga dapet backlink dari situs jejaring sosial yang gak perlu ditanya lagi PRnya berapa gan.


7. Tampilan Blog atau Situs



Tips yang terakhir dari gw gan adalah tampilan blog atau situs loe. Buat tampilan yang simpel tapi menarik kalo bisa hindari pake flash karena bakal ngeberatin blog kalian. Buat navigasi blog yang gampang buat pengunjung, jadi mereka gak susah buat nemuin postingan kalian.

Jangan pasang banner iklan terlalu banyak karena bakal bikin pengunjung sebel, bayangin aja loe yang berkunjung ke blog yang penuh sama banner iklan apa gak sebel gan?


Sekian tips dari gw semoga bisa memberi inspirasi buat kalian para pemula yang mau optimisasi SEO, kalo kalian punya tips lain silahkan di share disini. Jangan lupa berkomentar gan.



(Author)


Surya adalah seorang Penulis Blog dan Internet Marketer. Menyukai hal yang berkaitan dengan SEO. Hobinya maen PS dan Nonton Bola. Mulai menyukai dunia Webmaster sejak 2009.

Pengen kenal lebih dekat dengan Surya follow @kuyax_20

Membuat Social Icon Keren Spesial Gratis

Posted by : Admin On 09 May 2013 19 comments

Lama gak sempet buat postingan baru soalnya sibuk banget gan. Nah kebetulan sekarang ada waktu jadi gw pengen share yang keren ni gan, pasti loe demen. Pada kesempatan kali ini gw pengen share bagaimana cara membuat social icon keren hanya dengan CSS gan. Kalo di postingan yang laen gw udah share cara membuat social icon mobil bergerak, yang ini beda lagi gan.


Contoh social iconnya seperti yang ada di blog ini, kalo di sentuh ada efek slidingnya gan. Cuma info aja social icon ini murni CSS gak pake gambar icon beneran gan. Social icon keren ini hasil karya gw sendiri, dan sempat pengen gw pake buat guest post di blog laen tapi gak jadi gan.

Kalo loe tertarik dengan social icon ini silahkan aja disimak langsung cara membuatnya gan. Cara buatnya gampang, tinggal nambahin widget aja di blog gan. Tanpa banyak basa-basi lagi, langsung kita praktekan aja gan.



Membuat Social Icon Keren Hanya Dengan CSS



  • Pertama loe masuk ke Blogger lalu pilih Layout dan klik Add a Gadget terus tambahkan widget HTML/JavaScript gan. Lalu copy dan pastein kode yang gw kasi di bawah ini di widget baru itu gan.
  • Kalo kalian mau pasang di Wordpress langkahnya sama, tinggal nambahin Text Widget ke sidebar blog Wordpressnya, dan copy paste kode dibawah ini gan.


<!-- Social Icon Keren Dengan CSS Efek Sliding by http://www.seociyus.blogspot.com/ -->

<style type="text/css">

/*start Facebook Icon*/
#SC a.sos1{
opacity:0.7;
margin:5px 5px 20px 20px;
padding:7px 5px 5px 5px;
background:#0282c2;
box-shadow:2px 2px 0 #ccc,3px 3px 0 #fff, 4px 5px 0 #ccc,5px 6px 0 #fff, 6px 8px 0 #ccc,7px 9px 0 #fff, 8px 11px 0 #0282c2,13px 11px 10px 1px rgba(0,0,0,0.5);
transform:matrix(0.866,0.1,-0.5,0.866,0,0);
-ms-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* IE 9 */
-moz-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Firefox */
-webkit-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Safari and Chrome */
-o-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Opera */
text-transform: uppercase;
border-radius: 5px;
float:left;
text-decoration:none;
height:20px;
color: transparent;
font: 12px 'Arial black';
letter-spacing:1px;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja9IdayO8SGjQ8UeYyMx2mas9C7epDR4tnu4wQ-sHKumyCddtlVqxW62LOIe1UYLMMGK-v7gH3dmusKsgbioGbBQvNuA3a4SterT6aO8_FeGlKrgQkfyVZra5w2dtr-nyaNBUkI2XMLwQR/s1600/Web-Facebook+icon.png');
background-repeat:no-repeat;
background-position:center;
background-size: 100% 100%;
}

#SC a.sos1:hover{
opacity:1;
box-shadow:2px 12px 0 #ccc,3px 13px 0 #fff, 4px 15px 0 #ccc,5px 16px 0 #fff, 6px 18px 0 #ccc,7px 19px 0 #fff, 8px 21px 0 #0282c2,13px 21px 10px 1px rgba(0,0,0,0.5),13px 5px 10px 1px rgba(0,0,0,0.2);
}
/*End Facebook Icons*/

/*Start Google+ Icons*/
#SC a.sos2{
opacity:0.7;
margin:5px;
padding:7px 5px 5px 5px;
background:#d44137;
box-shadow:2px 2px 0 #ccc,3px 3px 0 #fff, 4px 5px 0 #ccc,5px 6px 0 #fff, 6px 8px 0 #ccc,7px 9px 0 #fff, 8px 11px 0 #d44137,13px 11px 10px 1px rgba(0,0,0,0.5);
transform:matrix(0.866,0.1,-0.5,0.866,0,0);
-ms-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* IE 9 */
-moz-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Firefox */
-webkit-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Safari and Chrome */
-o-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Opera */
text-transform: uppercase;
border-radius: 5px;
float:left;
text-decoration:none;
height:20px;
color: transparent;
font: 12px 'Arial black';
letter-spacing:1px;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhregVhOODtPQGLh_l_uNmVmJaV__3_Bujtd_I2VRtUCubMqdJ09JI8iJMjou6O44coLrWrgnxL-f_4CnUbo5mlU1JhdHzJejKqmdGvQs2zAjY6kZPtb5WjqCBkPuE9IJWT-SIaIF4vpYMJ/s1600/Web-Google+icon.png');
background-repeat:no-repeat;
background-position:center;
background-size: 100% 100%;
}

#SC a.sos2:hover{
opacity:1;
box-shadow:2px 12px 0 #ccc,3px 13px 0 #fff, 4px 15px 0 #ccc,5px 16px 0 #fff, 6px 18px 0 #ccc,7px 19px 0 #fff, 8px 21px 0 #d44137,13px 21px 10px 1px rgba(0,0,0,0.5),13px 5px 10px 1px rgba(0,0,0,0.2);
}
/*End Google+ Icons*/

/*Start Twitter Icons*/
#SC a.sos3{
opacity:0.7;
margin:5px;
padding:7px 5px 5px 5px;
background:#63c8f7;
box-shadow:2px 2px 0 #ccc,3px 3px 0 #fff, 4px 5px 0 #ccc,5px 6px 0 #fff, 6px 8px 0 #ccc,7px 9px 0 #fff, 8px 11px 0 #63c8f7,13px 11px 10px 1px rgba(0,0,0,0.5);
transform:matrix(0.866,0.1,-0.5,0.866,0,0);
-ms-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* IE 9 */
-moz-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Firefox */
-webkit-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Safari and Chrome */
-o-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Opera */
text-transform: uppercase;
border-radius: 5px;
float:left;
text-decoration:none;
height:20px;
color: transparent;
font: 12px 'Arial black';
letter-spacing:1px;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSilZgSzmjzrADFMFyGVrHPmEDMma2CIgsZt4HYZt8PXOAZTJ5LvTK3YXgfG2GRg9GkAy0lJa6JcvESybw2Id2KdQ488-4HM-4bC7m49lz1V4fcEswFIJ8jYp4tZWfWj2SliiKR6wsMemR/s1600/Web-Twitter+icon.png');
background-repeat:no-repeat;
background-position:center;
background-size: 100% 100%;
}

#SC a.sos3:hover{
opacity:1;
box-shadow:2px 12px 0 #ccc,3px 13px 0 #fff, 4px 15px 0 #ccc,5px 16px 0 #fff, 6px 18px 0 #ccc,7px 19px 0 #fff, 8px 21px 0 #63c8f7,13px 21px 10px 1px rgba(0,0,0,0.5),13px 5px 10px 1px rgba(0,0,0,0.2);
}
/*End Twitter Icons*/

/*Start RSS Icons*/
#SC a.sos4{
opacity:0.7;
margin: 5px;
padding:7px 5px 5px 5px;
background:#fc9c14;
box-shadow:2px 2px 0 #ccc,3px 3px 0 #fff, 4px 5px 0 #ccc,5px 6px 0 #fff, 6px 8px 0 #ccc,7px 9px 0 #fff, 8px 11px 0 #fc9c14,13px 11px 10px 1px rgba(0,0,0,0.5);
transform:matrix(0.866,0.1,-0.5,0.866,0,0);
-ms-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* IE 9 */
-moz-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Firefox */
-webkit-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Safari and Chrome */
-o-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Opera */
text-transform: uppercase;
border-radius: 5px;
float:left;
text-decoration:none;
height:20px;
color: transparent;
font: 12px 'Arial black';
letter-spacing:1px;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_1vPnOypt25pNrgf9jJj8VQPQb6m0pO1ZaKTqFc9CeDXy9bvKimBJAQ4V2q-_Qlydsu0XyffMB3vGkjGD9X7ca5w4YPjyy3GUElLOWBayNMf9Q_xy99K_RJGykb7EU4Hp9j351iVVAUNc/s1600/Web-RSS+icon.png');
background-repeat:no-repeat;
background-position:center;
background-size: 100% 100%;
}

#SC a.sos4:hover{
opacity:1;
box-shadow:2px 12px 0 #ccc,3px 13px 0 #fff, 4px 15px 0 #ccc,5px 16px 0 #fff, 6px 18px 0 #ccc,7px 19px 0 #fff, 8px 21px 0 #fc9c14,13px 21px 10px 1px rgba(0,0,0,0.5),13px 5px 10px 1px rgba(0,0,0,0.2);
}
/*End RSS Icons*/
</style>

<center><div id="SC">
<a href="URL-FACEBOOK-PROFILE" class="sos1" rel="nofollow" target="_blank" title="Like us on Facebook">Icon</a>
<a href="URL-GOOGLE PLUS-PROFILE" class="sos2" rel="author" target="_blank" title="Follow us on Google+">Icon</a>
<a href="URL-TWITTER-PROFILE" class="sos3" rel="nofollow" target="_blank" title="Follow us on Twitter">Icon</a>
<a href="URL-RSS-FEED" class="sos4" rel="nofollow" target="_blank" title="Grab Our Rss Feed ">Icon</a>
</div></center><div align='right'><a href='http://seociyus.blogspot.com/2013/05/membuat-social-icon-keren-spesial-gratis.html' target='blank'><small>[Get This Icon]</small></a></div>

<!-- Jangan Dirubah-rubah Kodenya Nanti Tampilannya Gak Karuan Gan -->


  • Sekarang tinggal ganti aja tulisan yang gw highlight dengan alamat akun sosial media dan rss feed blog loe, kalo udah beres tinggal di Save gan. Jangan dirubah-rubah kodenya dan juga ganti tulisan Icon karena bakal bikin tampilan social iconnya jadi berantakan gan.


Sekarang coba di buka blognya buat ngeliat hasil dari social icon kerennya gan.Cuma sekedar info kalo social icon keren ini gak suport di browser IE gan.


Note : Tolong jangan dihapus link ke postingan ini ya, kalo gak suka di isi nofollow aja gan.


Sekian dulu yang bisa gw share kali ini, semoga kalian suka dengan social icon keren CSS ini. Kalo ada masalah dalam membuat atau memasangnnya silahkan ditanyakan dan jangan lupa ninggalin sepatah dua patah kata di kotak komentar di bawah gan.

Berikutnya Sebelumnya