Showing posts with label responsif. Show all posts
Showing posts with label responsif. Show all posts

Tuesday, 13 December 2016

New Jhony Wuss v2 Template responsif dengan skor SEO 100

New Jhony Wuss v2 Template responsif dengan skor SEO 100


New Jhony Wuss v2 Template responsif dengan skor SEO 100% –  Artikel kali ini akan membahas mengenai template SEO friendly dan responsif buatan Mas Sugeng yang telah dimodifikasi oleh CB Blogger. Template ini sangat terkenal di kalangan blogger karena skor SEO nya yang bisa mencapai sempurna yaitu 100%. Kehebatan lainnya yang dimiliki template ini yaitu kecepatan loadingnya yang termasuk cepat. Namun itu nantinya tergantung ada tidaknya gambar pada blog serta besar ukuran gambar tersebut termasuk iklan dari doodle adsense atau lainnya.

Namun peringatan sebelumnya yah, dalam pemakaian template ini jangan dihapus credit linknya kalau ga mau disebut menjijikan oleh CB blogger :v. Yah, meskipun itu hak anda sih, gak sampe dipenjara kok kalo dihapus, tapi kan dari sisi moral terlihat tidak menghargai karya orang lain gituh. Kalau begitu silahkan download dan instal di blog anda.

 

new jhony wuss v2

 

new jhony wuss v2 sped

 

new jhony wuss v2 seo skor

 

Link Download dan Demo New Jhony Wuss v2

DEMO|DOWNLOAD

 

Perlu diketahui bahwa blog ini blog arifuw juga menggunakan template New Jhony Wuss v2 dengan sedikit modifikasi pada background navbar, footer dan menubar. Untuk kedepannya admin akan share berbagai modifikasi untuk template ini. Meskipun begitu tidak mempengaruhi skor SEO nya loh. Buktinya blog ini memiliki skor SEO 100% juga, lihat ini http://chkme.com/seo-arifuw.blogspot.com sebagai bukti admin ga bohong tentang kehebatan template ini.

 

Panduan Installasi Template New Johny Wuss v2

Berikut ini adalah panduan dalam penggunaannya. Sehabis di instal jangan lupa diperbaiki ya, soalnya ada beberapa hal yang harus dihapus dan diganti. Kalau tidak diganti maka bisa dipastikan mengganggu kenyamanan anda dalam blogging yaitu nama author yang masih menggunakan CB blogger dan berbagai sosial media yang menggunakan akun CB. Yang parah adalah akun Google adsense CB blogger yang ikut nongol.

Ini adalah beberapa hal yang harus diganti setelah di instal

  1. Ganti Meta Deskripsi Blog dengan versi Anda
  2. Ganti OpenID dengan milik Anda
  3. Isikan Url profil Google plus punya anda
  4. Isikan URL Google Page
  5. Ganti link menu bar sesuai versi anda 
  6. Ganti linkPage Menu sesuai versi Anda
  7. GANTI atau HAPUS Kode Google Adsense di samping Related Post dengan Google Adsense Anda

Berikut ini 3 kode template yang harus diganti. Ganti yang berwarna MERAH dengan dengan kode versi anda

<li><a href=https://www.facebook.com/cbblogger target=_blank>Facebook</a></li>
<li><a href=https://twitter.com/contohblog/ target=_blank>Twitter</a></li>
<li><a href=https://plus.google.com/106869251529186655236/posts target=_blank>Google+</a></li>
<li><a href=http://contohblognih.blogspot.com/2014/06/new-johny-wuss-v2-template-blog-seo.html target=_blank>Download This Template!</a></li>

 

