SEO Ciyus Blog

Pilih Blogger atau Wordpress? mungkin pertanyaan ini yang lagi ada di pikiran loe kan gan. Memilih itu memang hal yang sulit dilakukan di dalam hidup kita. Belum tentu yang menurut loe terbaik itu juga terbaik buat orang lain. Jika kita berbicara mau pilih yang mana antara Blogger atau Wordpress itu pun susah ditentukan.

Kali ini gw bakal memberikan ulasan tentang kedua platform gratisan untuk blogging ini agar loe bisa nentuin mau pilih yang mana. Sebenernya keduanya sama-sama bagus dan terbaik namun memiliki keunggulan dan kelemahan masing-masing. Memilih antara Blogger atau Wordpress itu sebenarnya tergantung dari tujuan yang ingin kita capai gan. Kalau gw sih saat ini pake keduanya baik untuk blogging maupun bisnis online. Biar lebih jelas agar nanti di akhir loe bisa nentuin mau pilih yang mana langsung aja gw bahas dibawah ini.

Pilih Mana Blogger Atau Wordpress?

Seperti yang gw jelasin di atas pemilihan ini semua tergantung dengan tujuan dan gak lepas juga dari selera. Menurut gw rata-rata orang yang sekarang menggunakan Wordpress sebelumnya pasti pernah menggunakan Blogger gan. Bukan berarti mereka gak puas dengan Blogger tapi mereka memilih Wordpress karena ingin sesuatu yang lebih. Ow iya yang kita bandingkan kali ini adalah Wordpress dengan hosting sendiri atau self hosting bukan wordpress.com gan. Berikut gw kasi alasan kenapa harus pilih Blogger atau Wordpress sesuai dengan pengalaman bukan nebak-nebak.

Gw Pilih Blogger Karena

1. Blogger itu GRATIS, keluar duit paling buat ganti domain.
2. Blogger paling bagus buat Blogging yang sifatnya buat have fun bukan money oriented.
3. Blogger gampang pakenya buat ngemodifnya juga gampang.
4. Blogger optimasinya gampang cuma nambahin meta tag di template.
5. Blogger templatenya yang bagus dan premium rata-rata gratis.
6. Blogger jarang sekali error bahkan gak pernah kalau dibuka blognya.
7. Blogger keamananya terjamin dan sangat susah dibobol jadi blog gw aman.

Gw Pilih Wordpress Karena

1. Wordpress bikin gw lebih berkembang dalam dunia blogging maupun internet marketing.
2. Wordpress juga gratis tapi bagusnya sewa hosting berbayar dan pake domain sendiri.
3. Wordpress punya banyak plugin keren ada gratis maupun berbayar.
4. Wordpress optimasinya lebih gampang dengan plugin.
5. Wordpress bagus buat cari duit di internet semisal affiliate marketing.
6. Wordpress itu open source jadi banyak tempat buat gw cari ide ngemaksimalin kinerjanya.
7. Wordpress gak akan pernah dihapus kecuali hsoting atau domain loe habis.


Itulah beberapa alasan gw pilih Blogger atau Wordpress gan, jadi semua tergantung kebutuhan. Intinya kalo loe pemula banget dan pengen buat blog gw saranin pake Blogger dulu. Selanjutnya kalo loe mau maen affiliate marketing lebih bagus pake Wordpress karena akan lebih maksimal hasilnya. Sedangkan kalo loe mau buat toko online ini 50:50 loe bisa pake Blogger atau Wordpress terserah sesuai selera. Gw ga akan membahas masalah kekurangan dari kedua platform ini karena gak baik menurut agama :p.

Banyak yang berpendapat kalo Wordpress SEOnya lebih bagus dari pada Blogger, secara garis besar iya benar tapi semua itu tergantung dari yang punya apa dia paham SEO atau gak serta isi web atau blognya berkualitas gak. Gak ada istilah kalo loe pake Wordpress terus blog loe bakal muncul di halaman pertama, buang jauh-jauh omong kosong itu gan. Memang peluang loe ada buat itu karena Wordpress optimasinya bisa lebih bagus dari Blogger.

