0 Cara Mendaftarkan Blog Kamu ke Google

Setelah membuat sebuah blog, mendaftarkan blog ke google harus segera dilakukan. Hal ini merupakan dasar blog yang sangat penting agar google segera mengindeks blog lalu menampilkannya di hasil pencarian. Sebelum mendaftarkan blog ke google, sebaiknya buat minimal 5 artikel di blog lalu terbitkan agar google langsung mengindeks konten di blog dan spider mesin pencari segera mengcrawl isi blog. Selain mendaftarkan blog, istilah lain yang biasa digunakan adalah submit blog.

Cara Mendaftarkan Blog Kamu ke Google sangat mudah. Meskipun tanpa mendaftarkan blog kamu ke google, google tetap akan mengindeks blog secara otomatis. Adapun waktu yang dibutuhkan google untuk mengindeks blog baru tergantung dari banyak hal, terutama jumlah artikel dan kuatnya SEO template blog. Daripada menunggu lama, lebih baik daftarkan blog ke google secepatnya.

mendaftarkan blog ke google sangat mudah dan hanya butuh waktu beberapa menit ( tergantung kecepatan koneksi internet ). Untuk segera mendaftarkan blog ke google, simak panduan cara mendaftarkan blog ke google berikut ini :

• Kunjungi / Klik : Webmasters Google
• Masukkan URL blog anda dan kode chaptcha pada kotak yang tersedia seperti gambar di atas. Jika kode chaptchanya susah di baca, klik icon lingkaran pada kotak merah untuk mendapat kode chaptcha baru.
• Periksa kembali URL blog dan kode chaptcha. Jika sudah cocok dan tidak kesalahan ( terutama kode chaptcha ), klik tombol "Kirim Permintaan".
• Tunggu loading beberapa saat. Jika muncul pemberitahuan sukses, berarti proses mendaftarkan blog ke google sudah selesai. Jika sebaliknya, lakukan lagi dari awal.
• Selesai.....

Dengan mendaftarkan blog kamu ke Google, semoga blog anda semakin populer di google, tampil di halaman depan hasil pencarian, dan trafik pengunjung blog bertambah 100 kali lipat . 

dan semoga artikel diatas membantu....

0 Promosi Blog Kamu Ke search engine

Sudah punya blog? Bagus, kalau sudah. Sekarang aku mau share ilmu murah tapi bukan murahan lo. Sekali lagi, ilmu ini udah basi dan sudah banyak dibahas. But it's okay, daripada aku ga nulis sama sekali, mending aku nulis yang udah basi sekalian biar tambah basi, he.he... Salah satu promosi blog yang paling mendasar adalah dengan mendaftarkan blog ke search engine. Kenapa harus didaftarin bang? Follow the next step please...

Sebab kalau blog ataupun situsmu belum didaftarkan blog ke search engine, maka blogmu atau apapun namanya akan menjadi blog atau situs yang mati untuk beberapa lama sebelum akhirnya Google menemukannya secara alami. Kenyataannya kan kita bermain di dunia internet. Logikanya, bagaimana cara orang untuk bisa menemukan blogmu atau isi artikel postingmu di internet? Ada banyak cara. Mungkin bisa jadi kamu mempromosikannya melalui sms ke temanmu memberitahukan alamat blogmu, bilang langsung pas lagi ngumpul atau membuat stiker kecil atau selebaran yang di dalamnya telah tertulis alamat situs atau blogmu.

Tapi cara yang paling sering digunakan orang untuk menemukan blogmu atau isi artikelmu di internet adalah dengan mengetikkan kata atau keyword di search engine. Bisa jadi dia mencari sesuatu yang perlu saat itu, maka dia langsung nyari ke search engine. Dan search engine memunculkan hasil pencariannya.

Kamu kenal Google kan? Yups benar sekali, pasti semua pengguna internet di dunia ini mengenal Google sebagai pemain terbesar dalam dunia internet. Google itu rajanya search engine. Namun apakah hanya Google? Ow tidak-tidak, masih banyak yang lain. Masih ada Yahoo! AOL MSN dan ODP sebagai direktori situs web terbesar sepertinya.

