SEO Ciyus 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/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.

Kalau berbicara Wordpress theme pasti banyak banget pilihan yang keren-keren ya gak gan. Dari yang premium theme atau berbayar ampe yang gratisan semua keren menurut gw. Tapi dalam memilih theme yang pas tentu tergantung selera masing-masing.


Kebetulan udah lama gak buat postingan tentang Wordpress, kali ini gw pengen share beberapa Wordpress theme keren gratis edisi awal 2013 gan. Silahkan dinikmati kalau kalian suka langsung aja di download. Sebelum download di cek dulu demonya gan biar tau gimana tampilan themenya.

Beberapa theme ini sebenernya bisa kalian temukan di situs resminya Wordpress gan. Tapi mungkin kalian gak sempat ngeliat theme-theme keren ini jadi gw kasi reviewnya disini gan.

WordPress Theme Keren Gratis Terbaru Edisi Awal 2013

1. Designfolio

2. Frank

Author : P.J. Onori

3. GroundWork

Author : Bryan Hadaway

4. Xenon

Author : Jinson Abraham ( web2feel.com )

5. Deux Milles Douze

Author :  Christine Rondeau

6. Spun

Author : Caroline Moore



Gimana Wordpress themenya gan, keren-keren kan. Segitu aja dulu yang bisa gw bagi kali ini kalau ada yang baru gw usahin update gan. Semoga beberapa Wordpress theme keren gratis ini berguna buat kalian yang mau buat blog atau situs dengan Wordpress. Kalau belum tau cara membuatnya bisa dilihat tutorial membuat wordpress hosting gan. Jangan lupa ninggalin komentar ya gan.

Dalam membuat blog peran sebuah template sangat besar pengaruhnya gan. Selain tampilannya harus keren juga template tersebut harus ringan dan SEO friendly tentunya. Kenapa harus ringan dan SEO friendly, alasannya sederhana kalo loading blog kita cepet, pengunjung pasti ngerasa seneng. Dan SEO friendly tentu biar blog kita di sukai sama mesin pencari gan.


Buat seorang blogger tujuan membuat blog tentu biar blognya nomor satu di Google, dan juga bikin tampilan blognya sekeren mungkin ya gak gan. Di luaran sono banyak banget situs yang nyediain template Blogger gratis, dan hampir semuanya keren menurut gw gan.

Pada kesempatan kali ini gw pengen berbagi template ringan SEO friendly gratis gan. Template ini hasil karya gw sendiri dan tampilannya lumayan gak jelek-jelek amat. Template gratis ini gw namain Ciyus 1st Edition gan.

Setelah beberapa hari gw utak-atik akhirnya tempalte ringan SEO friendly ini beres juga dan siap di edarkan gan. Template ini gw usahain buat seringan mungkin dengan meminimalis pengunaan javscript, jadi gak banyak fitur widgetnya. Untuk fitur lengkapnya silahkan di baca di bawah ini dan dicek juga demonya gan.

Fitur Template Ciyus 1st Edition :

1. Template 2 Kolom.
2. Layout Krem dan Biru.
3. Ringan dan SEO Friendly.
4. Sidebar Kanan.
5. Tab Menu Atas Dropdown.
6. Halaman Konten & Sidebar Lebar.
7. Navigasi Melayang.
8. Slot Ads 468x60 di Header.
9. Slot Ads 125x125 di Sidebar ( Eksternal Kode ).
10. 4 Widget di Footer.
11. Social Icon di Header.
12. Widget Related Post di Bawah Postingan.
13. Facebook Comment Keren Plus Blogger Comment.
14. Widget Back To Top.

License / Lisensi : Template ini gratis dan boleh digunain buat keperluan komersil maupun non komersil. Bagi pengguna di haruskan untuk tidak menghapus atau merubah link atribut dari author di footer template.

Pengaturan Template Ciyus 1st Edition :

1. Header ( Judul, Banner 468x60 dan Social Icon )

Untuk Judul dan Banner 468x60 langsung aja di edit dari Layout blog kalian gan. Buat Social Icon kalian tinggal cari kode di bawah ini dan ganti tanda # dengan URL profil sosial media kalian. Sekedar info aja kalau social icon di template ini bisa juga kalian download di blog ini gan.

