5 Template Hasil Modifikasi

Belakangan ini saya agak sibuk dengan pekerjaan saya di dunia nyata, jadi hanya punya waktu sedikit untuk aktivitas blogging, saya minta maaf jika banyak komentar yang masuk belum terjawab. Pada postingan kali ini saya hanya akan berbagi 5 template hasil modifikasi dari template saya sebelumnya, 2 dari teman blogger yaitu dari AA Sholah dan Panjz Online dan 3 lagi dari adik saya. Karena dari beberapa template yang sudah saya buat mungkin ada kekurangcocokan dalam hal warna atau fitur yang kurang. Berikut ini 5 template hasil modifikasi dari template saya sebelumnya :

Cara Gampang Template

Demo | Download

1. Cara pemasangan widget pada template ini hampir sama dengan Black Beauty Template, untuk lebih jelasnya silahkan buka lagi artikel 3 template paling sompret di dunia
2. Untuk mengaktifkan fungsi Reply pada komentar tinggal ganti ID ini (3553200374686839922) 
3. Untuk mengganti FansPage Facebook yang ada di bawah postingan, tinggal ganti ID ini (175220759192447) dengan ID FansPage masing-masing. 

Photored Template

Demo | Download

Template ini buatan Panjz Online, untuk pemasangan templatenya langsung saja ke blog si pembuat disini http://panjz-online.blogspot.com/

Johny Ganteng Store With Cart

Dari beberapa komentar yang masuk pada artikel 2 Template Toko Online Semrawut, banyak yang mengingkan template Johny Ganteng Store menggunakan cart dan slider carousel. Ini sudah saya modifikasi, tapi nggak tahu cocok apa nggak.

Demo | Download

Cara pasang widget sama dengan template Johny Ganteng Store, silahkan buka lagi artikel 2 Template Toko Online Tanpa Cart. Dan untuk cartnya sendiri untuk memodifikasinya saya pakai dari Johny Blackstore template.

Johny Kenthir Green

Demo | Download

Pemasangan widget pada template ini sama dengan Johny Kenthir template, silahkan dibuka lagi artikelnya disini Johny Kenthir, Template Ramai Seperti Pasar Tradisional.

Johny Crottmag

Demo | Download

Template ini sama persisi dengan Johny Sompret Banget cuma beda warna saja, untuk pemasangannya silagkan dilihat disini 2 Template Kurang Kerjaan.

So jika ada di antara teman-teman blogger yang berkeinginan untuk membagikan template hasil karya sendiri ataupun modifikasi template yang sudah ada, silahkan kirim ke email saya disini ncmajid@gmail.com. Jika template itu sudah bebas dari bug dan layak untuk dikonsumsi, akan saya publish disini. Demikian tadi artikel singkat tentang 5 template modifikasi, bagi yang berminat silahkan dipakai. Jika ada yang kurang jelas bisa langsung ditanyakan lewat kotak komenta. Semoga bermanfaat.........

Oya saya mau tanya bagi teman-teman yang tahu, saya sering jumpai kata ini cmiiw biasanya ada pada akhir komentar, itu artinya apa ya?

NB : Untuk mas Sholah dan Panjz Online diharap untuk menjawab pertanyaan seputar template yang Anda buat ya.

Inilah 2 Template Bingung Mau Dikasih Nama apa

Sebelumnya saya minta maaf (eh.. perasaan sering banget ya saya minta maaf, emang salah apa), selama dua hari ini badan saya agak nggak enak, aktivitas blogging jadi terganggu jadinya nggak sempat buat jawab komentar yang masuk. Tapi ada untungnya juga, dengan wajah melas dan sedikit polah yang dibuat-buat (biar kelihatan kalau sakit banget), si bos pun jadi nggak nyuruh saya kemana-mana. Biasanya begitu sampai kantor langsung disuruh muter-muter pasar buat nyari sesuap nasi, kali ini nggak... melihat tampang saya yang sangat ambigu dan melas, bos cuma nyuruh bikin laporan akhir bulan di ruang kantor. Ya sambil bikin laporan, saya iseng-iseng bikin template, siapa tahu nanti bisa dibagikan lagi buat teman-teman blogger semua. Dan akhirnya jadilah dua template revolusioner buatan orang sakit berikut ini.

Johny Kena Banned

Demo | Download

Download Javascript

Template yang pertama ini namanya Johny Kena Banned, sesuai pengalaman saya yang sering di-banned sama Google. Template ini bertipe magazine, banyak fitur yang saya pasang pada template, ya otomatis berat lah loadingnya. Jadi sebelum Anda pakai, saya kasih tahu dulu kekurangannya biar bisa jadi bahan pertimbangan Anda.  Langsung pada pemasangan fitur, untuk memudahkan pemasangan beberapa widget yang ada pada template ini, perhatikan struktur layout template ini menggunakan Old Blogger Interface :

