Five Tools That Can Take Your Efforts to the Next Level

Some blog for fun, others do it for a living. No matter what side of the fence you’re on, there are certain things you must do if you want your blog to grow and start delivering results for the time you put into it. There are also tools available to make your path to success an easier road to travel.


Here are five tools that can be used to take any blog to the next level.



1. Googe Analytics

How are readers to responding to your blog efforts? There is activity to be measured beyond comments and a tool like Google Analytics can help you identify it. With Google Analytics, you can find out where your traffic is coming from, how they’re interacting with your posts, and much more. This tool is easy to implement and best of all, totally free to use. There are many tracking tools out there, but Google Analytics holds it own against the best options on both the free and paid market.

2. Facebook

Say what you want, but the power of Facebook cannot be denied. This social network is used by so more than a billion people, that you are almost certain to have an audience just waiting to be engaged. What makes Facebook so powerful outside of sheer size and reach is all the great features it gives you to work with. For example, you can set up a regular profile or a brand page. You can include links to your blog posts and if they garner interest, fans can like them or share them with friends. Integrating Facebook into the mix is all about creating more exposure for your content.

Although it has a set of unique qualities to call its own, you could easily place Twitter in the place of Facebook. Both tools offer unlimited potential for improving your blogging efforts.

3. Google Alerts

Here’s another of several Google tools that can help take your blog to that next level. Google Alerts allows you to set up email notifications that are delivered to your inbox based on your chosen keywords and phrases. This is perhaps the most versatile tool on the list and thus, one that can be used in a wide variety of ways. Following are just some of the many ways bloggers can use Google Alerts to power their efforts:

- Stay on top of the latest breaking news in their niche

- Generate ideas for fresh topics and content

- Identify similar blogs and websites

- Expand their individual network

- Watch competitors

- Research keywords

- Discover new sites to include in their link building strategy

- Monitor their brand name and reputation

Like many Google products, this one is absolutely free to use. If there is a must-have blogging tool on the list, Google Alerts would be it.

4. CloudFlare

If you have a blog that is making noise in the way of a lot of traffic and comments, your content could be at the mercy of unscrupulous thieves who want to steal and use it for themselves. This is why a tool like CloudFlare comes in handy. CloudFlare is a cloud-based platform that can protect your blog from content crooks, hackers, spammers, and a host of other threats. It also offers features that can help you improve performance and understand more about your traffic.

CloudFlare offers three premium packages, but many bloggers will find that its free plan provides adequate protection for their needs.

5. Creative Commons

Every blogger needs a tool like Creative Commons in their arsenal. Creative Commons gives you convenient access to a huge selection of images that can be used for commercial purposes and published on your blog. Of course you can pretty much nab images from anywhere, but you are taking a huge gamble with anything you have not been given permission to use. What makes Creative Commons so valuable is the fact that it allows you to retrieve content from other popular image libraries, including Flickr, Fotopedia, and Google Images

Don’t Go to Work Without Your Tools

Every blogger needs a set of tools they can rely on to simplify what can often be a very grueling process. The internet makes these applications and services easily accessible, so there really is no excuse for going to work without them. You have an endless pool to choose from, but these are a few you can never go wrong with.

What’s your favorite blogging tool these days? Don’t be a Scrooge. Share with the group!

Author Bio

This is a Guest Post by Francis Santos is a writer for Benchmark Email, a best practices email marketing company .

Description: Five Tools That Can Take Your Efforts to the Next Level Rating: 4.5 Reviewer: Unknown - ItemReviewed: Five Tools That Can Take Your Efforts to the Next Level

Changes and Issues with Blogger

In the Past 39 Days there has been no new post and I sincerely apologize for that . Since I have started using Blogger again , I have come across some changes and issues that I would like to share with everybody.








1. Old Interface Shelved
This happened around 20th September. Old Interface has now become fully inaccessible even if you are using direct links to it. This is what is shown instead

This change has been well planned as the New Edit HTML Editor ( which came under the most fire from the users ) is now pretty stable and allows editing at par with the old one. This force upgrade also came in wake of the one-UI-all-across-policy of Google so that every Google Product has a kind of uniformity.

If you are Old Interface fan like me then there are still some glimpse left of it here and there. Like when Uploading Images in the HTML mode of the Post Editor. After you press the Upload buttons , the confirmation screen has Old Interface styles (Screenshot below)

2. Extra Control over Link Structure
The ability to change the Link Structure has been around for a couple of months in the Draft Blogger interface but it has been rolled out in the Main interface as well. So now you can easily reword your links and they no longer depend on your post headings alone.

A more advanced version of this feature would be ability to omit the year and month from the structure as well. But none the less its a step in the right direction