<div class='socialhead'>
<a href='#' rel='nofollow' target='_blank' title='Like Us on Facebook'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRp-iW5oSHq6JTmz1G0yWgN53m3boDmomwxMRdQfUk7QFESqUU7XrQ2nOOqJFsgmUOoF57mnYkpIdF-cs1ftb-P-Kt7EHpK02wwh0DbgucqiRB0A0b_Dx33moHCPFYykM4F14UVpusFoMr/s1600/SC+facebook+icon64.png'/></a>
<a href='#' rel='author' target='_blank' title='Follow Us on Google+'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimbGqwnmB8kO4KAtQ517YkR9WeExlGbuiSthAZcpvVWYfF5nTdI7erdAOQ_R1b_toQMV1Jta3uz0RoM6uxLGRv_toO0TXZAYQe9qrvj-qcqNazZ_q5ZeDJbQv29GdgP8NyEeVaBmOtrUIq/s1600/SC+google++icon64.png'/></a>
<a href='#' rel='nofollow' target='_blank' title='Follow Us on Twitter'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK6YDSLrJuhCHdChNIpMNrDeRDS4I9FPsqHwBja0l6V4VYg_4Dw_QpKbTCviBa1wALSU_gTsC9TkUWUCvPnplwyTJ3tlO6ZO3e_oCkqrZuZ2ZeqpvGlJBaWVzcOXYZ-UR3lIsMgREt2eYg/s1600/SC+twitter+icon64.png'/></a>
<a href='#' rel='nofollow' target='_blank' title='Subscibe Via RSS Feed'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkk6GdMwrBjJmv25fSdHAOtC9Dq7bdI3gBkY1Ero5xsomVljcQTU2hVR80RHLg4lg-GdsrUKTrlIq3tstylKc4WD92fYtxKboBV6ZXAo_0S1hsY4EPKa-dM1tVzxyEJ8k9UGLU8wPCYPHO/s1600/SC+rss+icon64.png'/></a>
</div> 

2. Tab Menu

Buat ngedit Tab Menu tinggal cari kode di bawah ini dan rubah tanda # ganti dengan url yang sesuai dengan isi blog dan judulnya silahkan diganti juga gan. Kalo mau ditambahin menunya silahkan aja gan disesuaiin aja sama kebutuhan.

<div class='menu-primary-container' id='submenu'><div class='menu' id='menu-primary'>
<ul>
<li><a href='#'>News</a></li>
<li><a href='#'>Tutorials</a>
<ul>
<li><a href='#'>Blogger</a></li>
<li><a href='#'>WordPress</a></li>
<li><a href='#'>SEO</a></li>
</ul>
</li>
<li><a href='#'>Service</a>
<ul>
<li><a href='#'>Web Design</a></li>
<li><a href='#'>SEO Service</a></li>
<li><a href='#'>Template Maker</a></li>
</ul>
</li>
<li><a href='#'>Freebies</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>About</a></li>
</ul>
</div></div>

3. Sidebar Slots Ads 125x125

Ini Slots Ads 125x125 gw pake kode tambahan jadi tinggal nambahin di widget sidebar aja gan. Kalo kalian suka silahkan dipasang kodenya ada di bawah ini, tinggal diganti URL Iklan dan gambarnya gan.

<div align="center">
<table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#fff">
<tbody><tr>
<td><center><a href="URL Iklan" rel="nofollow" target="_blank"><img border="0" alt="Deskripsi Iklan" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbbDgsbv0qpNHPkqa5Uv5SxC7VXlFepcsX2wCyzyPmv30LFV-677EJVBLxxFRBQl4Y3hMZrkQoxWWbNYbhymoDZQCKSSUQzvrnmZi6GGRA0pVNULw7zUYpznu2AnI-KeC41fTqLwlqZ6tX/s1600/ads.jpg" height="125"/></a></center></td>
<td><center><a href="URL Iklan" rel="nofollow" target="_blank"><img border="0" alt="Deskripsi Iklan" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbbDgsbv0qpNHPkqa5Uv5SxC7VXlFepcsX2wCyzyPmv30LFV-677EJVBLxxFRBQl4Y3hMZrkQoxWWbNYbhymoDZQCKSSUQzvrnmZi6GGRA0pVNULw7zUYpznu2AnI-KeC41fTqLwlqZ6tX/s1600/ads.jpg" height="125"/></a></center></td>
</tr>
<tr>
<td><center><a href="URL Iklan" rel="nofollow" target="_blank"><img border="0" alt="Deskripsi Iklan" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbbDgsbv0qpNHPkqa5Uv5SxC7VXlFepcsX2wCyzyPmv30LFV-677EJVBLxxFRBQl4Y3hMZrkQoxWWbNYbhymoDZQCKSSUQzvrnmZi6GGRA0pVNULw7zUYpznu2AnI-KeC41fTqLwlqZ6tX/s1600/ads.jpg" height="125"/></a></center></td>
<td><center><a href="URL Iklan" rel="nofollow" target="_blank"><img border="0" alt="Deskripsi Iklan" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbbDgsbv0qpNHPkqa5Uv5SxC7VXlFepcsX2wCyzyPmv30LFV-677EJVBLxxFRBQl4Y3hMZrkQoxWWbNYbhymoDZQCKSSUQzvrnmZi6GGRA0pVNULw7zUYpznu2AnI-KeC41fTqLwlqZ6tX/s1600/ads.jpg" height="125"/></a></center></td>
</tr>
</tbody></table>
</div>