1. Tab View Widget per kategori
   
   
   
   
   
   Caranya sama seperti memasang widget ini pada template Johny Sompret Banget, tapi akan saya tulis lagi disini. Perhatikan gambar diatas, untuk merubah judul tab (diary, jazz dan sebagainya) cari kode berikut ini di Edit HTML :

   Title1="DIARY";Title2="JAZZ";Title3="HEALTH";Title4="SPORT";Title5="COMEDY"

   Setelah ketemu ganti tulisan berwarna biru diatas dengan judul yang ingin Anda tampilkan pada tab view widget kategori. Sedangkan untuk mengisi widget tersebut dengan label, masih pada Edit HTML cari kode berikut ini (jangan lupa untuk mencentang expand widget template) :
   <div class='tabber' id='tab1'>
   <script>
   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/play station?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
   </script></div>
   <div class='tabber' id='tab2'>
   <script>
   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/RPG?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
   </script></div>
   <div class='tabber' id='tab3'>
   <script>
   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Review?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
   </script></div>
   <div class='tabber' id='tab4'>
   <script>
   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/hot games?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
   </script></div>
   <div class='tabber' id='tab5'>
   <script>
   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/play station?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
   </script></div>
   <div class='clear'>
   </div>
   Tulisan warna merah diatas adalah kelima label yang saya masukkan pada widget tabber kategori ini, silahkan Anda ganti dengan label Anda dan sesuaikan dengan judul tab view yang sudah dibuat. Bagi Anda yang ingin membuat widget tab view per label bisa baca tutorialnya disini.
2. Widget Label
   Yang termasuk dalam widget label pada layout template ini adalah : Label 1, Label 2, .......... Label 12. Anda tinggal memasukkan atau ketik nama label yang sudah Anda buat pada kotak tersebut, perlu diingat besar kecil huruf harus sama dengan label yang sudah dibuat. Seperti contoh gambar di bawah :
   
   
3. Reply Komentar
   Template ini menggunakan model kotak komentar yang sudah dimodifikasi, untuk mengaktifkan fungsi reply anda harus cari kode dibawah ini pada Edit HTML, sekali lagi jangan lupa untuk centang kotak expand widget templates :
   

   <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=4636005615932985093&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>

   Warna merah pada kode diatas adalah ID blog demo, Anda harus ganti dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :
   
   
   
   
   
4. Untuk mengganti News Ticker atau headline News yang ada di bawah navigasi anda tinggal cari URL : http://johnykena-banned.blogspot.com/ setelah ketemu ganti dengan URL blog anda

Johny Kampret

Demo | Download

Download Javascript

Template yang kedua ini lebih sederhana, tapi masih bergaya magazine, template ini saya buat untuk blog yang mempunyai konten game. Tapi terserah juga sih mau dipakai buat konten apa, semua saya serahkan ke pemilik blog, kalau suka pakai aja atau sekedar buat koleksi juga boleh, mau dipakai buat bungkus kacang juga boleh.

Di template ini terdapat 8 (delapan) widget label (label 1 - Label 8) dan satu widget game category, Anda tinggal buka kemudian masukkan atau ketik label yang ingin ditampilkan disitu, caranya seperti langkah nomer 2 pada template Johny Kena Banned. Untuk mengaktifkan fungsi reply pada kotak komentar Anda harus mengganti blod ID pada template demo dengan Blog ID  Anda, untuk template ini blog ID : 3892789936183052787 (langkah nomer 4 template Johny Kena Banned). Slider pada template ini bekerja otomatis menampilkan artikel terbaru Anda, dan terdapat sebuat widget untuk advertise di sebelahnya.

Kedua template diatas nggak valid HTML, nggak responsive, nggak SEO friendly pokoknya nggak termasuk semuanya. Karena saya hanya menyediakan template dasar untuk bisa Anda modifikasi sendiri sehingga bisa lebih dinamis dan sesuai dengan kriteria-kriteria diatas. So, jika Anda berminat silahkan dicoba, dan jika ada yang kurang jelas tentang pemasangan kedua template ini, anda bisa tinggalkan pesan di kotak komentar. Selamat mencoba dan semoga bermanfaat.

NB :

Kalau ada komentar, jawab besok ya, dan untuk mas Aa Sholah sang admin caragampang.com makasih udah dibuatkan banner mas template. Barang siapa yang mau bikinin saya logo akan saya terima dengan senang hati dan saya do'akan dapat cewek cakep..... hehehe

X

2 Template Kurang Kerjaan