Terus apa kaitannya nama-nama di atas dengan searh engine bang? Okey, langsung aja ke topik utama ya. Google, Yahoo!, MSN, AOL, ODP adalah situs tempat anda mendaftarkan blog atau situs mu. Tujuannya agar nanti bila ada orang yang mencari artikel atau blog yang berkaitan tentang blog atau situsmu, maka blog atau situsmu akan muncul di hasil pencarian search engine mereka (tapi ga tahu juga di halaman berapa). Biasanya halaman jutaan bagi blog yang baru dibuat. Jadi harap bersabar, okey. Punyaku juga masih halaman jutaan koq hingga ini kuposting, so tenang aja masih ada teman seperti diriku.

Daftarkan blogmu ke Google
klik http://www.google.com/addurl.html
Isi alamat blog pada kotak URL dan masukkan juga thema tentang isi blogmu. Singkat saja tapi benar-benar merupakan inti dari thema blogmu. Masukkan kode di formulirnya lalu klik Add URL. Selesai..

Daftarkan blog ke Yahoo!
klik http://siteexplorer.search.yahoo.com/submit
Namun sebelumnya kamu harus sudah punya email di Yahoo! Untuk formulis pertama. Masukkan alamat blogmu di kotak isian. Contohnya seperti di bawah ini.
http://namablogkamu.blogspot.com (untuk blogger)
http://namablogkamu.wordpress.com (untuk wordpress)
Formulir kedua, kamu masukkan nama feed blogmu. Contohnya seperti di bawah ini.
http://namablogkamu.blogspot.com/atom.xml (untuk blogger)
http://namablogkamu.wordpress.com/rss.xml (untuk wordpress)
Lalu tekan tombol submit. Selesai..

Daftarkan blog ke MSN
klik http://search.msn.com/docs/submit.aspx?FORM=WSDD2
MSN adalah milik Microsoft, jasa layanan search engine-nya lumayan banyak digunakan pengguna internet untuk mencari berita dan informasi. Masukkan kode verifikasinya lalu tuliskan alamat blog kamu di kotak formulirnya. Setelah itu tekan subbmuit URL. Selesai.. Sebagai catatan situs ini telah berubah menjadi Bing. Search engine akan di redirect ke Bing.

Daftarkan blog ke ODP
klik http://www.dmoz.org/add.html
Kalau bagaimana dengan ODP bang? ODP (Open Directory Project) bukan search engine. Namun hampir semua search engine seperti Google, Yahoo!, MSN, AOL, Alexa, Lycos, Theoma, Ask Jeevess mengacu pada data base (directory) yang di simpan oleh ODP. So, aku menyarankan dn merupakan keharusan juga sih untuk mendaftarkan blogmu atau situsmu ke ODP. Daftarkan blogmu dengan menyesuaikannya pada kategori yang telah mereka sediakan.

Ingat banyak peraturannya di sana, jadi kamu harus berhati-hati dan mengisi formulir pendaftaran dengan harus benar-benar mengikuti aturan main mereka. Kalau enggak, ga bakalan situs atau blogmu mereka masukkan. Kalau blogmu ga memenuhi kualitas dan kualifikasi yang mereka tentukan, jadi maap saja kalau blogmu ga terdaftar. Tapi patut untuk dicoba. Kalau sudah mendaftar, tunggu aja sampai satu bulan apakah blog atau situsmu sudah diindex sama ODP. Dan ingat jangan mendaftarkan blog atau situs yang sama sebelum satu bulan atau mungkin bisa jadi 3 minggu (if you lucky). Blog bang del aja sampai sekarang belum diterima ODP .

By the way, setelah kamu mendaftarkan blogmu ke Google, Yahoo!, MSN, ODP dan search engine yang lain, kamu harus menunggu beberapa lama (bisa sebulan atau mungkin sampai tiga bulan) agar blogmu bisa di index dan di crawl oleh mereka. So, bersabarlah dan banyak-banyak menulis konten di blogmu sambil menunggu untuk diindex search engine.

0 Cara Mendaftarkan Blog Kamu Ke Google Sitemap/Webmasters

Banyak cara untuk menarik perhatian google kepada blog kamu. Satu yang terpenting adalah dengan mendaftarkan blog ke google sitemap. Mengapa harus Google ya? Karena google termasuk rajanya mesin pencari atau search engine. Mau ga mau kita sebagai penggunanya juga harus mengikuti aturan main google.

