Kumpulan situs penyedia Template gratis keren

Kumpulan situs penyedia Template gratis keren

Template editor

Kumpulan situs penyedia Template gratis keren - Anda sebagai Blogger pemula tentunya ingin sekali tampilan blog atau website anda berpenampilan menarik dan enak dilihat, tujuan utama nya yaitu supaya pengunjung betah lama lama membaca isi dari artikel di dalam blog kita. Untuk itu karena selain isi artikel yang menarik, tampilan juga memang sangat di perlukan untuk mempercantik tampilan blog kita.

Di pembahasan artikel sekarang saya akan berbagi informasi situs situs penyedia Template gratis untuk blog. Situs situs ini menyediakan berbagai macam template yang mungkin bisa anda cari yang sesuai dengan keinginan anda secara gratis dan ada juga yang premium. Situs situs ini membagikan beberapa template yang keren keren.

Berikut adalah situs situs penyedia Template gratis :

1). Freewebsitetemplates.com

Situs ini merupakan situs luar negeri yang membagikan template gratis dan keren keren secara percuma oleh kreator pembuat Template tersebut. Jika anda hendak ingin mendownload nya silahkan klik link nya 

2) Arlinadzgn Template 

Template arlinadzgn juga tak kalah bagus dengan situs penyedia Template lain, arlinadzgn menyediakan Template gratis dan juga ada yang premium, silahkan anda cari juga sesuai keinginan anda 

3). Gooyabii Template 

Gooyabii Template juga tersedia Template untuk anda mencari Template yang bagus bagus,elegant, sederhana dan juga responsive semuanya tersedia. 

4) Template mas sugeng 

Mas sugeng merupakan seorang Blogger juga yang menyediakan Template Template gratis untuk sobat para Blogger yang hendak ingin mencari Template yang hendak di cari. Template mas sugeng yang sekarang lagi di cari dan banyak di miniati yaitu Template evo Magz Template, dan Template evo Magz tersebut saya gunakan selama ini di blog icikiblog. 

5) Soora Template 

Sora Template juga tak kalah bagus dengan Template Template lain, situs ini membagikan beberapa template gratis juga, silahkan anda kunjungi saja situs tersebut lebih jelasnya cari dan pilih sendiri 

Itulah beberapa situs situs penyedia Template gratis untuk blog, silahkan anda cek di mesin pencarian google anda, dan carilah template yang bagus yang sesuai dengan tampilan keinginan anda, akan tetapi hati hati jangan terlalu sering gonta ganti template karena akan berdampak buruk pada visitors atau Page view anda, bahkan pada proses perayapan google, semua itu tergantung terhadap struktur kode yang ada di masing masing Template tersebut karena tiap Template memiliki kode struktur yang berbeda beda di dalamnya. Jika anda ingin mengganti Template dan tidak ingin visitors atau Page view nya turun silahkan anda baca "cara mengganti template agar pengunjung tidak menurun " 

Author. Erwin Widianto

Cara Membuat /Menampilkan Related Post Bergambar di Evo Magz Template

Cara Membuat /Menampilkan Related Post Bergambar di Evo Magz Template

Template editor

Icikiblog - Seperti yang kita tahu fungsi related post bergambar atau sering kita sebut artikel terkait adalah artikel yang berkategori berkaitan dengan artikel tersebut yang biasanya muncul di akhir postingan atau konten, untuk itu hal ini sangat lah penting untuk seorang bloger agar bisa menarik perhatian pengunjung nya untuk melihat lihat artikel yang ada di blog kita. Dengan membuat related post bergambar pada blog akan menarik pengunjung untuk betah lama lama membaca isi blog kita dan itu sangat menguntungkan sekali untuk menambah Page piew di halaman blog kita.