<label>&#8801;<span>Navigation</span></label>
<ul>
<li><a class=home href=/>Home</a></li>
<li><a href=http://contohblognih.blogspot.com/p/buku-tamu.html title=Tentang Blog Ini>About</a></li>
<li><a href=http://contohblognih.blogspot.com/p/daftar-isi.html title=Daftar Isi Blog>Daftar Isi</a></li>
<li><a href=http://contohblognih.blogspot.com/search/label/Tips%20SEO%20Blog title=Tips SEO Blog>Tips SEO Blog</a></li>
<li><a href=http://contohblognih.blogspot.com/2013/10/cara-membuat-blog-panduan-lengkap.html>Cara Membuat Blog</a></li>
<li><a href=http://contohblognih.blogspot.com/search/label/Template%20Blog%20SEO>Template SEO</a></li>
<li><a href=http://contohblognih.blogspot.com/2014/02/Cara-Mengganti-Template-Blog-Mengubah-Tampilan-Blog.html
>Cara Ganti Template</a></li>
<li><a class=prett href=#>Links</a>
<ul class=menus>
<li><a href=http://contohblognih.blogspot.com/p/kode-warna-html.html title=Kode Warna HTML>Kode Warna HTML</a></li>
<li><a href=http://contohblognih.blogspot.com/p/page-password.html>Page Protected</a></li>
<li><a href=http://mybestwpthemes.blogspot.com/ target=_blank>Wordpress Themes</a></li>
<li><a href=http://contohblognih.blogspot.com/2013/10/unescape-decoder-and-encoder-for.html>Coder Decoder</a></li>
<li><a href=www.blogcrowds.com/resources/parse_html.php target=_blank>Parse Kode HTML</a></li>
<li><a href=http://contohblognih.blogspot.com/p/kbbi.html title=Kamus Bahasa Indonesia>KBBI</a></li>

 

<b>Please FOLLOW and JOIN to get update!</b>&lt;br/&gt;
&lt;br /&gt;&lt;style&gt;.touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat; -webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all; -ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all; cursor:pointer; } .touchme a.googleplus { background-position: 0px -58px; } .touchme a.googleplus:hover { background-position: 0px 0px; } .touchme a.twitter { background-position: 0px -290px; } .touchme a.twitter:hover { background-position: 0px -232px; } .touchme a.facebook { background-position: 0px -406px; } .touchme a.facebook:hover { background-position: 0px -348px; } .touchme a.rss { background-position: 0px -174px; } .touchme a.rss:hover { background-position: 0px -116px; } &lt;/style&gt; &lt;p style=&quot;display:none;&quot;&gt;Cool Social Media Sharing Touch Me Widget by &lt;a href=&quot;http://truebloggertricks.blogspot.in/2012/08/cool-social-media-sharing-touch-me.html&quot;&gt;Blogger Widgets&lt;/a&gt;&lt;/p&gt; &lt;div class=&#39;touchme&#39;&gt; &lt;!--RSS--&gt; &lt;a class=&#39;rss&#39; href=&quot;http://feeds.feedburner.com/contohblognih&quot; rel=&#39;external nofollow&#39; target=&#39;_blank&#39;&gt;&lt;/a&gt; &lt;!--Google Plus--&gt; &lt;a class=&#39;googleplus&#39; href=&quot;https://plus.google.com/106869251529186655236/&quot; rel=&#39;nofollow&#39; target=&#39;_blank&#39;&gt;&lt;/a&gt; &lt;!--Facebook--&gt; &lt;a class=&#39;facebook&#39; href=&quot;https://www.facebook.com/cbblogger&quot; rel=&#39;nofollow&#39; target=&#39;_blank&#39;&gt;&lt;/a&gt; &lt;!-- Twitter --&gt; &lt;a class=&#39;twitter&#39; href=&quot;https://twitter.com/contohblog/&quot; rel=&#39;nofollow&#39; target=&#39;_blank&#39; &gt;&lt;/a&gt; &lt;/div&gt;&lt;br/&gt;
</div>
</td>


<td align=left style=background-color: #ffffff; padding: 5px; width=300>
<!-- DI BAWAH INI KODE GOOGLE ADSENSE-->
&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;ca-pub-9936256535235491&quot;;
/* 300x250 Teks */
google_ad_slot = &quot;1316981229&quot;;
google_ad_width = 300;
google_ad_height = 250;
//--&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;

 

Review Sedikit dari Admin

Tidak perlu lama admin memakai template ini admin sudah merasakan kehebatan dan kelebihannya. Entah karena faktor template atau bukan yang pasti statistik blog ini terdapat kenaikan meskipun sedikit setelah menggunakan template ini. Selain itu juga mudah dalam modifikasi tampilan. Meskipun buta kode html dan CSS sebelumnya namun dengan setitik pemahaman bahasa inggris admin bisa mengubah beberapa bagian dari template NJWv2 ini yang dirasa kurang sreg dengan selera. Paling senang saat skor SEO blog ini bisa sempurna 100% padahal dulu cuma bisa pasrah dengan skor 37% wkwkwk.

Sekian saja postingan kali ini. Semoga bermanfaat dan Terima kasih.


Available link for download

Read more »

Monday, 12 September 2016

4 Template Blogger Simple Responsif Keren Banget deh

4 Template Blogger Simple Responsif Keren Banget deh