Mendaftarkan blog ke google sitemap akan semakin meudahkan google untuk meng-crawling semua artikel yang ada pada blog. Google akan menangkap secara otomatis setiap postingan kamu. Sebelumnya kamu harus punya account di gmail untuk bisa mendaftar ke google sitemap. Caranya buat email di gmail tentunya sangat mudah bukan. Sebaiknya gunakan email gmail untuk login blogger kamu agar sama dengan account di google sitemap.

Ikuti langkah mendaftarkan blog ke google sitemap:
1.Login dengan ID gmail kamu ke google sitemap
2.Perhatikan pada halaman sebelah atas yang ada tulisan Add Site.


3.Klik tombol add site. Isilah kotak tersebut dengan alamat url blog kamu.
Contoh: http://NamaBlogKamu.blogspot.com Selanjutnya klik continue.


4.Setelah itu akan muncul pilihan Verification method. Google memberikan pilihan verifikasi dengan metode Meta tag atau HTML. Pilih yang meta tag. Maka akan muncul kode verifikasi seperti gambar di bawah ini.


5.Copy meta tag yang diberikan lalu paste pada note pad atau text editor lainnya.
6.Silahkan login ke blogger.com dengan id blog kamu. Pilih blog yang kamu daftarkan tadi. Pilih Tata Letak » Edit HTML » Expand template Widget


7.Paste meta tag tadi tepat di bawah html blog kamu. Penting, kode tadi masih harus ditutup dengan tags "/" karena kode aslinya dari google belum ditutup. Sehingga kode yang kamu paste adalah
<meta name="verify-v1" content=" kode meta tag blog kamu di sini ="/>
Setelah itu, kamu simpan template dan lihat blog kamu.
8.Kembali ke layar google sitemap dan klik verify.
9.Bila semuanya telah kamu lakukan persis seperti di atas maka akan muncul tulisan seperti ini Congratulations! You're a verified owner of this site:http://NamaBlogKamu.blogspot.com/

Lakukan hal yang sama untuk blog kamu yang lainnya dengan cara di atas. Saya berharap dengan menambahkan kode meta tag dari google sitemap dapat merayu google untuk lebih tertarik dengan blog kamu. Cukup sederhana.

0 Tips Mengatasi Posting Blog Yang Tidak Bisa Di Simpan

Hal ini pernah saya alami ketika saya tidak bisa mengesave post di blogspot dan saya tidak menemukan jawabanya ketika searching on google. Tetapi ternyata ada lembar bantuan untuk para blogger sehingga mereka dapat menuliskan keluhanya pada sebuah forum di blog. Dan sepertinya saya mau ambil langkah mudah untuk pindah saja ke wordpress. Hal ini sangat menyulitkan bagi saya untuk dapat sharing dengan pembaca saat blog mengalami problem seperti ini.

Hehe ini bukan perasaan putus asa, tetapi yang namanya sistem mesti demikian. Karena semua peralatan yang canggih yang dibuat manusia pun ada suatu saat yang membikinya error dari jalan sistem yang telah ditentukan. Seperti pada blog kali ini, hal itu merupakan peristiwa kesalahan perintah yang diterima oleh sistem sehingga menghasilkan kegagalan dalam menyimpan file untuk diunggah. Nah ketika saya mengunggah file, saya pun mendapatkan kode dari permasalahan ke Google.. 


Ada Metode yang mungkin bisa anda gunakan ketika mengalami seperit ini, yaitu dengan membuka design/ perancang lalu cari kata bantuan blog, seperti pada gambar berikut ini:

 

Ini tampilanya saat anda klik Bantuan Blogger

 

 

 

Klik kata bantuan itu, lalu utak utiklah dengan kepandaian kalian, sehingga dapat kembali lagi. kalian juga bisa mendapatkan problem ini ketika kalian mengutak utik html pada blog. Nah ketika anda sulit untuk melakukan itu..(karena saya juga tidak bisa mengutak-utik perintah bantuan tersebut untuk membenahi permasalahan diatas...hehe :) 
 Dan saat saya mencoba menu Kirim Masukan (dalam angan saya barang kali ada penyelesaian dengan memasukkan kode yang ada saat terjadi kegagalan running pada blog), tampilanya seperti ini...