Jika anda pengguna Template milik nya mas sugeng evo Magz Template anda bisa ikuti tutorial berikut ini yaitu cara membuat /menampilkan related pos bergambar di Template evo Magz milik mas sugeng.
Sebelum ke tkp untuk jaga jaga supaya jika tampilan related post tidak sesuai dengan keinginan anda tidak cocok atau gagal dalam penempatan nya, sebaiknya backup dulu atau simpan Template anda supaya mudah mengembalikan nya ke Template sebelumnya

Simak Cara nya sebagai berikut :

1). Masuk ke halaman blog anda >>klik Template >> edit html

2). Silahkan copy kode berikut ini tepat di atas nya kode ]]></b:skin> atau anda bisa tempat kan di atas kode </style>

/* ==== Related Post Widget Start ==== */ .related-post{margin:15px 0 0;border-top:1px solid #f0f0f0;padding:15px 0 0} .related-post h4{font-size:14px;margin:0 0 .5em;text-transform:uppercase} .related-post-style-2{margin:0 0 0 0!important;padding:0 0 0 0!important;list-style:none} .related-post-style-2 li{margin:0 0 0 0;padding:0 0 0 0} .related-post-style-2 li{padding:5px 0!important;border-top:1px solid #eee;overflow:hidden} .related-post-style-2 li:first-child{border-top:none} .related-post-style-2 .related-post-item-thumbnail{width:60px;height:60px;max-width:none;max-height:none;background-color:transparent;border:none;padding:0;float:left;margin:2px 8px 0 0} .related-post-style-2 .related-post-item-title{font:normal normal 16px Fjalla One,Helvetica,Arial,sans-serif} www.masyadi.com .related-post-style-2 .related-post-item-summary{display:block;overflow:hidden} .related-post-style-2 .related-post-item-more{}

2). Setelah itu letakan kode berikut di atas k0de </body>

<div class='related-post' id='related-post'></div> <script type='text/javascript'> var labelArray = [ "Smartphone" ]; var relatedPostConfig = { homePage: "http://evomagzblog.blogspot.com/", widgetTitle: "<h4>Related Posts :</h4>", numPosts: 5, summaryLength: 140, titleLength: "auto", thumbnailSize: 60, noImage: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuokWoZas2rotsCbEi30n0aCHWuSnE3g2adDJZs1RQWysbT5ks-oz-_8y9MeeywqFqulzRW5oTfyZJr6_sUNaXQAMH0sH0K1wa6Dg4BM33EGXWVff4qbtUd7-9XUzKr7aEIOOQAWQxadKT/w60-c-h60/no-image.png", containerId: "related-post", newTabLink: false, moreText: "Read More...", widgetStyle: 2, callBack: function() {} }; </script><script type='text/javascript'> //<![CDATA[ /*! Related Post Widget for Blogger by Taufik Nurrohman => http://gplus.to/tovic */ var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"http://www.dte.web.id",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"&hellip;":t;r=("media$thumbnail" in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"&hellip;":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]); //]]> </script>

3). Jika sudah save Template dan lihat hasilnya

Catatan 
Sebelum praktek ingat save Template dahulu supaya tidak terjadi hal hal tidak di inginkan, ikuti tutorial di atas dengan benar, tiap Template mempunyai struktur data yang berbeda beda jadi ada yang langsung berhasil ada juga yang gagal.

Jika anda pengguna Template evo Magz sebenarnya kode kode diatas sudah ada dan sudah terpasang, untuk menampilkan nya anda hanya cukup mengedit pengaturan nya yaitu masuk ke halaman blog anda >> klik Template >> klik roda gigi yang tampilan seluler >> lalu pilih  "tidak, tampilkan Template seluler di perangkat seluler".

Lihat contoh

Maka related post bergambar anda akan muncul di Template evo Magz tersebut, silahkan cek Web anda jika tidak percaya.

Sekian tutorial sederhana ini tentang cara membuat / menampilkan related post bergambar di evo Magz Template. Semoga bermanfaat dan bisa di fahami, mohon maaf jika ada salah kata dalam menulis.

Author. Erwin Widianto

Cara Mengganti Template Agar Pengunjung Tidak Menurun