3. Mobile Custom Redirect Issue
This issue was experienced while using a mobile device (This requires that your User Agent is a mobile device like a Android , iPhone , Symbian or any other similar device). Also you must have a Custom Redirect setup to test this. When a user clicks on a custom Redirect URL , they are redirected to the Custom 404 Error Page. This happens because to serve the mobile version of your blog , Blogger attaches a query parameter ( ?m=1 ) which gets directly appended with the custom redirect and  Blogger thinks of its as a URL itself

For example check this URL - http://www.stylifyyourblog.com/contact?m=1 ( I have a redirect in place which redirects /contact to /p/contact.html )


4. Comment Avatar Image and JS File Size and Issue
With the advent of the New Threaded Commenting System in Blogger , it became clear that Blogger comments were second to none when comparing them with third party services like Disqus or IntenseDebate . But while observing some things in the threaded comment system closely , I came across some shocking facts.

Firstly the Avatar Image size of users who had integrated their account with Google+ was of the order of 512X512 px . This led to a lot waste in the bandwidth from Blogger side as well as it slowed down the loading of pages. In extreme cases a single image was wasting 200KB+ . I filed a request with the Blogger Dev Group and got a positive response but no action has been taken till yet. You can see the thread here

Secondly the size of the JS file included inline as well as externally to make to Threaded Comment system work is a whooping 390KB+ as compared to the 15KB file that was included for the old comment system. After discovering this fact I am seriously considering to shift to a third party comment system which are way lighter.


5. Naked Domain Redirect Issue
In the past 2-3 days there was been a widespread issue across Blogger where the non-www version of the Blog has stopped redirecting to the www version of the blog . Blogger team has released a step to step guide to solve this issue . You can check it here

Stay tuned as I will be resuming my daily posting of helpful tutorials and tips

If you have experienced any other change or issues while using Blogger , feel free to share them in the comments Description: Changes and Issues with Blogger Rating: 4.5 Reviewer: Unknown - ItemReviewed: Changes and Issues with Blogger

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.

Description: 5 Template Hasil Modifikasi Rating: 4.5 Reviewer: Unknown - ItemReviewed: 5 Template Hasil Modifikasi

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

Description: Inilah 2 Template Bingung Mau Dikasih Nama apa Rating: 4.5 Reviewer: Unknown - ItemReviewed: Inilah 2 Template Bingung Mau Dikasih Nama apa

Membuat Tab View Widget Kategori Mantab Banget

Kali ini saya akan membuat satu lagi tutorial mengenai salah satu fitur yang ada pada template Johny Sompret Banget, yaitu membuat tab view widget per kategori. Sebelumnya saya juga pernah membahas cara membuat simple tabber pada sidebar. Ya rencananya saya nanti akan membuat semua tutorial tentang berbagai fitur yang ada pada template-template buatan saya. Tidak ada yang mesti dirahasiakan, semua fitur akan saya jelaskan satu persatu cara pembuatannya, sehingga ke depannya diharapkan Anda mampu membuat template sendiri, syukur bisa dibagikan kepada teman-teman blogger yang lain atau minimal dipakai sendiri. Dan siapa tahu setelah itu ada yang mau menjadi partner saya dalam membuat template blogger atau paling tidak membuat sebuah tutorial baru untuk bisa dibagikan kepada pengguna blogger, karena selama ini saya bekerja sendirian, bikin tutorial sendiri, bikin template juga sendiri, jadi kalau ada yang mau bantu, silahkan saya sangat berterima kasih sekali.

Kembali ke tutorial tab view widget per kategori, widget ini menampilkan 4 post dengan thumbnail dalam tiap satu label atau kategori, untuk lebih jelasnya silahkan lihat gambar di bawah, dan klik demo biar lebih jelas.

DEMO

Langsung saja pada cara membuatnya :