Nah masalahnya adalah kemana saya harus memasukkan kode tersebut?? 
Itu lah yang membuat saya akhirnya males pakai blogspot kalau seperti ini terus... Tetapi permasalahan tentang bagaimana tentang penggunaan tombol bantuan tersebut menjadi tanda tanya bagi saya... dan Ketika saya bingung dengan hal itu.. 
Tiba-tiba timbul dalam pikiran untuk men-default HTML pada:

Design-----> Template----> Edit HTML-----> Expand Template Widget

Setelah itu saya dapat menyimpanya lagi dengan lancar......

Nah bagi kalian yang menemui masalah itu maka ada kemungkinan yang saya perkirakan kenapa hal itu terjadi?

• Koneksi Internet Sedang Lemah (bisa diatasi dengan, memperbaiki koneksi internet dengan memilih broadband tertentu.
• Ada masalah pada HTML anda (kembalikan ke setting default)
• Karena anda sedang menggunakan tab yang banyak (kurangi porsi tab yang anda gunakan)

0 Membuat Social Icon Keren Spesial Gratis

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.

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.

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/AVvXsEhBJ6mxh3RECnbxDz0y6Ngi8DZQ1CqbHnFRVabFbSb1zG8pUv8gW9AWDHgz2Mr8bIvSbqMm3C-vC5JTuCSJhWrr1fVfjehE1Gx6npu2HVOOE5RUv-Jvf3upwuFcRyAs4BWHDBS8dYPWQ6u0/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/AVvXsEhZwKXD0VQBZVcdvldEFyjGHVoi-uXWwYxLB6x6Jh29wWxw92cjIofCz32NW5KVYT9KXC5oKS-kXQHmYmA3FIgg6AxsJeENmUuQIhH8yrpN4SiFWJztPnowUy1mHZDnaaaOenZ7FcXNFV-X/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/AVvXsEiKq0RPwU54VIqXvhqmiG-U0y9TLtY-Wzo3d6m92Pzolz3kZCwE8uquEY6Z_HiEVW02dfs4NjO4wG6iUcR3czB1eyLzxilH2M6CpLuUgFFM-4VWaKn1Pf1v4NLDpqKKg9VxCBH93htpMRSN/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/AVvXsEjmEUCLaE92cGyxycxi-xQS2JYjhphBGUejcLckFzVnXgmqxPWr8wY_wt6njX95Jmlp9lXFc8A2Y5c-_mOR4Cv7wIAOD-Buykiz-bZZVLQpf78uPjIT0qBlBxsuzrCJivizJt-Mul82YmLv/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.



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.

0 Pasang Emoticon Campuran Keren Untuk Komentar Blog

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/AVvXsEiOgNWp5EzUsFJSazCoxfH2H8QByWPB_vqvvh3HtkIONQoqdDYh80-N_T4-Z_PHG55IRxj-4QT0edPXQtpOH4jbmJo8UsZAxKhlDv_EmG7B0SxPXHKSWzP-qJtH5ZEe1ZqBJmsfDzDllN-v/s1600/seociyus.blogspot.com_015.gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5729k0eUVk8JUFm_6wqwWt_GAOp1uyvxAV5wdE5uJvGnztggRmGWUCaWglEAuZTepJnrWsP4GcJorwqmAsgHz6EjgMY3pKCHRqnGcmL2VHhV30Gyl0t7Tz3w0KKg6toTMvqbVUBEINUPB/s1600/seociyus.blogspot.com_016.gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMMbLUr7A6mK3G6A8RoCche_aImQ6LrmXfQjBhkTWTzHtTvcxpqbOmsjiOxoplErCtLSYZwuWe7MLQoSHniBrKMXEo_2SfjOUeOHGANQM7AB1aHbymx4e26dJSJ2EC2tFKH84GZCuvRE5V/s1600/seociyus.blogspot.com_017.gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzkC_Gn7sOkJqJIZ8j4qPTZypwBQLKbU-2Foeioh_dAsSSG0TXVWdHCszmmCCiNTw_ZHlQPYWgAPgKtf0e2aFW5NtEXBP3V3tTMD21aF0ZGoBrsA6F0gVgey-QZw4x5GTNqv9I2l_KhUWu/s1600/seociyus.blogspot.com_018.gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUWo2NkUHWK_1THCJlLWdyc5H0GfQxudv3uAQ6VIArUmdbmyxuznZQkefr1km1U8ndbEY4D0J8IQtDajrK8RC-icnUqvwVyheUwK3B5MOA6Tjb1WMxu-d18oB8ByHAmFBlySFfQW_MUoCd/s1600/seociyus.blogspot.com_022.gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQL8Zb1drLAkpL3X6KMY8h3E5Ol0izdxgX8iaL1tJQ-HRVMDXbnp_GuTFVh3wxL3XyjvlxF7znNPW_XA0dS16flIpLkcIgCXXArhfgxpG91CsEKir6lGuZyExlrC8sp-WQRvYEBXBXWCfo/s1600/seociyus.blogspot.com_025.gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjevXdftNNS8YmVmqnd-JE_Qdae87NtTDi_eIWMqV21I9W92ItICTBtuxH1eblEzhdG2fYspZ8fbN8hxLpF9-EKdvLfgqmPbEVWAYBxkoQuFc5ei4S7cStA_P5_fw7wjXIAKP1I2p2uCUGd/s1600/seociyus.blogspot.com_027.gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgelrCtcFHrj3vsDUwqx1RXtN6MCJnXvQiahwnbp0zmg8qS3Io_BbwVvDYwju4zgk7Mhkg96Qn_DVmWdnC2DMZATLH_SQyQO9D1aYKJu4W-kXJ5Xan2gmF8i7BGHLAE4-TkEXRzOteIXtqa/s1600/seociyus.blogspot.com_028.gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihv8ERaolbO2bxB9-BNAir_BWXxTIehz4kQ0FOFMwvvYYTgKTmcJwwm2e4TJwc4IbwsjPjIOs37qiur7lTT1zBxBZ2vIpM0LUvsHCdQ3OMU3XCLKhEO9xKNyyT9bFaOHGn8hnaNbarrB8O/s1600/seociyus.blogspot.com_029.gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4QJ2vagEaVJwQoz-V0Wmk7LwX5dXT0jXjDjpXPKlNq4Jrj-dHLviWgIGhw9XSAzCvPq21VBR-OdOdpqLtmJl5nCd1H-ncIsI5QexKXy-hijr99PMd9Y1IGeM73Pz6pMXF4GENq3qlg1JO/s1600/seociyus.blogspot.com_031.gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp1xDEWlePwmRnSIUpuji5b776RJMnwTKbS5T1sjCw8g5Q_26IWpcjh8iX73noKciSZIoj_4tZ4oDpU8wcjKlPhP9Kr567zibxe3XliyM2-qZMhBPpY2-Hef54LHyqqbKhWJOS6fcU5t6j/s1600/seociyus.blogspot.com-chick-smiley-01.gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2CucOA3WllPGkKgCidTtgh6jV0wiVcOcb7oWWk08bKv6opY2nFLB2hqmWifqYDXRE4yQTrRXwAS75T3QVqCzmy4IWgCd0rVSHngaRdNWtnFU-Miet0ktDowCZqgr4zRIWPnP-hiV-qfan/s1600/seociyus.blogspot.com-chick-smiley-05.gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibhduCQQ7hPAfMVisXD1gzETSuf22RLit2LcCA5ppjrAW6CRI9MIlBCVN8HL-NtNgFknOsZaCSW-x-X2qntSjpbLc5nHY5V_2YtDb-ejjOIk5ZjMufe87P319P6YCrwsIbkzT7f7tNFRRr/s1600/seociyus.blogspot.com_042.gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihHDdCiSgGMm9jewqsJCZb3ONPINnEhiZc3UeN6g_2TkpwDuPjm2oYKb9q7_A-1THuJ4yKzx66hEL4FGx3MaN5CsRmbb0LqYn7uCJQawGvjwzY9fUlUONySh9DvYX_lD4Iz9O3I2PHWrOj/s1600/seociyus.blogspot.com_040.gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIo2GED8FWyIKkXgDtJF4nI_Og3jnMD2Ap51BZdZR8iqsC-EGj19EcO9DPXicUZO90_c2y0yCN2ZLM5_mI0FNPqEsbm_QrIOjgOL7h_26BrbT9z08cUCRArkvJj2eHshFvmicuFlN0EZk6/s1600/seociyus.blogspot.com-girl-emoticon-11.gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0egYaNyu-sIv_nEE6JVVl7mSvBWfKl0MKtIkBBtMHXabkeJ-FDaD_Udc8mjER5TisUrkDbm4eAzO_DtePJsoU0S_N8ZbdweWG78awdoXAAhzzuPuGfMMzoTe3GZlql07ALMxG47T-VDCA/s1600/seociyus.blogspot.com-girl-emoticon-19.gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX8Q7KnStsA0i-ykmQnZfi1QIOXJzBm6idsOBHWIz6eaPJT0QMB6aNdyrwUysb8WLVgid_YYalhNozpuBe0P96VFQa_h8_nCsAxab_0z2LyB3kyRUZ35jq4p-PLlqixFL2F228yqR_B8ip/s1600/seociyus.blogspot.com-girl-emoticon-18.gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdBF5uzhqo2VoOe_JgZC4bgtjySbCPy-YDaTUeSPpYqFUXpjJ-GL9gknQsfHrpIQi9EDxYFGzw87mhnBeDIBv3TYy0lya2wJ2lQ2YH4IuUoM1JVLoOuVsdjGkR8jV91LjuHmBPV4kfnKvi/s1600/seociyus.blogspot.com-glass-leaf-emoticon.gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj62qdL8PljQ04NoGMl5qPtgemhednHupSaaW9I-XrFntm4VgXZH_rr9OKvKLMIWOqWIeslPNDSB2lYlbscVAgRjASxOb8FYQhow0Jh9jTIypWjFfluVKiqNc_Auz5sIEPkCxqkTnWstYv6/s1600/seociyus.blogspot.com-laugh-leaf-emoticon.gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuIEvKJeHFWgz6Df2p-iqkqUuYU3xRJTi13Itl2GpVOd-PLUX67I2aDwVsFSpcT9VlExRMf9MnMpRicr0RxH0GmiNkpUErqK1IQkDvYWie9opP3-Hbu62e6gudLCOPaG03z85WfWQrm9Wm/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.


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 agan.

0 Pasang Emoticon Keren Untuk Komentar Di Blog Versi 1

Kali ini saya akan membahas Cara Menambahkan Emoticon di Kotak komentar Blog. Seperti yang anda ketahui, dengan memasang emoticon di kotak komentar, maka pengunjung akan mudah mengekspresikan sarannya pada kotak komentar. Selain itu, blog kita juga akan lebih menarik. Contoh Emoticonnya seperti gambar dibawah ini.

Berikut Tutorialnya :

1. Login ke Account Blogger sobat

2. Pilih Rancangan, Edit HTML, lalu ceklis "Expand Template Widget"

3. Cari kode </body>  agar lebih cepat ctrl+f lalu copy kode dibawah ini tepat di atas kode tadi

<style type='text/css'>

.emoWrap { 

  background-color:transparent;

  border:none;

  padding:10px 14px;

  color:black;

  font:bold 12px Tahoma,Arial,Sans-Serif;

  text-align:center;

} 

img.emo, input.emoKey { 

  display:inline-block; /* Penting! */

  *display:inline;

  vertical-align:middle;

} 

input.emoKey { 

  border:1px solid #ccc;

  background-color:white;

  font:bold 11px Arial,Sans-Serif;

  padding:1px 2px;

  margin:0px 0px 0px 2px;

  color:black;

} 

</style> 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/> 

<script src='https://republicofnote.googlecode.com/svn/trunk/emoticon%20di%20kotak%20komentar' type='text/javascript'/> 

<script type='text/javascript'> 

//<![CDATA[ 

var emoRange    = "#comments p, div.emoWrap", 

    putEmoAbove = "iframe#comment-editor",

    emoMessage  = "Untuk menyisipkan emoticon setidaknya anda harus menambahkan satu spasi di awal simbol.";

//]]> 

</script>

4. Klik simpan template dan lihat hasilnya