Kalo loe mau ada di halaman pertama Google yang harus loe lakuin buat konten atau postingan yang berkualitas. Bisa gw bilang 50% ini yang nentuin sisanya faktor lain-lain, cuma share aja kalo semua postingan di blog ini ga ada satu pun yang gw optimasi, terutama optimasi off page macam cari backlink gitu gak pernah gan kecuali artikel kontes tapi udah gw hapus semua. Backlink gw paling dari blog yang copasin isi postingan blog ini kalo ga ya dari yang pasang widget yang gw ulas disini. Gw cuma nulis asal tapi bermanfaat karena gw gak cari duit pake blog ini jadi istilah gw Blogging for Human :D.

Setelah baca ulasan gw di atas sekarang loe udah bisa nentuin kan mau pilih Blogger atau Wordpress. Keputusan ada di tangan loe gan, coba dulu masing-masing dan pilih yang terbaik. Sekian dulu untuk postingan kali ini semoga bermanfaat dan jangan lupa cuap-cuap di bawah walaupun gw jarang bales yang penting kan di publish jadi loe bisa numpang eksis di blog ini :D.

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.

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.

Lama rasanya gak bikin tutorial pembuatan widget di blog ini. Mumpung lagi ada waktu luang kali ini gw bakal share cara pasang emoticon campuran keren di blog gan. Postingan ini terilhami dari tutorial gw sebelumnya tentang cara memasang emo onion head gan. Gak nyangka aja ternyata postingan gw tersebut banyak yang ngeshare.


Untuk yang sekarang emoticonnya sengaja gw campur biar lebih menarik gan. Emoticon-emoticon ini walaupun gak sengetop si onion head tapi banyak juga di gunain di beberapa forum gan. Gw yakin kalau loe pasang emoticon ini bakal bikin blog tambah menarik dan berwarna. Selain itu bakal banyak juga yang komen di blog loe karena ingin nyobain emoticon campuran ini.

Udah gak sabar pengen pasang emoticon campuran ini gan? Baiklah kalau begitu langsung aja kita ke cara pasangnya gan. Silahkan disimak biar gak salah pasang. Soalnya kalau salah pasang nanti emoticonnya gak mau muncul gan. Kalau gak muncul ntar gw yang di komplain lagi, cek it dot gan...

Note : Inget selalu di back up atau di download template blognya sebelun edit HTML untuk menghindari hal-hal yang gak di inginkan gan.

[DEMO]

Pasang Emoticon Campuran Keren Di Komentar Blogmu

• Yang pertama loe lakuin masuk ke Dashboard blog lalu pilih Template lalu klik Edit HTML gan. Lalu loe cari kode <div class='post-footer-line post-footer-line-3'> atau <p class='post-footer-line post-footer-line-3'> ini gan. Kalau gak ngerti cara nyarinya tinggal teken Ctrl+F di keyboard terus bakal muncul kotak search di kanan atas. Nah loe tinggal pastein kodenya disana lalu teken Enter, ntar bakal ketemu kodenya gan. Kalau udah ketemu loe scroll kebawah sampai nemuin kode di bawah ini gan.

</div>
</b:includable>

• Lanjut sekarang loe copy paste kode yang gw kasi di bawah ini di tengah-tengah kode tadi gan.

Contoh:

</div>

Paste kodenya disini gan.