Malam ini saya akan bagi lagi dua buah template untuk teman-teman blogger semua. Template ini sudah lama saya buat, waktu bulan puasa kemarin, pas waktu itu lagi sibuk ngurus kerjaan ya jadinya baru sekarang sempat di publish. Sudah agak lama, ya kira-kira satu bulan kalau tidak salah saya tidak berbagi template untuk teman-teman blogger. Saya rencana mau membuat template blogger sampai jumlahnya sekitar seratus, setelah itu saya berpikir untuk memutuskan mencoba membuat theme untuk Wordpress, ya itu sih hanya rencana saja realisasinya tergantung bagaimana nanti, karena membuat theme untuk Wordpress di samping butuh pengetahuan tentang kode script yang lebih, juga dibutuhkan banyak biaya, seperti mesti punya domain dan hosting sendiri dengan kapasitas yang besar.

Kedua template ini mempunyai header dan navigasi yang sama hanya berbeda warna, untuk template yang satu bertipe magazine dan satunya lagi template dua kolom, lebih sederhana dan tidak terlalu sulit untuk memasangnya. Baiklah langsung saja, berikut ini kedua template tersebut :

Johny Sompret Banget

Demo | Download

Jika Anda ingin menyimpan semua javascript yang ada pada template ini silahkan klik link download di bawah ini :

Download Javascript

Template ini bertipe magazine, banyak sekali fitur yang saya pasang pada template ini. Tidak terlalu susah untuk memasangnya, apalagi jika Anda sudah tebiasa dengan template buatan saya akan sangat mudah untuk memahaminya. Untuk lebih memudahkan dalam pemasangan widget pada template ini perhatikan screenshot layout di bawah ini :

Saya sengaja menggunakan layout Old Blogger Interface untuk memudahkan semua tampilan, soalnya kalau layout blogger baru ada fitur scroll-nya jadi tidak bisa sampai ke bawah. Berikut ini cara pemasangan fitur-fitur yang ada pada template ini :

1. Slider
   
   Slider pada template ini bekerja otomatis menampilkan postingan terbaru, Cara memasangnya, perhatikan kolom pada layout diatas yang sudah saya beri tulisan slider. Setelah itu masukkan kode berikut ini ke dalamnya :
   <div id='featuredContent'>
   <div id='slideshow'>
   <div id='slideshowThumbs'>
   <ul><script>    
   document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
   </script> </ul>
   </div>
   <div class='post' id='slideshowContent'>
   <script>    
   document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
   </script></div>
   </div>
   <script type='text/javascript'>
   $(function() {
   $("#slideshowThumbs ul").tabs("#slideshowContent > div", {
   effect: 'fade',
   fadeOutSpeed: 1000,
   rotate: true
   }).slideshow({
   clickable: true,
   autoplay: true,
   interval: 3000
   });
   });
   </script>
   <div class='clear'>
   </div>
   </div>
2. Tab View Widget per Label
   
   
   
   
   
   Perhatikan gambar diatas, untuk merubah judul tab (diary, jazz dan sebagainya) cari kode berikut ini di Edit HTML :

   Title1="DIARY";Title2="JAZZ";Title3="HEALTH";Title4="SPORT";Title5="COMEDY"

   Setelah ketemu ganti tulisan berwarna biru diatas dengan judul yang ingin Anda tampilkan pada tab view widget kategori.
   
   Sedangkan untuk mengisi widget tersebut dengan label, masih pada Edit HTML cari kode berikut ini (jangan lupa untuk mencentang expand widget template) :
   
   <div class='tabber' id='tab1'>
   <script>
   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/sport?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;);
   </script></div>
   <div class='tabber' id='tab2'>
   <script>
   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/lifestyle?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;);
   </script></div>
   <div class='tabber' id='tab3'>
   <script>
   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/economics?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;);
   </script></div>
   <div class='tabber' id='tab4'>
   <script>
   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/diary?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;);
   </script></div>
   <div class='tabber' id='tab5'>
   <script>
   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/health?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;);
   </script></div>
   <div class='clear'>
   </div>
   Tulisan warna merah diatas adalah kelima label yang saya masukkan pada widget tabber kategori ini, silahkan Anda ganti dengan label Anda dan sesuaikan dengan judul tab view yang sudah dibuat.
3. Widget Label
   
   Yang termasuk dalam widget label pada layout template ini adalah : Label 1, Label 2, Label 4, Label 4, Label 5 dan Video Category. Anda tinggal memasukkan atau ketik nama label yang sudah Anda buat pada kotak tersebut. Seperti contoh gambar di bawah :
   