Cara Mengganti Template Agar Pengunjung Tidak Menurun

Template editor

Cara ganti template agar tidak berdampak menurun pada pengunjung  - baiklah sobat icikiblog di pembahasan kali ini saya akan berbagi tips bagaimana cara ganti template di blog supaya visitors dan page view tidak menurun. Sebenarnya banyak alasan kenapa blog anda ingin di ganti template nya, salah satunya yaitu mungkin tampilan yang kurang pas atau srek oleh pemilik blog tersebut, yang kedua bisa jadi ada beberapa fitur template tersebut yang rusak dan anda tidak bisa menangani nya atau tidak faham untuk otak atik kode html. Dan banyak lagi alasan lainnya kenapa template di blog anda ingin di ganti.

Perlu anda ketahui, bahwa jika anda mengganti tampilan template anda ke template baru ada beberapa kemungkinan yang mungkin akan bisa terjadi yaitu : jika template anda yang baru lebih bagus dari struktur seo di dalam template tersebut maka akan berdampak baik pada visitors dan page view pada blog tersebut, bahkan bisa juga sebaliknya.

Sebelum mengganti template anda harus pikirkan terlebih dahulu secara matang agar suatu saat anda tidak perlu mengganti template nya lagi, karena efek jika kita gonta ganti template google akan butuh proses untuk mengenali struktur template baru tersebut, dan akan menghambat proses perayapan konten artikel anda.

Berikut ini saya akan kasih tips bagaimana cara ganti template agar pengunjung tidak menurun, silahkan ikuti tutorial nya di bawah ini :

Cara mengganti template di blog supaya pengunjung tidak menurun :

• Sebelum mengganti Template pastikan kode kode penting template seperti meta tag verifikasi console, alexa, bingwebmaster, yandex, atau kode penting lainnya anda simpan terlebih dahulu di notepad anda 
• Agar tidak terjadi hal yang tidak di inginkan untuk mengantisipasi Template yang di ganti eror, silahkan anda download dulu template yang sekarang di pakai sebagai jaga jaga, agar nantinya bisa anda kembalikan ke template semula 
• Setelah anda menyimpan template anda atau backup template anda langkah selanjutnya silahkan anda ganti template dengan template yang anda inginkan, usahakan template anda seo friendly 
• Caranya mengganti template nya silahkan masuk halaman blog anda >> klik template >>klik cadangkan / pulihkan >> pilih file template anda, usahakan template anda sudah berbentuk file .xml  >> setelah anda pilih template lalu unggah kemudian simpan 

• Setelah template anda di unggah lanjutkan copy kode meta tag yang sebelumnya anda simpan di notepad, lalu anda pastekan kode tersebut tepat di bawah <head>
• Caranya, klik template di halaman blog anda >> pilih edit html >> cari kode <head> lalu pastekan meta tag nya tepat di bawah <head> kemudian simpan template 

Catatan :
Setelah anda selesai menerapkan template baru anda, tips nya supaya pengunjung anda tidak menurun, lakukan update artikel baru, karena selain agar pengunjung tidak menurun juga supaya mempermudah robot google merayapi template baru di blog anda, dan juga agar robot google tersebut mudah mengenali perubahan template yang sudah anda lakukan agar artikel anda tidak tenggelam juga di mesin pencarian yang dapat mengakibatkan pengunjung anda menurun.

Sekarang anda sudah melakukan tehnik cara mengganti template yang baik dan benar agar tidak berdampak buruk pada pengunjung nya menurun. Mudahan mudahan tutorial ini bisa membantu anda dan bisa di mengerti. Trimakasih banyak sudah berkunjung di blog saya..... 

Author. Erwin Widianto

Cara membuat recent post / artikel terbaru dengan gambar

Cara membuat recent post / artikel terbaru dengan gambar

Template editor