</b:includable>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style=' width: auto; text-align: left; border: 4px double #0084ce;background: #FFFFFF; padding: 10px; color:#000000; font-weight:bold; margin-left:40px;'><h3 style='text-align: center;'>
<a style='color: #3d85c6;'>Kode Smiley Untuk Komentar </a></h3><br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEPQbEdxfdgS3rnWckW1DIKF2Dw-sYNF7FptnU0DTN6Sd-5NLB0O8OpOQl1DGVfxgeMG3MD0lYtTHMJ1ureAULxNlgyVfkZnmOHkLPOrQxJ9TIiRbHIzTVMR2HtiksGzLRvkoMErUb-DGr/s1600/seociyus.blogspot.com_015.gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy_eYKWk8rlNRg5HOpRD30R3hXDI_rfsrEqShGH8Kmak7QqLPWWwcJ4DQH3VLgauVLf8Ns0lGxruyngFxSMn5FJCjtiJO0NWL8bd7cY2n9FHfd7lwpC_AR3VvsXMfMCmhDVLfEYNoJj3fO/s1600/seociyus.blogspot.com_016.gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR3a1_L3DlTbn_y8CNSqy-8vXCCryAA-h1gHc3_q-KfcGq-OIhfH63NZvGBLdl3lLakVG0WNyYIHUUagfimf0GYgo0oEzeYKKkqqrPGu2dL4QFKr-fLUQISoGvlWPZTe7vY0c_a4qUK5BW/s1600/seociyus.blogspot.com_017.gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJqmlJsiBMqmZyTaBD99zljOOM3LepQPeGBvBi3XTup6e0cB9zWc70zc91yvAmarmofwXN80tRDxp16aPEMJCUHfk1JLly77MgSFsickiU-wrRpdzNhLy3LSGsAHM5GlOt0BvisGxAQpxX/s1600/seociyus.blogspot.com_018.gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ecsxaxIljO16wX_HbyPSluvZnG0Vo5L3o92aYgecZVpe_utfOAL5CXAnVCpMWKflHX3mU322aSR0dEzUPDml4vgPy7x8shZ7HCZ3j4tiBxf6AGF_eGAr7k4W34LcKvP8DRbwrkIlrp0W/s1600/seociyus.blogspot.com_022.gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVgKLSJzmsTM49tD2CzTKKZ5RqSdMOdipOqMOo__Se_b0OvWomeVXd2kjvYNhLRuXAeOPkST0YgQvbpDxeVh-F6Cykaj0i-8TwxK-WFjX-DvcjSksyVz2tY5QctHd5EPM4rirgCwtEtSRF/s1600/seociyus.blogspot.com_025.gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvUG5sGSAWr0iuZqgkyg5HmW1CwYCqN6BnSQFzZAMD1Sur7c2zs5ElwJiamiItuNT95TqyEsweI1ohFY8UbkTOauLjfzxp45a7Wj80IZ82ryvyBYq97J7mxZsUtGphn18bhFxKmAutUBBO/s1600/seociyus.blogspot.com_027.gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGDRZGcRyVb9NAce9_voCEOwVmrH1bHrdj8loMZ5lhzFVHFiWYg_AVni5V_3tMSHDSo-66NHh0kkRNOE2ipt8wN56oAZuw_EMOjkqcKMQ4mbzo2cy-P7RqxFxrTkW89H3vK7ntRg031u1C/s1600/seociyus.blogspot.com_028.gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq1e5cq_lDced2Ao3h9CnbZBvEXPZAiI-boJXpzaPER6bBDA8hJTKVJVR8H4yXYQQhUwBTwqyEhObDUvrX0xC_6dfLsgZoxxXlbk04RJlZo0uAFLNCTYWREN4rNZnIJDh-3gUd4JzjnL1O/s1600/seociyus.blogspot.com_029.gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzAK4-ySaAb3j1fpoJZVfvy33Zm6L5IOe_4zLFfeNQhwueS-QiltgveI9K2Zj_r-tnA18DV8lL1LBS2aYXGAUXCKpgONFTcsHca-FDNp_bm2X4_fNEImTW7B2IIWlp6RAduDeMvQaop6zE/s1600/seociyus.blogspot.com_031.gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWtI1xKf3eqlDxo8jkn3rz7LUyON1qCDY_c9KG87eGMhJy0GgZT3AtkAaK_SOsc_dU8Vcfqsvnd4g_qG4cnEUhELtH9Ug8biKjI8kx7Ufj-zbVzZi1SPnXj6tLY2PqpTlwazpJGj0g_IAy/s1600/seociyus.blogspot.com-chick-smiley-01.gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQPzmEjEPK1dTKtZQYuhybjjx9eaKsqezrXhnlmZWNGKzFqolmrqJFte4b5xMgM9_PSr-_f0gS5tjpD6vlKq5PsX5ppYV4Aua473CFSmYo7hRQNoJtuKU04gcVHf8r3cyITDOLIfhUNJyP/s1600/seociyus.blogspot.com-chick-smiley-05.gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEaFt7rrJ6qUCOo8_tf-1C2FnSclnVISgUkBc1TBWzEUhFoAFpq7TMQj1sX4iLlmqakSrkHoDOV_Pd6-PtIrtEI_Ga-XVlC43jqPas0NJu7aKEjfXNnE0iTSHAzZ6LbXMknEVN1cSiWwi6/s1600/seociyus.blogspot.com_042.gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheqM6IoqFsURtXHl0mYz5ersrf7pzF6ukDTcFJKn_r0cd2rCL674Q4Wt4tNYfPM8EQAjdjRLxrXQXHi99lKw3oRQYrdEqjFeK-GZFXDYM0Bd1_HhaNiOsp5qMbdNr0gIZnfEvf-DkF-dYG/s1600/seociyus.blogspot.com_040.gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPgTBojpQ_3ut01XR4iLac4y7ZRB9Kv_J-NBer54IrpO_BlEk4YiqfM_XnRhTeAM0ltQf_mMY4sx8EP58Sg7S_Oo3K0Mvwrfpl-N5Tpl2LGBsFe1aRzknhGLb1z2CQxVFj3VNGkx1DYt4v/s1600/seociyus.blogspot.com-girl-emoticon-11.gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMlarwTBG2rT6Vhr3QvTA5ZJ9OjgrOWwXSJ-FHDbFJnrb2_QFEW-FUJr1BfkbFQ2LMu-bTHtz5StPuQx3VtxkUtJYeVkTWDpbIbZs_K4E6Fzu1AafirLmKMyDa-Zj7watVDePzRakKb1Y8/s1600/seociyus.blogspot.com-girl-emoticon-19.gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpXA0S72RnzWdyJwtt2JiAbSjn3jFPHdlhAnecxuTRcA1dRIViAyQWF1yJn7CMdhqAx7B4bgvxR8m0YdyZ8DlGSBqlCKOBlPXLnZvjOiemJKW95Qk8YnSvoqgjcCLxcWwQZVTvk75LQzsF/s1600/seociyus.blogspot.com-girl-emoticon-18.gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYzRjHsCGFAbw-kNwImUZmt0HMwM3X0AgdzZX0sgIqocUh1xobbFA9VuqAOc7CxaKCvEzxxcrJUO230hcUnTeJ_bgRhnK7Jxzz1d3iCyJd3bIhe3slEGLbIDFPE6dWuIkiuwjxamYOodC6/s1600/seociyus.blogspot.com-glass-leaf-emoticon.gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTsGy0cmY8BIoz6juyzTCucEg3nuIxatb_2J7qbDK_dF8KJXLwP9KPM8Q-iE78S09pMvOuZC0KqNzTcy1tGxWp81yBp5m0jmBquUDbOeNJ1HshpSyd7HjW47ndbkPFHfs65r_Aq8Jo_25T/s1600/seociyus.blogspot.com-laugh-leaf-emoticon.gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd6uFnN8kkAZER9_68ePxjcRDBweHZGljpsRCV_kiPKVxdXYaxNMdE4W8H3bYiAM90WKVZVYz6ifRDJIPqwKgPdtAmAjuHR4ZE5kafkG99P5k1uG17g_TNKN00g9ZzmMfyx3Q0oqckkrZ6/s1600/seociyus.blogspot.com-sign-leaf-emoticon.gif'/> :t
&#160;
<div style='text-align: right;'>
<a href='http://seociyus.blogspot.com/2013/04/pasang-emoticon-campuran-keren-di-komentar-blog.html' target='_blank' style='color: #1e7ab7; font-size: x-small;'> Dapatkan emoticon ini!</a></div></div></b:if>