1. Pertama Anda meesti login ke blogger dengan akun Anda
2. Kedua pilih blog yang ingin anda tambahkan slider ini.
3. Setelah itu masuk ke template >> Edit HTML, kemudian centang expand widget templates
4. Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan nantinya, sebaiknya backup dulu template anda.
5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :
   
   #tabber-wrapper{width:640px;float:left;word-wrap:break-word;overflow:hidden}
   ul.tab-view{float:left;list-style:none;height:32px;border-bottom:1px solid #aaa;border-left:1px solid #aaa;width:638px;margin:0;padding:0}
   ul.tab-view li{float:left;height:31px;line-height:31px;border:1px solid #aaa;border-left:none;overflow:hidden;position:relative;background:#eee;margin:0 0 -1px;padding:0}
   ul.tab-view li a{text-decoration:none;color:#26231c;display:block;border:1px solid #eee;outline:none;font-weight:700;padding:0 15px}
   html ul.tab-view li.active,html ul.tab-view li.active a,html ul.tab-view li.active a:hover{background:#eee;color:#026ab5;border-bottom:1px solid #eee}
   .tab-wrapper{border:1px solid #aaa;border-top:none;overflow:hidden;clear:both;float:left;width:638px;background:#eee;margin-bottom:15px}
   .tabber{padding:10px 0}
   .tabber .column{float:left;display:inline;width:146px;margin:0 0 0 11px}
   .tabber h2{font:bold 12px Arial;line-height:15px;margin:7px 0 5px}
   .tabber h2 a{color:#222}
   .tabber h2 a:hover{color:#026ab5}
   Karena pada blog demo yang saya gunakan lebar main-wrapper (kolom postingan) adalah 640px maka untuk membungkus tab view widget lebarnya harus sama, yaitu 640px. Anda bisa sesuaikan dengan lebar main-wrapper pada template yang Anda gunakan.
   Dan untuk tab viewnya sendiri lebarnya harus dikurangi 2px (1px kanan dan kiri), karena tab ini dibungkus dengan border setebal 1px, sehingga lebarnya menjadi 638px. Lebar tiap satu post disini 146px, jika pada template yang Anda gunakan lebar main-wrapper lebih kecil, maka lebar untuk satu post ini pun juga harus diperkecil sehingga jarak antara bagian sisi kanan dan kiri sama.
6. Langkah selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :
   
   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
   <script src='https://masolis-javascript.googlecode.com/svn/trunk/tabview.js' type='text/javascript'/>
   <script type='text/javascript'>
   //<![CDATA[
   imgr=new Array();imgr[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRwyNZtH2LbOEiQKG9aRcpwyWiUxnEyigQF6efjPdU7JRt1hJ7fSomVC6QUcuXYTYjFtniU2zqsdkXv8Uv5E0un6dk1pMSKw0FVTMoOEtXXCl7hBmCgHESlMwF2ZycbzS8qNwIDdWqjdE/s1600/no+image.jpg";showRandomImg=true;aBold=true;summaryPost=80;numposts=4;Title1="Norah Jones";Title2="Diana Krall";Title3="Sting";Title4="Basia";Title5="Sade";Title6="Jamie Cullum";function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}function showrecentposts(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<div class="column"><a href="'+posturl+'"><img width="146" height="95" src="'+img[i]+'"/></a><h2><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div>';document.write(trtd);j++}}
   //]]>
   </script>

   Keterangan :
   

   Perhatikan URL script warna biru diatas, itu adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat tab view widget. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna biru diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.

   Tulisan warna merah : Norah Jones, Diana Krall dan seterusnya adalah judul untuk tab view widget, anda bisa ganti sesuai katehori yang ingin ditampilkan pada widget tersebut. Warna biru (146 dan 95) diatas adalah ukuran lebar dan tinggi thumbnail pada satu post kategori, silahkan ukurannya disesuaikan.
7. Kemudian masukkan kode berikut sebelum kode </body> :
   
   <script type='text/javascript'>
    //<![CDATA[
   jQuery(document).ready(function(){$(".tabber").hide();$("ul.tab-view li:first").addClass("active").show();$(".tabber:first").show();$("ul.tab-view li").click(function(){$("ul.tab-view li").removeClass("active");$(this).addClass("active");$(".tabber").hide();var activeTab=$(this).find("a").attr("href");$(activeTab).fadeIn();return false})});
    //]]>
   </script>
8. Langkah selanjutnya adalah bagaimana cara menempatkan tab view widget tersebut pada blog kita. Jika Anda ingin meletakkan pada bagian atas sebelum post seperti pada demo, cari kode <div id='main-wrapper'>, kemudian letakkan kode berikut ini dibawahnya :
   <div id='tabber-wrapper'>
   <ul class='tab-view'>
   <li><a href='#tab1'><script>document.write(Title1);</script></a></li>
   <li><a href='#tab2'><script>document.write(Title2);</script></a></li>
   <li><a href='#tab3'><script>document.write(Title3);</script></a></li>
   <li><a href='#tab4'><script>document.write(Title4);</script></a></li>
   <li><a href='#tab5'><script>document.write(Title5);</script></a></li>
   <li><a href='#tab6'><script>document.write(Title6);</script></a></li>
   </ul><div class='clear'/>
   <div class='tab-wrapper'>
   <div class='tabber' id='tab1'>
   <script>
   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Norah Jones Lyrics?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
   </script></div>
   <div class='tabber' id='tab2'>
   <script>
   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Diana Krall?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
   </script></div>
   <div class='tabber' id='tab3'>
   <script>
   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Sting?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
   </script></div>
   <div class='tabber' id='tab4'>
   <script>
   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Basia?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
   </script></div>
   <div class='tabber' id='tab5'>
   <script>
   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Sade Lyrics?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
   </script></div>
   <div class='tabber' id='tab6'>
   <script>
   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Jamie Cullum Lyrics?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
   </script></div>
   <div class='clear'/>
   </div></div>
   Tulisan warna merah pada kode diatas adalah label atau kategori yang saya tampilkan pada tab view widget, silahkan ganti dengan label Anda sendiri dan sesuaikan dengan judul tab view pada langkah nomer 6 diatas. Dan jika Anda ingin menampilkan widget ini di bawah postingan, letakkan kode tersebut diatas kode berikut ini (jika tidak ada cari yang mirip) :
   

   <!-- spacer for skins that want sidebar and main to be the same height-->
   <div class='clear'>&#160;</div>
   
   </div> <!-- end content-wrapper -->

9. Terakhir, save templates dan lihat hasilnya. 

Nah itu tadi tutorial membuat tab view widget yang banyak ditanyakan oleh teman-teman blogger pada artikel sebelumnya. Silahkan dicoba, jika masih ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar. Selamat mencoba dan semoga bermanfaat.

Description: Membuat Tab View Widget Kategori Mantab Banget Rating: 4.5 Reviewer: Unknown - ItemReviewed: Membuat Tab View Widget Kategori Mantab Banget

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/AVvXsEj53C7bkO6c7HtVNLOEvdQJeUhqn8Gi9Nj1Wth-Yg1Xzmh_5bjDhLtq8xyBb2WRmxntHzoQZ2pO1Rl_cgy3HfZ78xdGeo2hXlQzkf7_jH4DFH5JzbP2VPdgNGY_N3eCMrJd_l5fzVmuzps/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/AVvXsEj53C7bkO6c7HtVNLOEvdQJeUhqn8Gi9Nj1Wth-Yg1Xzmh_5bjDhLtq8xyBb2WRmxntHzoQZ2pO1Rl_cgy3HfZ78xdGeo2hXlQzkf7_jH4DFH5JzbP2VPdgNGY_N3eCMrJd_l5fzVmuzps/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/AVvXsEjRnCdHGJskazhprYahA5Q4AnrrTPLTDtQNDgEPMtu_p_fM0p3KXVAitRv_TF-lCW2QGR24Q4ZTdj_zUV7vTDp309TTFpmZBX8h97TpDVKcXzxTzt-_vlk9kRyiWlOG90bB807xKnNFPQE/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/AVvXsEhMcBPjsr1xGsRDvjyL9e_x9ZRuiKMrUt9FYGGD8eVrwHNY96p-kqXRGDPx9jUE8y67vBTXiVnBdHBs1absIwt8E3n6AkI8sotPj6fa2Y0fkmPSOjFU1-9T9-_0TyWySk4uRZvT5w2LYys/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/AVvXsEgtR6lrgmiEJRnSwMzDuWVpBN15IeFEDhMRTgNKxGPkIZ_kYNJyFnJIcNqEaypqzW2UyRAMh1D99_knsB17CICdFX1ikJ9gVHkFXAr0ezSVZYX7K7BXod_nyn3HsbX9784DX283-KWWE2U/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/AVvXsEgBmGP8m8jYqAsKC6T6mSXilrPSZtSuFl5HLtQp5F3FvBISnfYX4OR0Nr_1rntadJOqpae3shF2BE0IVBHcG9OoLqv1AmYf1AYmDgSiauFT54ASH8xz9oEzpmYOlIIqeyWqPvi4wX4ayG0/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/AVvXsEg3okLJ-rEWU1Ymb1OO4Ja5keG0RcWqq7FzX8rI5hgtsvxVT4PGGHKbqnbJ9smhyYQLFzREtSxXdZwoS-3gQWAj7Y0awNx5UbIJr7hbk2Kvt3ss_qQV9EWIy_5HEYEvhicah3mIT8TwGQc/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/AVvXsEhR7LdWZD2-xnQZWLvgbGotFtLlUYPixo_iusfHKjYRsce_dx3KmSF0Bgs2ZHwBw4yxluGIz6cwAKLEcHpxhlFl0QeMzWYjW6gKgS5pbLur0mFFU-__JdXuxcO-eHZ6M7dPHOMq0CeMPXE/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/AVvXsEjRwyNZtH2LbOEiQKG9aRcpwyWiUxnEyigQF6efjPdU7JRt1hJ7fSomVC6QUcuXYTYjFtniU2zqsdkXv8Uv5E0un6dk1pMSKw0FVTMoOEtXXCl7hBmCgHESlMwF2ZycbzS8qNwIDdWqjdE/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 

Description: 2 Template Kurang Kerjaan Rating: 4.5 Reviewer: Unknown - ItemReviewed: 2 Template Kurang Kerjaan

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 Description: Pengumuman untuk Pengguna Template (Lagi) Rating: 4.5 Reviewer: Unknown - ItemReviewed: Pengumuman untuk Pengguna Template (Lagi)