JPstationSelamat siang semuanya, gimana kabarnya ? Sehat ? Alhamdulillah. Soalnya di musim hujan gini banyak yang kena pilek, ane aja kena tapi udah sembuh dink. Yang penting banyak-banyak minum air putih sama jaga kesehatan ja. Kok jadi sok tahu gini ya ? :v Nah, di siang hari yang sedikit mendung kali ini, ane bakal share beberapa template yang Responsif, Premium dan keren bingitzz, ga bakal nyesel deh pokoknya.

Template yang bakal ane bagikan ini selain responsif juga kelihatan profesional, gak kalah sama template berbayar lainnya. Dan kebanyakan diantaranya ada fitur Tabbed Widget, yakni dalam satu widget terdapat banyak konten seperti popular post, blog archive, comments, dan recent post. Keuntungannya yakni menghemat area blog yang dipakai, dan lebih rapi yang membuat pengunjung betah berlama-lama di blog kita. Ya udah dari pada kelamaan kita lihat template yang pertama.

1. Exclusive Blogger Template

ExcluSive

Demo|Download

 

Dilihat dari namanya aja Exclusive apa lagi tampilannya, dan ternyata memang benar-benar exclusive. Warna latar yang putih bersih sangat cocok dengan warna template yang dominan abu-abu. Fitur Tabbed Widget dan tampilan daftar post terlihat rapi, enak dipandang. Selain itu juga ada Slider-nya meskipun ane kurang suka hal ini namun membuat blog terlihat lebih hidup. Hal lain yang kurang ane suka yaitu Headernya, kelihatan plontos dan serasa ada yang kurang gimana gitu. Menurut ane si sebaiknya judul blog di taruh di samping kanan saja biar tengahnya buat pasang iklan. Tapi kalo gitu kesan exclusivenya hilang ya. Tapi gak papa dink lha wong ane saja belum pasang iklan heu heu. Ntar kalau mau pasang iklan ganti template saja kayak template selanjutnya di bawah ini nih.

2. JPstation Blogger Template

JPstation

Demo|Download

Nah ini nih template yang hari ini sedang ane pakai. Kenapa ane pilih ini ? Yakni karena simple, gak ada slidernya, Judul blog ada di kanan, tampilan menu serta widget juga oke. Dan bukan cuma itu yang menarik, waktu pertama kali coba ternyata ada fitur yang berfungsi mengubah tampilan post yang dari list menjadi grid atau sebaliknya, dan tampilan defaultnya adalah list. Hal yang kurang ane suka yakni footernya. Kenapa ? karena terdapatnya fitur tombol Toggle Footer, dengan meng-klik tombol ini maka konten dan widget yang terdapat didalam footer keluar. Kalau pengunjung tahu hal ini si ga papa, lha kalau ga tahu ? sia-sia kan kontennya ga terlihat.

3.  DarkRed Blogger Template

DarkRed

Demo|Download

Hal yang paling berbeda dari template ketiga ini dengan dua template lainnya yaitu warna backgroundnya yang hitam dengan tekstur garis-garis diagonal. Jika anda suka yang gelap-gelap maksudnya apaan coba ? maka template ini cocok untuk anda. Fitur yang ada di dalamnya tidak terlalu jauh dengan JPstation hanya saja terdapat beberapa perbedaan yang mecolok di antara keduanya yakni adanya link contact seperti facebook dan twitter di sebelah kiri header, serta adanya widget recent post dan recent comment dalam bentuk drop list. Selain itu juga tidak adanya pager di bawah list postingan, jadi adanya tombol older post saja dan footer yang bisa-biasa saja tidak ada fitur toggle footer.

4. The Tuts Blogger Template

TheTuts_ScreenShot

Demo|Download

Template yang terakhir ini fiturnya juga ga beda jauh amat dengan yang lainnya, cuman kalau dilihat sekilas terlihat minimalis banget. Dilihat dari background judul blog, icon facebook,twitter,g+, dll dan menunya terasa kalau template ini terinspirasi dari sistem operasi windows 8. Dan menurut ane template semacam ini lagi ngetrend. Pada template ini tampilan list post nya juga bisa di rubah dari list ke grid dan sebaliknya. Untuk footernya sangat minimalis sekali bahkan tidak ada background tersendiri, jadi cuma ada tulisan copyright saja dan dibawah list post dapat ditambah widget lainnya.

 

Sampai sini saja dahulu, apabila ada yang kurang silahkan di tanyakan, apabila link download mati/ga bisa silahkan dilaporkan di kolom komentar. Semoga bermanfaat dan Terima kasih.


Available link for download

Read more »