• Kalau udah beres sekarang ke langkah selanjutnya gan. Sekarang loe cari kode </body> di template blog dan copy paste kode Javascript di bawah ini di atasnya gan.

<script src='https://sites.google.com/site/seociyussite/file/seo_ciyus_smiley_komentar_bloggerV2.js' type='text/javascript'/>

• Dua langkah di atas beres berarti sekarang blog loe udah ada emoticon campuran kerennya gan. Tinggal di preview dulu kalau gak ada masalah baru di Save template gan. Coba di buka blognya pasti udah ada emoticonnya, selamat gan dan jangan lupa bilang terima kasih.

Sekarang tinggal di edit aja kalau loe mungkin gak suka sama warna dan style bordernya atau ukuran kotaknya gan. Caranya tinggal ganti aja warna sama style border dan ganti juga ukuran width sesuka loe gan. Terus buat posisi kotak emoticonnya loe bisa atur sesuai keinginan, tinggal dirubah aja angka di margin-left semakin besar maka semakin ke kanan kotaknya gan. Kalau loe pengen kotak emoticonnya ada tombol buka tutupnya silahkan di cek kode javascript untuk blog.

Note : Tolong jangan di hapus link ke postingan ini ya gan. kalau loe gak suka ada linknya silahkan di isi rel nofollow gak kenapa ok gan.