Cara membuat recent posts bergambar - Di artikel sebelumnya anda sudah pernah yang namanya membuat Related post, popular post, Dan sekarang anda ingin membuat recent post. Kenapa ingin membuat recent post atau artikel terbaru ??? Mungkin ada beberapa alasan tersendiri mengapa anda ingin membuat recent post .

Recent posts sendiri menurut saya lumayan penting karena bisa mempermudah pengunjung untuk mengetahui artikel kita terbaru (baru publish) dan ini sangat bermanfaat sekali. Seperti yang kita tahu di Template blog bawaan blogspot tidak menyediakan widget recent posts, Akan tetapi kita bisa membuat recent posts bergambar sendiri dengan mudah dan tidak ribet, kita simak Caranya sebagai berikut.

Cara Membuat recent post :

• Pertama silahkan anda copy kode Java script berikut 

<style type='text/css'>

img.recent_thumb {width: 90px;height: 70px;float: left;

margin-right: 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}

ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;} .recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style><script style='text/javascript' src='https://googledrive.com/host/0BzPgmXeCwsMRcmlNOHhtaDNNMjA'></script><script style='text/javascript'>

var numposts = 5;

var showpostthumbnails = true;

var displaymore = false;

var displayseparator = false;

var showcommentnum = false;

var showpostdate = false;

var showpostsummary = true;

var numchars = 50;</script>

<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

<hr/>

• Setelah anda copy kode Java script nya anda masuk ke halaman blog anda lalu >> klik tata letak >> add gadget >> tambah html Java script >> lalu paste kan kode Java script yang tadi di kotak tersebut, contoh gambar :

• Selanjutnya jangan lupa simpan >>simpan Template >> refresh Halaman blog anda dan lihat hasilnya 

Sekian untuk tutorial cara membuat recent post /artikel terbaru dengan gambar, semoga bermanfaat bagi anda yang hendak ingin membuat Widget recent posts, jangan lupa like and share Jika artikel ini bermanfaat.

Author. Erwin Widianto

Cara Menghapus Widget Membandel di Tata Letak Pada Blog

Cara Menghapus Widget Membandel di Tata Letak Pada Blog

Template editor

Icikiblog - Setelah ganti Template dan memakai Template baru tentunya sangat menarik dan senang sekali dengan tampilan template yang sesuai dengan keinginan kita, apalagi Template itu kita dapatkan gratis dari situs situs penyedia Template gratis oleh seorang bloger. Akan tetapi kita terkadang jengkel sekali jika kita hendak ingin membuang atau menghapus widget widget tertentu yang ingin hendak kita buang.

Di pembahasan artikel kali ini saya akan membagikan tips cara menghapus Widget membandel di tata letak blog, bagi para Blogger pemula tentunya pasti akan kesulitan untuk bisa menghapus Widget tersebut,dan begitu juga saya dulu pernah alami akan hal itu. Untuk cara menghapus nya pun tidak lah terlalu sulit, anda hanya cukup modal berani untuk mengedit Widget tersebut melalui edit HTML pada blog. Untuk tutorial nya silahkan ikuti langkah langkah nya sebagai berikut.

Cara menghapus widget membandel di tata letak pada blog :

• Langkah pertama silahkan anda masuk ke blog anda lalu >>klik Template >> edit html 
• Setelah itu silahkan anda cari Widget membandel yang hendak ingin di hapus di html tersebut, untuk mempermudah pencarian silahkan ketikan ctrl + F pada  pada keyboard anda >> ketikan nama Widget tersebut lalu tekan enter 
• Setelah ketemu Widget nya, silahkan ganti kode html " true "menjadi " false" 

Contoh gambar sebelum di ganti kode true menjadi false

Dan berikut contoh gambar setelah kode true di ganti menjadi false

Sekarang Widget membandel di tata letak pada blog sudah bisa di hapus, cukup mudah sekali bukan???? Anda hanya perlu modal berani untuk mengedit otak atik html pada Blog. Semoga artikel ini bisa membantu anda dalam kesulitan untuk menghapus widget membandel tersebut. Selamat mencoba.....

Author. Erwin Widianto