4. Widget Subscribe me
   
   Letaknya pada sidebar sebelah kanan paling atas, masih di layout kemudian pilih kotak HTML/Javascript kemudian masukkan kode berikut ini di dalamnya :
   <style type='text/css'>
   .social a{color: #6e6e6e;font: bold 12px Calibri,Helvetica, Arial, sans-serif;text-decoration: none;padding: 3px 5px 2px;position: relative;display: inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s; background: #f3f3f3;border: solid 1px #dcdcdc;}
   .social a:hover {color: #333;border-color: #999;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
   .social a:active{color:#000;border-color: #444;}
   .sub-box{width:300px;background:();padding: 2px 5px 7px 2px;font-family:Droid Sans,Helvetica,Arial;}
   .emailform{margin:16px 0 0; display:block; clear:both;}
   .emailtext{margin:10px 0 0;background:#f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgmEfH8x8_GaBv61R7CRcezotwQnbSBgF_wKlyxoQXMEsT3CW7e2WzIrqxJYKba81XaSxe9FBZPH6EOr3IcDiFNVR8AAmwZ_-FLHToTmM5SU1x8tTDsYMmiat0IOF3PSdABu4pq3nYtM4/s1600/email.png) no-repeat scroll 4px center;padding:6px 5px 6px 34px;color:#444;font-weight:bold; text-decoration:none;border:1px solid #ccc;width:175px;}
   .emailtext:hover{background: #f3f3f3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgmEfH8x8_GaBv61R7CRcezotwQnbSBgF_wKlyxoQXMEsT3CW7e2WzIrqxJYKba81XaSxe9FBZPH6EOr3IcDiFNVR8AAmwZ_-FLHToTmM5SU1x8tTDsYMmiat0IOF3PSdABu4pq3nYtM4/s1600/email.png) no-repeat scroll 4px center;border-color:#999;}
   .emailtext:focus{outline:none;}
   .sub-button{color:#eee;font-weight:bold; text-decoration:none;padding:5px 10px; border:1px solid #666;cursor:pointer;background:#999}
   .sub-button:hover{color:#444;border-color: #999;background:#ccc}
   </style>
   <center><div class="social" style="padding: 0pt 0pt 0pt 5px;">
   <table><tbody><tr><td>
   <a href='http://feedburner.google.com/fb/a/mailverify?uri=maskolis' target='_blank'><img alt='newsletters' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwDG_SGGzmYGGMNalZxrdK8GrPeSAIu3JWk8OBWOhAGebkUUN7occRY1yXiwu2kyVVtOBdvivskHDDhBKCN5GmiRix0MXEhV9_ViYbXKVMfFT80Dg5Bt4yMs_ixaX4-H4e0BO8reapbSQ/s1600/mail.png" border="0" title='newsletters'/></a> </td>
   <td> <a href='http://feeds.feedburner.com/maskolis' target='_blank'><img alt='rss' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLoHLt-6J4_yWYe9GV7nJrd_ZU5X9brKhPwYtWkPnLcyqWUZItiDITJqQlUPDIcHJrjwnWjqITdvXJww_oTXub28LbjXfMdUKZjqtfc7ob4FeplP2MRYlB91_MBsGnHwZTqv6xQuOoz2E/s1600/rss.png" border="0" title='rss'/></a> </td>
   <td> <a href='http://twitter.com/maskolis' target='_blank'><img alt='twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyuDVv-QWPA5tYCn9Z9K3BWfPQR7yLC0n9OA-csHyYaT-18n1dDMzjT_Q6cD4LZ0NG2L_6KDJo5HE3eyWWonMbWvxg6Qki032SB736HF8rv14tAwFK3WB2PRcz_sOSmSNpmda-3MLR_D0/s1600/twitter.png"  border="0" title='twitter'/></a> </td>
   <td> <a href='http://www.facebook.com/maskolis' target='_blank'><img alt='facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAXYNTzxvxuPMk2GaW18sYmzs_PihuW5Yys2OnOu4bGc2YaZC_VoQm5sGCeSWtH7VJtI43KrB_1jF2PJq1sJyt2-hTBCcaZZtysfYdJi7p0PHJSFADRppwmLKg9751qfZp6cZdEvd7qok/s1600/facebook.png"  border="0" title='facebook'/></a> </td>
   <td> <a href='http://www.youtube.com/maskoli' target='_blank'><img alt=' youtube' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgQUbBTPKAPOjaK9wQIfoaHUc1zz0UlzGyccOUN6VinuFFHa2jlXsWv0nNj6AfjJnSP170u2jF6nH5L6TSalmwWaniELRcSGAknqKw8WPATli6ErBpghJ6SoIzm_UF4pasaJXVmtaX7vE/s1600/youtube.png"  border="0" title='youtube'/></a>
   </td></tr></tbody></table> </div></center>
   <center>
   <div class='sub-box'>
   <div style="text-align: left; display: inline-block;">
   <h8 style="display:block;font-family:'calibri';font-size:15px;font-weight:bold;">Subscribe via RSS Feed</h8>
   <small><i>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
   <b>click here</b></a>, or subscribe to receive more great content just like it.</i></small>
   <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=maskolis', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
   <input type="hidden" value="maskolis" name="uri"/>
   <input type="hidden" name="loc" value="fr_FR" />
   <input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" class="emailtext" />
   <input type="submit" class="sub-button" value="Enter" title='' alt='' />
   </form></div></div></center>
5. Reply Comment
   
   Untuk mengaktifkan fungsi reply pada komantar pada template ini, ganti Blog ID pada template ini pada Edit HTML (jangan lupa centang expand widget template) : 149656394876047094 setelah ketemu ganti dengan blog ID anda

Johny Ganteng Banget

Demo | Download

Download Javascript

Bagi Anda yang menginginkan tampilan seperti template Johny Sompret Banget tapi dengan bentuk lebih sederhana dan lebih ringan yang pasti, saya juga menyiapkan satu lagi template yang bisa anda gunakan. Template ini dinamakan demikian karena disesuaikan dengan yang bikin.... hehehehehe. Pada template ini hanya ada dua fitur yang Anda perlu diperhatikan, yaitu :

1. Recent Post
   
   Terdapat pada sidebar kanan paling atas, cara pasanganya, masuk ke layout kemudian pilih HTML/Javascript kemudian masukkan kode berikut ini ke dalamnya :
   <style type='text/css'>
   #mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}
   #terbaru{margin:0px}
   .mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}
   .mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px}
   .mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111}
   .mas-elemen:hover{background-color:#c3c3c3}
   .mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}
   #mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyNUAdhI-rhNQTSwvcyGQPQn3qUCBfuGqkUbgvl_-C1xlpxalzsJHNwyFKJ4CHBVOoFdy9T_UZQPvC_dh9mD5X4ww91Rx2p1mXPYUSh9QBQB8sCBreAit4tRxGZi6bvSIE0b07QsLcR7M/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}
   #mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}
   #mas-navigasifeed:hover{background-color:#c3c3c3}
   #mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
   #mas-navigasifeed span{padding:5px 10px}
   #mas-navigasifeed .next{float:right}
   #mas-navigasifeed .previous{float:left}
   #mas-navigasifeed .home{text-align:center}
   #mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}
   </style>
   <script type='text/javascript'>
   //<![CDATA[
   var numfeed = 5;
   var startfeed = 0;
   var urlblog = "http://johny-gantengbanget.blogspot.com/";
   var charac = 100;
   var urlprevious, urlnext;
   
   function maskolisfeed(johny,banget){
   var showfeed = johny.split("<");
   for(var i=0;i<showfeed.length;i++){
   if(showfeed[i].indexOf(">")!=-1){
   showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
   }
   }
   showfeed =  showfeed.join("");
   showfeed = showfeed.substring(0,banget-1);
   return showfeed;
   }
   function showterbaru(json) {
   var entry, posttitle, posturl, postimg, postcontent;
   var showblogfeed = "";
   urlprevious = "";
   urlnext = "";
   for (var k = 0; k < json.feed.link.length; k++) {
   if (json.feed.link[k].rel == 'previous') {
   urlprevious = json.feed.link[k].href;
   }
   if (json.feed.link[k].rel == 'next') {
   urlnext = json.feed.link[k].href;
   }
   }
   for (var i = 0; i < numfeed; i++) {
   if (i == json.feed.entry.length) { break; }
   entry = json.feed.entry[i];
   posttitle = entry.title.$t;
   for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'alternate') {
   posturl = entry.link[k].href;
   break;
   }
   }
   if ("content" in entry) {
   postcontent = entry.content.$t;
   } else if ("summary" in entry) {
   postcontent = entry.summary.$t;
   } else {
   postcontent = "";
   }
   if ("media$thumbnail" in entry) {
   postimg = entry.media$thumbnail.url;
   } else {
   postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgH2T91kln3QWgb8Lv_JVAnsvwyZtwzOeACqKR4qhOuG8SnHwKVWcV8Iog-epU-KLH9qqOu7PQjHMi66nBcml-Bi2p9Vq4LXQod82_H8VQ-lIeL5_APpbAr97jzg0zGhfnONqKUrGake4/s1600/no+image.jpg";
   }
   showblogfeed += "<div class='mas-elemen'>";
   showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
   showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
   showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";
   showblogfeed += "</div>";
   }
   document.getElementById("terbaru").innerHTML = showblogfeed;
   showblogfeed = "";
   if(urlprevious) {
   showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>&#9668; Previous</a>";
   } else {
   showblogfeed += "<span class='noactived previous'>&#9668; Previous</span>";
   }
   if(urlnext) {
   showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next &#9658;</a>";
   } else {
   showblogfeed += "<span class='noactived next'>Next &#9658;</span>";
   }
   showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>";
   document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
   }
   
   function navigasifeed(url){
   var p, parameter;
   if(url==-1) {
   p = urlprevious.indexOf("?");
   parameter = urlprevious.substring(p);
   } else if (url==1) {
   p = urlnext.indexOf("?");
   parameter = urlnext.substring(p);
   } else {
   parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
   }
   parameter += "&callback=showterbaru";
   incluirscript(parameter);
   }
   function incluirscript(parameter) {
   if(startfeed==1) {removerscript();}
   document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";
   document.getElementById("mas-navigasifeed").innerHTML = "";
   var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
   var terbaru = document.createElement('script');
   terbaru.setAttribute('type', 'text/javascript');
   terbaru.setAttribute('src', archievefeed);
   terbaru.setAttribute('id', 'MASLABEL');
   document.getElementsByTagName('head')[0].appendChild(terbaru);
   startfeed = 1;
   }
   function removerscript() {
   var elemen = document.getElementById("MASLABEL");
   var parent = elemen.parentNode;
   parent.removeChild(elemen);
   }
   onload=function() { navigasifeed(0); }
   //]]>
   </script>
   <div id="terbaru"></div>
   <div id="mas-navigasifeed"></div>
2. Reply Comment
   
   Untuk mengaktifkan fungsi reply pada komantar pada template ini, ganti Blog ID pada template ini pada Edit HTML (jangan lupa centang expand widget template) : 149656394876047094 setelah ketemu ganti dengan blog ID anda.

Itu tadi dua template kurang kerjaan yang saya bagikan malam ini sambil sesekali ngantuk, saya bagikan kepada semua teman blogger di seluruh dunia secara gratis, silahkan dipakai atau di download jika Anda berminat. Jika ada hal lain tentang kedua template diatas yang kurang jelas, silahkan tinggalkan komentar, saya berusaha sebisa mungkin untuk menjawab. Akhir kata selamat mencoba semoga bermanfaat 

Pengumuman untuk Pengguna Template (Lagi)

Sebelumnya saya ucapkan selamat Idul Fitri 1433 H. Mohon Maaf Lahir dan Batin bagi teman-teman blogger yang merayakan. Kesibukan menjelang dan sesudah lebaran membuat aktivitas blogging saya jadi mandeg, tradisi Lebaran di Indonesia memang menyita waktu, meskipun saya bukan termasuk aktivis mudik tapi gara-gara banyak orang mudik saya pun ikut super sibuk, entah itu kegiatan Halal Bihalal antar keluarga, silaturrahmi ketemu teman-teman waktu sekolah dulu, sungguh "mengharuskan" kita untuk sedikit meluangkan waktu bagi mereka.

5 hari menjelang Lebaran saya sudah tidak aktif lagi nge-blog, baru dua hari kemarin saya mencoba untuk membuka blog ini dan ternyata dari 150-an komentar yang masuk banyak yang mengatakan bahwa semua javascript yang saya pasang pada template buatan saya sudah tidak bisa dipakai lagi. Ya bener, ini untuk ketiga kalinya Akun Google Code tempat penyimpanan semua Javascript  saya kena Banned sama empunya, entah apa sebabnya sampai sekarang saya tidak tahu. Lebih parah lagi bukan cuma satu, tapi semua akun Google Code, termasuk akun yang baru saya buat, jika ada di antara teman-teman blogger yang pernah mengalami nasib serupa dan bisa mengatasinya saya sangat berterima kasih sekali jika Anda mau berbagi disini, meskipun paling tidak hanya mengetahui sebab kenapa akun Google Code di-banned. Kalau memang menyalahi aturan, aturan seperti apa yang sudah dilanggar sehingga sebuah akun kena blokir berkali-kali.

Dan kembali saya tegaskan disini, semua itu bukan karena faktor kesengajaan, saya sendiripun juga tidak mengharapkan akun saya kena banned. Karena di samping merugikan para pengguna template, juga membuat saya mesti kerja ulang untuk kembali menyimpan semua javascript tersebut pada akun Google Code yang baru..... somprett nggak sih!!!. Dan kali ini untuk kedua kalinya, saya sengaja menulis artikel ini untuk memberitahukan kepada teman-teman blogger pengguna template buatan saya, pertama saya minta maaf atas ketidaknyamanan ini, kedua, semua javascript yang saya simpan pada akun Google Code yang kena banned sudah saya pindah ke akun yang baru. Jadi silahkan Anda download ulang template yang Anda pakai, atau langsung menuju ke artikel template yang Anda pakai, disitu sudah ada sub judul "Update Templates" (warna merah) di bagian bawah artikel. Jika anda sudah terlanjur memodifikasi template, Anda tinggal ganti URL javascript yang sudah saya update-an terbaru.

Sebagai informasi tambahan, semua javascript yang sudah saya pindah ke akun baru memang masih menggunakan Google Code sebagai hosting, bedanya kali ini saya menggunakan sistem penyimpanan Subversion dengan bantuan software TortoiseSVN sebagai mediasi. Ya banyak yang bilang sistem ini lebih aman karena semua data file yang kita simpan di Google Code terintegrasi melalui TortoiseSVN, sehingga jika Google Code nya kena banned, file yang disimpan masih bisa digunakan. Untuk pengertian subversion sendiri, dan bagaimana subversioning file ke Google Code nanti akan saya bahas pada artikel yang lain. Tapi jika Anda ingin lebih aman lagi dalam menggunakan Javascript, Anda bisa simpan sendiri semua javascript  pada template yang anda pakai di tempat penyimpanan Google Code anda sendiri, bagi yang belum mengetahui cara membuat akun di Google Code dan bagaimana cara menyimpan sebuah file di Google Code, silahkan baca artikel ini.

Demikain tadi pemberitahuhan kali kedua bagi teman-teman blogger pengguna template dari Creating Website. Mohon dimaklumi, saya sendiri tidak menginginkan hal seperti ini terjadi, semua di luar kehendak saya. Jika Anda ingin mengganti URL script yang mati, silahkan langsung menuju ke artikel template yang Anda pakai. Dan terakhir saya mohon maaf belum bisa menjawab semua pertanyaan yang masuk di blog ini maupun di blog Mas Template, karena masih agak sibuk dengan suasana Lebaran. Maaf saya tidak bisa berlama-lama di depan komputer soalnya masih ada "acara" Lebaran lagi yang menunggu. Selamat menikmati liburan dan semoga bermanfaat

Woooyyy... Mbah Google kasih alasan dong kalau mau nge-banned.... somprettt

Laku.com Belanja Online Grosir Eceran Murah dan Aman

Laku.com Belanja Online Grosir Eceran Murah dan Aman - Internet telah memberikan banyak kemudahan, salah satunya adalah kita bisa belanja baju online. Sayangnya, tidak sedikit penipu di internet yang berkedok toko online. Karena itu, kita harus berhati-hati memilih toko online aman agar tidak terjebak penipuan. Khusus untuk toko baju online, Laku.com adalah solusi pilihan yang paling tepat. Selain murah, toko online shopping tersebut juga sangat aman dan terpecaya karena telah diliput oleh beberapa majalah terkenal Indonesia seperti "Gadis", "CitaCinta", "GoGirl", "CosmoGirl", dan "Dresscode".

Kenapa memilih Laku.com ?

Laku.com adalah salah satu toko baju online shopping terbesar di Indonesia saat ini. Sebagai toko baju online yang telah berkomitmen untuk memberikan pengalaman berbelanja online terbaik dengan memberikan pengalaman terbaik, barang yang lengkap, dan harga yang kompetitif, Laku.com sudah mengirimkan ribuan paket ke semua provinsi di nusantara sehingga terus mendapatkan testimonial positif untuk pengalaman berbelanja pelanggannya. Selain menjual pakaian, Laku.com juga menjual tas, make up, dompet, jam tangan, kaca mata, aksesoris, dan lain lain.

Didukung oleh tim customer service yang ramah dan murah senyum, siap melayani pesanan dari pukul 08:30 sampai 24:00 menjadikan Laku.com sangat bersahabat dengan pengunjung dan customernya. Adapun lokasi Toko Baju Online ini yaitu di Menara BACA Grand Indonesia 50th floor, Jl. M.H. Thamrin No.1 Jakarta Pusat. Jadi, tidak ada alasan untuk mengatakan Laku.com tidak aman karena alamatnya lengkap dan jelas.

Gambar Salah Satu Tim Laku.com

Laku.com BELANJA ONLINE GROSIR ECERAN MURAH DAN AMAN

Untuk memberikan kepercayaan lebih kepada pelanggannya, Laku.com berkomitmen sebagai berikut :

• Kenyamanan berbelanja customer menjadi tanggung jawab Laku.com dari mulai membuka website Laku.com sampai barang tiba di tangan customer sehingga memberikan shopping experience yang paling memuaskan.
• Data customer akan terjaga sepenuhnya, tidak akan pernah dijual ke pihak ke tiga diluar operational Laku.com
• Barang yang ditampilkan di website adalah sama dengan barang yang dijual karena difoto langsung oleh in-house photographer Laku.com.
• Memberikan pilihan yang lengkap dengan harga yang kompetitif bagi customer.
• Membantu setiap customer dalam setiap hal yang berhubungan dengan Laku.com baik pertanyaan maupun kesulitan.

Pernyataan tersebut telah terbukti benar dengan banyaknya testimonial positif yang masuk ke website Laku.com dan bisa dilihat langsung di http://laku.com. Selain itu, Laku.com juga menyediakan fasilitas chatting bagi pengunjung yang ingin mendapatkan pelayanan langsung tim customer service chat Laku.com atau untuk mengirim pesan ke customer service apabila sudah lewat pukul 24:00 karena chat sudah offline.

Gambar Chatting Laku.com

Dengan menggunakan fasilitas chat ini, pengunjung bisa berhubungan langsung dengan customer service Laku.com jika ada keluhan atau hanya sekedar untuk memberikan pertanyaan seputar Laku.com dan barang yang di jual di Laku.com. Hal ini menjadikan Laku.com lebih memiliki nilai tambah jika di bandingkan dengan toko online sejenisnya.

Tim Laku.com Belanja Online Grosir Eceran Murah dan Aman yang lain membungkus dan menyiapkan ratusan order setiap harinya. Mereka juga yang membantu memberikan setiap barang yang keluar dari werehouse dalam kondisi OK. Ada juga Team Content Laku.com yang menyiapkan barang di belakang layar sebelum ditayangkan di web. Dari profesional photographer sampai team jurnalistik semuanya siap memberikan presentasi dan deskripsi supaya customer bisa berbelanja dengan nyaman dan tidak salah pilih.

"Kami sangat senang kalian mengunjungi dan berbelanja di Laku.com. Kami selalu berusaha melayani customer kami sebaik mungkin setiap harinya. Didukung team terbaik yang ada di Indonesia, kami ingin memberikan pengalaman terbaik dalam berbelanja online".

Demikian kalimat yang dikutip dari web Laku.com sebagai pesan untuk customer Laku.com Toko Baju Online Murah dan Aman.

Akibat Mengedit URL Artikel Blog

Blogger dengan Tampilan Barunya banyak menanamkan fitur SEO. Beberapa di antaranya adalah Desripsi penelusuran, Gambar yang bisa langsung di beri rel nofollow atau doffolw tanda edit HTML, dan masih banyak lagi termasuk fitur Tautan Permanen yang berguna untuk mengedit URL artikel.

Gambar 1 : Akibat Mengedit URL Artikel Blog

 Semua fitur baru blogspot terbukti mendongkrak SEO blogger kecuali fitur tautan permanen agar kita bisa memberikan link sendiri untuk artikel, baik URL panjang maupun URL pendek. Kesimpulan sementar ini berdasarkan salah satu artikel BB yang saya publikasikan beberap minggu lalu dengan memberikan URL lengkap sesuai judul artikel dan terget keyword yang saya bidik. Hasilnya... artikel tersebut hanya mampu tembus di halaman 3 beberapa jam setelah dipubliksikan.

Tertarik dengan salah satu kontes SEO yaitu Laku.com BELANJA ONLINE GROSIR ECERAN MURAH DAN AMAN, saya coba ikut kontes untuk yang pertama kalinya setelah beberapa tahun mengenal blog. Karena artikelnya harus super SEO agar bisa bersaing dengan kontestan lain, artikelnya saya publish beberapa menit sebelum membuat artikel ini + 3 hari tersimpan di draft. URL yang lengkap sesuai terget keyword yaitu laku.com belanja online murah dan aman seharusnya lebih SEO di bandingkan dengan URL yang terpotong karena batas URL blogspot hanya 5 kata.

Saya lupa dengan nasib artikel sebelumnya lalu saya edit URL kontes Seo tersebut. Hasilnya....

10 Menit setelah dipublikasikan artikel laku.com belanja online grosir eceran murah dan aman belum terindeks juga. Seharusnya arikel BLOGGERBUGIS bisa langsung terindeks oleh google beberapa detik setelah di publikasikan atau paling lambat 2 menit. Tapi artikel kontes ini belum muncul juga setelah 10 menit. Ini mungkin awal yang buruk untuk artikel kontes, tapi bisa jadi sebaliknya. Alogaritma google pinguin yang selalu berubah ubah menjadi semakin rumit. Padahal sebelumnya, 3 artikel pengawal artikel Kontes mampu tampil di halaman 1 hanya dalam 3 menit. Tragis untuk artikel yang seharusnya Super SEO agar bisa menang kontes. Ternyata mengedit URL arikel dengan menggunakan fitur baru blogspot, membuat artikel lama terindeks.