Sekian yang bisa gw share tentang cara pasang emoticon campuran keren di komentar blog gan. Semoga aja loe suka sama emoticon ini, kalau ada pertanyaan silahkan di tanyain dan jangan lupa ninggalin komentar gan.

Udah pada tau kan kalau sekarang tampilan edit template Blogger udah berubah gan. Lebih keren, moderen dan simple mirip-mirip kayak edit template di WP. Sekarang udah gak ada lagi fitur Expand Widget di edit templatenya gan. Kalau mau cari kode langsung tinggal di search aja dan kalau mau edit bagian tertentu dari widget di template udah disediain pilihannya gan.

Sebenernya buat yang udah lama ngeblog tampilan edit template baru ini sama aja gak ada bedanya gan. Tapi mungkin buat yang baru ngeblog pasti bingung, apalagi kebanyakan tutorial yang ada di blog ini masih pake cara edit template versi lama. Oleh karena itu gw buat tutorial cara edit template Blogger versi baru ini biar loe bisa ngerti gan.

Langsung aja silahkan disimak penjelasan tentang cara edit template Blogger versi baru ini gan.

Cara Edit Template Blogger Versi Baru

Pertama kalau mau edit widget udah disediain pilihannya gan. Tinggal di klik aja Jump to widget ntar bakal muncul pilihan widget yang ada di blog loe. Setiap widget yang loe pilih ntar bakal ditandai kodenya dengan tanda panah kecil dan sudah ada angka yang nunjukin urutan baris ke berapa kode tersebut gan.



Sekarang untuk mencari kode di template blog, kalau dulu kita mesti centang Expand Widget Template sekarang gak pake lagi gan. Untuk nyari kode tinggal klik aja di sembarang tempat di dalam kotak kodenya lalu teken Ctrl+F. Nanti bakal muncul kotak search di pojok kanan atas, tinggal di ketik aja kodenya nanti bakal langsung ketemu gan.



Itu aja yang baru di edit tempalte Blogger gan. Untuk Format Template itu tentu fungsinya untuk memformat tempalte blog biar lebih rapi dan valid, silahkan aja dicoba sendiri gan. Sekian dulu ulasan singkat gw tentang cara edit template Blogger versi baru ini, semoga bermanfaat. Jangan lupa ninggalin komentar di bawah gan.