4. Komentar Facebook

Ini fitur tambahan keren yang gw isi di template ini gan. Ada kotak komentar facebooknya berdanpingan sama komentar blog yang asli. Mungkin loe udah sering liat di blog laen yang kayak beginian tapi yang satu ini beda lebih keren karena sudah gw modifikasi gan.

Cara settingnya gampang tinggal cari kode di bawah ini lalu loe ganti  Facebook Profile ID sama ID facebook loe dan Aplikasi Facebook ID sama ID aplikasi facebook loe. Kalo bingung silahkan baca cara membuat komentar facebook keren terbaru di blog gan.

<meta content='Facebook Profile ID' property='fb:admins'/>
<meta content='Aplikasi Facebook ID' property='fb:app_id'/>

5. Related Post

Widget Related Post di template ini gw udah isi sama icon smiley gan, kalau kalian mau ganti misal dengan favicon silahkan aja. Tinggal cari kode di bawah ini lalu ganti background : url sama url gambar loe gan.

#screlated-post ul li {
display : block;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdHgkOdIYFvCZjg5H0s5I9HwRnGQzvyDqWnyF0X5DwC5O8dizlF7HMp9BcLWQP5VQdbppKBhY8qtp37v6RwrH1sQwlOLta1zZnLJa8RpvgiviGPy9OsRL6w-r8HFWwrMH89hmArDd5bY07/s1600/stupid-idea-icon.png) no-repeat 0 0;

6. Footer

Untuk nambahin widget di footer langsung aja dari Layout dashboard blog gan.

7. Meta Tag

<meta content='Index, Follow' name='robots'/>
<meta content='Your home page description' name='description'/>
<meta content='your keywords, keywords1, keyword2' name='keywords'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.url' rel='canonical'/>

Tambahan aja untuk edit meta tag, silahkan ganti description dan keywords sesuai isi blog loe. Di template ini gw cuma isi beberapa meta tag, kalau mau lebih silahkan ditambahkan sendiri. Bagi yang udah lama blogging, pasti udah tau cara nambahinnya. Tapi buat yang baru ngeblog dan mungkin bingung, silahkan disimak postingan gw tentang cara membuat meta tag gan.


Mudah-mudahan template ini berguna buat loe yang pengen buat blog. Harap di maklumi kalo masih banyak kekurangan dalam hal design dan fitur di template ini. Untuk widget-widget yang laen sengaja gak gw isi karena itu tergantung selera masing-masing, jadi silahkan berkreasi dan di edit sendiri templatenya gan.

Sekian dulu yang bisa gw share dan mudah-mudahan kalian suka dengan template ringan gratis ini. Kalo ada masalah dalam penginstalan atau yang gak di mengerti silahkan ditanyakan dan jangan lupa ninggalin komentar gan.

Kalau kita browsing di internet banyak banget ada 3D social icon keren ya gak gan. Model apa aja yang loe cari pasti ada gan. Tujuan utama kita pasang social icon ini tentu biar blog kita tambah keren dan nambah jumlah pengikut blog di sosial media ya gak gan? Dalam memilih social icon keren itu semua tergantung selera masing-masing, ada yang demen social icon simple ada juga juga yang demen 3D social icon.

Setelah di postingan yang laen gw share cara membuat social icon mobil bergerak sekarang gw pengen ngasi 3D social icon gratis buat loe semua gan. 3D social icon ini buatan gw sendiri gan, jadi harap dimaklumi kalo gak keren-keren amat.


Gw cuma pengen berbagi hasil karya gw ke loe semua, mudah-mudahan aja bisa diterima dengan baik dan berguna ya gan. Tampilannya kotak biasa mirip kayak scrabble gitu, kalian tau pasti kan. Disini gw buat cuma 3 ukuran aja gan dari 48px, 64px sama 72px.

Total jumlah 3D social iconnya semua ukuran ada 42 buah gan. Sekedar info aja kalo gw buat social icon ini cuma pake css doank dan sedikit bantuan dari sotoshop ( photoshop ) gan.

Kalo loe demen langsung aja di download 3D social icon keren gratis dari SEO Ciyus gan, linknya ada di bawah ini gan.

[ Download 3D Social Icon by SEO Ciyus ]



Sekian dulu yang bisa gw share kali ini, semoga bermanfaat gan, nantikan yang gratisan laennya dari SEO Ciyus di postingan berikutnya. Kalo kalian suka sama social icon yang kayak di blog ini, silahkan di request ntar gw buatin tutorialnya dan jangan lupa ninggalin komentar ya gan.