Showing posts with label blog. Show all posts
Showing posts with label blog. Show all posts

Hal-hal Yang Membuat Blog Semakin SEO

2:00:00 PM 1
Pada kesempatan kali ini saya akan membagikan sesuatu hal yang berguna bagi blog anda agar semakin SEO dan mendapat reputasi yang baik dari Google.

Sebelum itu, Apa itu SEO ?
SEO atau Search Engine Optimization adalah suatu cara atau teknik yang digunakan oleh seorang pemilih website atau blog yang bertujuan untuk meningkatkan hasil pencarian blog atau website di mata mesin pencarian google, bing ataupun yahoo. Blog atau website yang memiliki SEO bagus, pastinya akan meningkatkan visitor di dalam blog mereka.

Hal-hal Yang Membuat Blog Semakin SEO

Maka dari itu saya akan membagikan Hal-hal Yang Membuat Blog Semakin SEO.

1. Postingan Berkualitas
Postingan yang berkualitas pastilah akan mendapat apresiasi dari google yaitu berupa SEO yang baik, perlu diingat sangat tidak dianjurkan bagi kalian untuk mencopy paste dari blog orang lain. Lalu bagimana solusinya ? solusinya adalah dengan rewrite atau menulis ulang. Ya, menulis ulang informasi dari blog orang lain dengan menggabungkan beberapa informasi menjadi satu informasi baru yang lebih lengkap.

Untuk saya sendiri saya hanya mencari inforamasi tertentu lalu saya rangkai sendiri menjadi kata-kata saya, dan beberapa postingan saya juga adalah hasil original pemikiran saya dan pengalaman yang pernah saya hadapi.

Jika anda ingin mengetahui postingan anda berkualitas atau tidak anda dapat mengunjungi website Siteliner untuk mengecek duplicat content yang ada di blog kalian.

2. Pemilihan Template Yang Tepat
Pemilihan template juga merupakan faktor yang penting untuk menunjang sebuah blog dalam mengoptimalkan SEO blog mereka. Saya sarankan untuk memilih template yang sederhana, responsive, page speed yang cepat, page size yang kecil, dan tentunya terstruktur dengan baik.

Website untuk pemilihan template yang tepat saya sarankan adalah dari Arlina Design atau Mas Sugeng. Karena menurut saya template yang mereka buat tergolong template yang bagus untuk SEO karena responsive untuk berbagai macam perangkat

3. Navigasi Blog Yang Lengkap
Apa saja sih navigasi yang wajib ada diblog ?. Navigasi tersebut adalah Menu Bar atau sub menu di blog kalian, Popular post, recent post atau post terbaru, menu arcive, social button, menu search, tentang anda.


Hal-hal Yang Membuat Blog Semakin SEO

Dan untuk yang tidak kalah penting adalah blog anda harus memiliki menu contact, about, privacy policy, disclaimer, terms of service dan juga sitemap sebagai penunjang blog anda agar semakin SEO.

4. Submit Google Webmaster dan Bing Webmaster
Submit di Google Webmaster dan Bing Webmaster adalah wajib. kenapa ? karena jika anda tidak mensubmit blog anda, maka blog anda tidak akan muncul di pencarian google atau bing yang artinya blog anda seperti ada dan tiada. Jadi hanya anda saya yang dapat melihatnya itupun kalau anda login dengan menggunakan gmail blog anda.


Hal-hal Yang Membuat Blog Semakin SEO

Untuk mengunjunginya silahkan klik Google Webmaster dan Bing Webmaster

5. Ping Blog
Ping Blog ini berfungsi untuk memancing google bot untuk menelusuri blog anda, ya sebagai umpan agar para google bot bisa dengan cepat mendatangi blog anda, dibandingkan dengan anda harus menunggu 1 bulan untuk submit. Maka dari itu cara ini cukup penting untuk menjadikan blog anda SEO.
Hal-hal Yang Membuat Blog Semakin SEO

Untuk melakukan ping blog saya sarankan untuk memilih website ping yang berPR tinggi seperti My Page Rank yang memiliki nilai Page Rank 6

6. Blog Walking Ke Situs BerPR Tinggi
Blog Walking adalah kegiatan yang dilakukukan antar sesama blogger untuk saling mengunjungi masih masing blog, yang artinya anda bertukar link lalu saling mengunjungi. Kegiatan ini juga termasuk teknik SEO, kegiatan lain yang serupa dengan Blog Walking ini adalah membangun backlink, berkomentar di forum, mengunjungi social bookmarking.


Hal-hal Yang Membuat Blog Semakin SEO

Kegiatan Blog Walking akan sangat mempengaruhi Blog Anda karena secara tidak langusng visitor anda akan terus bertambah selama link yang anda tanam tersebut masih aktif.

7. Kegiatan SEO
Bagi kalian yang bertanya kegiatan SEO itu ngapain aja sih ?. Perlu kalian ketahui secara garis besarnya SEO itu dibagi menjadi 2, yaitu SEO On Page dan SEO Off Page.


Hal-hal Yang Membuat Blog Semakin SEO

SEO On Page adalah sebuah cara atau tindakan webmaster untuk mengotimalkan Blognya sendiri atau mengoptimalkan isi dari blog tersebut. Dengan kata lain Kegiatan SEO On Page ini terdapat pada point 1, 2 dan 3. Nah, kegiatan tersebut memang perlu dilakukan untuk membuat blog anda menjadi SEO Friendly agar pengunjung blog anda betah berlama-lama mencari informasi di blog anda.

SEO Off Page adalah Sebuah cara atau tindaka webmaster untuk mengoptimalkan blognya dari luar atau membangun blognya dengan bantuan luar. Dengan kata lain Kegiatan SEO Off Page ini adalah anda akan melakukan blog walking, membangun backlink, ke situs social bookmarking, mendapatkan visitor dari forum dan sebaginya. Kegiatan ini tercermin dari nomor 4, 5, dan 6.

Demikianlah Hal-hal Yang Membuat Blog Anda Semakin SEO. Perlu diingat dalam melakukan kegiatan SEO lakukanlah sewajarnya jangan terlalu berlebih karena nantinya akan berdampak pada blog kalian.

Cara Meningkatkan Alexa Rank Versi TechnoCenterID

6:30:00 AM 9
Alexa Rank adalah salah satu website yang menyediakan layanan indikator kepopuleran suau situs atau blog yang sering dipakai untuk menilai kulitas dari suatu situs atau blog. Kualitas tersebut antara lain adalah Konten blog yang unik dan berkualitas, backlink, traffic tinggi yang akan menjadi faktor urutan Alexa Rank pada blog anda.

Memasang Alexa Rank di blog kalian akan sangat berperan bagi kualitas blog, apalagi bagi seorang blogger profesional. Bagi kalian yang masih bingung bagaimana Meningkatkan Alexa Rank pada blog kalian, dalam beberapa kasus, masih saja ada blog dengan page view yang tinggi, namum memiliki alexa yang tinggi pula.


Meningkatkan Alexa Rank

Dari informasi yang saya dapat, ada yang mengatakan bahwa Alexa Rank tidak akan berpengaruh terhadap Google Pagerank. Hal tersebut masih menjadi perdebatan antara para Blogger, Webmaster, dan Pakar SEO. Banyak orang yang tidak mengerti dengan Alexa Rank, padahal mereka memiliki traffic yang tinggi namun memiliki nilai yang rendah di Alrxa Rank. Hal ini tentu saja menuai kontroversial dan kebingungan.

Namun anda tidak perlu ikut berdebat dan bingung masalah Alexa Rank, saya sendiri memasang alexa rank karena memang saya yakin kalau Alexa Rank dapat mengetahui tingkat kualitas dari suatu blog. Baiklah langsung saja kita ke pembahasan yang pertama :


Cara Meningkatkan Alexa Rank Versi TechnoCenterID : 

1. Daftarkan Website atau Blog ke Alexa Rank
Disini anda harus terlebih dahulu mendaftarkan website atau blog anda terlebih dahulu untuk mengetahui alexa rank anda. Anda diharuskan meletakan Meta Tag pada HTML blog untuk verfikasi kebenarkan blog anda. Perlu anda perhatikan saat mendaftar alexa rank ini, isilah formulir pendaftaran dengan benar dan gunakan keyword yang sesuai dengan blog anda. Cara ini akan mengingkatakn wesite atau blog anda di alexa

2. Install Alexa Toolbar Pada Browser
Saya sarankan untuk menginstall toolbar ini, karena hal ini akan meningkatkan alexa rank anda. Hal ini tidaklah wajib, namun apa salahnya untuk mencoba.

3. Update Artikel atau Konten Secara Teratur
Bagi anda yang benar benar ingin mengingkatkan alexa rank anda maka, updatelah blog ada setiap hari. Hal ini sangat disukai alexa yang akhirnya akan memantu meningkatkan alexa rank anda.

4. Konten Berkualitas
Bukan hanya konten yang anda update setiap hari, namun konten tersebut hendaklah berkualits, apa bila konten anda berkualitas maka anda akan meningkatkan page view, bounce rate, dan traffic, hal ini sangat disukai oleh alexa rank. Dan ingat untuk mengupdate artikel usahakan sesuai dengan topik bahasan blog anda.

5. Link Buliding
Alexa rank juga akan menghitung Link buliding pada blog anda. Link Building ini termasuk, koleksi link dan backling. Untuk mencari backlink anda bisa memanfaatkan social bookmarking, social media, link exchange, guest blogging, forum, dll. Dari hal tersebut carilah backling yang berkualitas seperti link edu dan gov yang disukai oleh google.

6. Blog Commenting
Yang perlu anda ketahui dalam sebuah blog biasanya blog mereka berjenis NoFollow, nah hal ini tidak akan meningkatkan pagerank blog anda. Jangan pernah anda berkomentar pada blog secara agresif atau tidak sopan untuk jangka panjang, karena anda bisa saja menjadi korban span oleh google. Maka, berkomentarlah secara baik dan menggunakan kata kunci yang baik, hal ini akan membuat blog anda baik di mata google yang tentunya akan berdampak pada alexa rank anda

7. Konten Spesial
Sebagian dari webmaster dan pemilik blog menggunakan alexa toolbar pada browser mereka. Jika anda menulis posting khusus untuk alexa rank dengan optimasi mesin pencarian yang optimal, maka alexa rank anda akan meningkat secara signifikan. Lakukanlah hal ini untuk meningkatkan alexa rank anda.

8. Alexa Pro
Jika anda adalah blogger yang telah lama berpartisipasi dan sudah merasakan manfaat blog, maka cobalah untuk membeli alexa pro. Selain untuk meningkatkan alexa rank dengan cepat, anda juga akan mendapatkan fitur fitur yang lengkap dari alexa rank. Fitur fitur tersebut antara lain adalah anda bisa mempromosikan blog anda di alexa search result, backlink kesitu anda, menambah logo anda, dan masih banyak lagi. Namun, jika blogging hanya sebatas hiburan atau hobby sebaiknya memilih alexa rank free saja.


Meningkatkan Alexa Rank

Demikianlah pembahasan mengenai Cara Meningkatkan Alexa Rank Versi TechnoCenterID nah untuk cara cara diatas memang ada yang belum saya coba yaitu Alexa Pro, ya karena saya adalah blogger pemula maka saya belum berani untuk membeli alexa pro.

Blog ini saat pertama kali mendaftar alexa rank, saya mendapat rank yang cukup jauh yaitu sekitar 7,6 juta. Namun dengan cara diatas saya bisa meningkatkannya menjasi 4.2 juta hanya dalam waktu kurang dari satu minggu saja. Ya memang masih jauh dari target saya yaitu dibawah 200.000, namun saya akan tetap berusaha mencapainya.

Cara Menulis Artikel atau Posting Blog SEO Friendly Dengan Benar

6:30:00 AM 15
Sebenarnya Menulis Artikel atau Posting Blog SEO Friendly Dengan Benar tidaklah susah, mungkin banyak dari blogger pemula yang belum mengetahuinya, makanya menulis artikel yang unik dan SEO adalah hal yang sulit.


Menulis Artikel atau Posting Blog SEO Friendly

Bagi anda yang selama ini mencopy paste artikel dari blog lain, berhentilah dari sekarang juga. Kenapa ?, karena mencopy paste atau menduplikat konten akan memperburuk blog anda di mata google yang akhirnya akan berpengaruh terhadap SEO anda.

Baiklah, ulasan yang kali ini saya bahas adalah dasar dari blog itu sendiri, ya memang sebelum memulai membuat blog pastikan anda memiliki keyakinan, kesabaran, dan jiwa pantang menyerah. Nah, kalau sudah mempunya ketiga faktor tersebut, maka saya yakin anda akan sukses di kemudian hari.

Berikut adalah Cara Menulis Artikel atau Posting Blog SEO Friendly Dengan Baik dan Benar :

1. Struktur Judul Post (Post Title) dan Deskripsi Post (Post Description)
Judul post merupakan hal yang sangat penting, ya sangat penting, karena judul post merupakan gambaran dari isi konten yang kita tulis. Judul Post haruslah relevan atau sesuai dengan isi artikel yang kalian buat dan mengandung keyword atau kata kunci.

Sedangkan Deskripsi Post, merupakan ulasan singkat dari artikel tersebut, jadi pada deskripsi post carilah kata kunci yang baik, jangan sampai ngawur atau tidak sesuai dengan materi artikel yang kalian bahas.

2. Tautan atau Link Keyword Yang Mengarah Ke Artikel atau Halaman Lain.
Tautan atau link keyword merupakan salah satu faktor SEO, jadi fungsi dari tautan keyword ini akan mengarah ke artikel atau halaman yang memiliki pembahasan atau terdapat kaitannya dengan materi yang dibahas. Salah satu manfaat tautan keyword ini adalah anda dapat meningkatkan page views pada blog anda dan juga pagerank.

3. Konten Relevan (Relevant Content)
Carilah materi materi blog kalian dengan konten yang relevan, maksudnya anda mencari konten yang sesuai dengan tema blog kalian. Contohnya blog technocenterid.com yang memiliki tema Technology atau Teknologi. Hal ini akan membuat mesin pencarian seperti Google atau Bing akan membantu blog anda meningkatkan ranking blog pada mesin pencarian sesuai dengan keyword yang anda pilih. Hal ini adalah salah satu permainan dalam SEO.

4. Konten Unik (Unique Content)
Carilah informasi mengenai berita berita yang sedang hangat dan menjadi tren di masyarakat, sehingga anda bisa membuat sebuah artikel yang unik dari hal itu. Unik disini berarti anda tidak mencopy paste aritikel atau konten dari blog lain ya. Tuangkanlah ide anda sebaik mungkin dengan menggunakan kemampuan anda sendiri, gaya bahasa pun harus memakai gaya anda. Perlu anda ketahui Google ssangat menyukai Konten Unik dan Fresh, hal ini akan membantu blog anda semakin SEO. Jadi, berhentilah mencopy pasti dari blog orang lain.

5. Gunakan Google AdWord Keyword Tool
Saat membuat sebuah artikel terkadang saya bingung untuk menentukan kata kunci atau keyword apa yang bisa saya gunakan, maka dari itu saya menggunakan Google Adword untuk riset kata kunci yang banyak di cari orang. Google akan memberikan anda rekomendasi kata kunci terbaik yang ada.

Demikianlah Cara Menulis Artikel atau Posting Blog SEO Friendly Dengan Benar. Ingatlah bahwa jadikan menulis sebagai hobby anda terlebih dahulu, agar anda bisa benar benar serius dalam menekani blog ini. Semoga berguna dan Terimakasih 

Cara Mudah Membuat Slider Otomatis Pada Blog

6:00:00 AM 0
Pada kesempatan kali ini TCIDs akan memberikan kalian sedikit informasi mengenai Cara Mudah Membuat Slider Otomatis Pada Blog. Tampilah slider ini menurut TCIDs akan membuat blog kalian semakin cantik.

Admin TCIDs pun pernah menggunakan Slider ini pada template sebelumnya. Ya, karena menurut TCIDs tampilannya sangat cantik dan pas sekali dengan tema TCIDs yang mengusung tema Teknologi dan akan terkesan mewah. Maka dari itu admin TCIDs menggunakan template yang ada slidernya. Namun, karena beberapa alasan admin TCIDs mengganti tampilan blog ini menjadi lebih sederhana.

Cara Mudah Membuat Slider Otomatis Pada Blog

Slider Otomatis yang akan TCIDs bagikan ini maksudnya adalah kalian tidak perlu lagi mensetting posting mana yang akan masuk kedalam slider, karena secara otomatis postingan yang kalian update atau posting terbaru akan masuk kedalam slider ini. Nah, maka kalian tidak perlu lagi memasukkan link satu persatu untuk membuat slider ini.

Perlu kalian perhatikan, salin atau backup template kalian terlebih dahulu sebelum menggunakan slider ini, karena admin TCIDs tidak akan bertanggung jawab, namun jika kalian membutuhkan bantuan mengedit, admin TCIDs akan tetap membantu.

Langsung saja, Berikut adalah Cara Mudah Membuat Slider Otomatis Pada Blog :

1. Masuklah kedalam Dasbor blog kalian

2. Pilih menu Template -> Edit HTML

3. Carilah kode ]]></b:skin> dengan menekan CTRL + F

4. Copy dan Pastekan kode berikut tepat dibawah kode ]]></b:skin>

 /*Slider http://www.technocenterid.com */#featuredSlider {background:#fff;float:left;margin:0; padding:0 0 10px;-webkit-box-shadow:1px 1px 5px #c3c3c3;-moz-box-shadow:1px 1px 5px #c3c3c3;-ms-box-shadow:1px 1px 5px #c3c3c3;-o-box-shadow:1px 1px 5px #c3c3c3;box-shadow:1px 1px 5px #c3c3c3;border:1px solid #fff; width:99%; position:relative;color:#666;}#featuredSlider .featured-thumb {float:left; margin:10px; padding:0px;}#featuredSlider .container {height:266px; margin:0 10px 0 0;overflow:hidden; position:relative;}.featuredTitle{padding-top:15px;font:16px Oswald;text-shadow:1px 1px 1px #ccc;}.featuredTitle a{color:#f7441a}.featuredTitle a:hover{color:#000}.navigation {position:relative;bottom:23px;float:right;overflow:hidden;}ul.pagination {list-style-type:none; margin:0 auto; padding:0;}ul.pagination a { float:left; margin:0 5px; display:inline; }ul.pagination a { display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo46u-8YgeZFPuLd-EfyGoYww01Mgnw8YD8MO-O_4GphO7XdR4B8OxTwtIru184zX5nUTYnBHzXpDdOQlfV-l12NAuSgiVAEq14WgsXdlq50ViYBClVbxIBA20Y1ZdMZyt_OvC7Z8-CU0/s1600/slider+pagination.png); background-position:0 0; background-repeat:no-repeat; }ul.pagination a:hover { background-position:0 -12px; }ul.pagination a:hover { background-position:0 -12px; }ul.pagination a.activeSlide { background-position:0 -12px }a.readmore {float:left;border:1px solid #444;background:#585858 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV8QUZhc2bT8jM7TFowvwK2zPNw9fK6kD3YjPWDX0GzuGR_7clf-6eYnXgUJv3h45V67bE4033vLa80Yb6_3LRXZZHOGyWgUW4BT1IvIrIlk1GEbWrRDCmvlLvg24vTzEXQme7SJvzwTs/s1600/fade.png) repeat-x top;display:block;;font:bold 12px Arial;text-shadow: -1px -1px 0 #333;margin:10px 0 0 0;padding:4px 10px;color:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}a.readmore:hover {color:#ff0}

Note : Kode width dan height adalah lebar dan tinggi dari slider tersebut, silahkan untuk menyesuaikan dengan template yang kalian gunakan.

5. Cari kode </head>

6. Pastekan kode berikut tepat diatas kode </head>

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/><script src='http://yourjavascript.com/221222113215/jquery.innerfade.js' type='text/javascript'/>

 <script src='http://yourjavascript.com/122111125120/cycle.js' type='text/javascript'/>

 <script type='text/javascript'>

 //<![CDATA[

 imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAdu0jeEIyQUc_nMp7mJUCnv4ZRY_xWG3rocQxWlTTNtl3mATuHSruptEXFAzVKojK2J17q6x_ocvUI5Uf12znIALHj5-64e2-t6h_zclviBG3Pj_nYSZ5QoG9yI-hc1cUPnAMvzf5P9U/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 150;
summaryTitle = 25;
numposts  = 7;
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();
    document.write('<div class="slides">')
 if (numposts <= json.feed.entry.length) {
  maxpost = numposts;
  }
 else
       {
    maxpost=json.feed.entry.length;
    }
   for (var i = 0; i < maxpost; 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;
 //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
 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 trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="350" height="262" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><a href="'+posturl+'" class="readmore">Read more &#187;</a></div>';
 document.write(trtd);
 j++;
}
    document.write('</div>')
}
//]]>
</script>

Note : Perhatikan URL berikut : <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

Script tersebut adalah kode script jQuery.min.js. Jika pada template anda sudah ada script tersebut walaupun berbeda versi, maka anda tidak perlu lagi memasukkan kode berwarna merah (lebar dan tinggi) karena script jQuery.min.js hanya boleh 1 saja di blog anda.

7. Yan terakhir cari kode <div id='main-wrapper'> dan pastekan kode berikut tepat dibawahnya :

  <b:if cond='data:blog.pageType != &quot;item&quot;'><div id='featuredSlider'>

 <div class='container'>

 <script>

 document.write(&quot; &lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);

 </script>
<div class='navigation'>
<ul class='pagination'/>            <script>
$(&#39;.slides&#39;).cycle({
  fx:     &#39;fade&#39;,
  speed:  &#39;slow&#39;,
  timeout: 3000,
  pager:  &#39;.pagination&#39;
  });
</script>
</div>           </div> <!--end .container-->
</div>
</b:if>

8. Save template kalian dan lihat hasilnya

Note : Jika hasilnya tidak sesuai dengan harapan kalian silahkan kalian edit sendiri lebar dan tingginya. Namun, jika tidak berhasil dan gagal maka kalian tinggal restore saja hasil backup dari template kalian tadi.

Demikianlah Cara Mudah Membuat Slider Otomatis Pada Blog. Tampilan slider memang akan mempercantik blog kalian, tapi perlu diingat bahwa memasang slider akan membuat kecepatan loading blog kalian semakin menurun.

Cara Mudah Membuat Slider Otomatis Pada Blog

6:00:00 AM 11
Pada kesempatan kali ini TCIDs akan memberikan kalian sedikit informasi mengenai Cara Mudah Membuat Slider Otomatis Pada Blog. Tampilah slider ini menurut TCIDs akan membuat blog kalian semakin cantik.

Admin TCIDs pun pernah menggunakan Slider ini pada template sebelumnya. Ya, karena menurut TCIDs tampilannya sangat cantik dan pas sekali dengan tema TCIDs yang mengusung tema Teknologi dan akan terkesan mewah. Maka dari itu admin TCIDs menggunakan template yang ada slidernya. Namun, karena beberapa alasan admin TCIDs mengganti tampilan blog ini menjadi lebih sederhana.

Cara Mudah Membuat Slider Otomatis Pada Blog

Slider Otomatis yang akan TCIDs bagikan ini maksudnya adalah kalian tidak perlu lagi mensetting posting mana yang akan masuk kedalam slider, karena secara otomatis postingan yang kalian update atau posting terbaru akan masuk kedalam slider ini. Nah, maka kalian tidak perlu lagi memasukkan link satu persatu untuk membuat slider ini.

Perlu kalian perhatikan, salin atau backup template kalian terlebih dahulu sebelum menggunakan slider ini, karena admin TCIDs tidak akan bertanggung jawab, namun jika kalian membutuhkan bantuan mengedit, admin TCIDs akan tetap membantu.

Langsung saja, Berikut adalah Cara Mudah Membuat Slider Otomatis Pada Blog :

1. Masuklah kedalam Dasbor blog kalian

2. Pilih menu Template -> Edit HTML

3. Carilah kode ]]></b:skin> dengan menekan CTRL + F

4. Copy dan Pastekan kode berikut tepat dibawah kode ]]></b:skin>

 /*Slider http://www.technocenterid.com */#featuredSlider {background:#fff;float:left;margin:0; padding:0 0 10px;-webkit-box-shadow:1px 1px 5px #c3c3c3;-moz-box-shadow:1px 1px 5px #c3c3c3;-ms-box-shadow:1px 1px 5px #c3c3c3;-o-box-shadow:1px 1px 5px #c3c3c3;box-shadow:1px 1px 5px #c3c3c3;border:1px solid #fff; width:99%; position:relative;color:#666;}#featuredSlider .featured-thumb {float:left; margin:10px; padding:0px;}#featuredSlider .container {height:266px; margin:0 10px 0 0;overflow:hidden; position:relative;}.featuredTitle{padding-top:15px;font:16px Oswald;text-shadow:1px 1px 1px #ccc;}.featuredTitle a{color:#f7441a}.featuredTitle a:hover{color:#000}.navigation {position:relative;bottom:23px;float:right;overflow:hidden;}ul.pagination {list-style-type:none; margin:0 auto; padding:0;}ul.pagination a { float:left; margin:0 5px; display:inline; }ul.pagination a { display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo46u-8YgeZFPuLd-EfyGoYww01Mgnw8YD8MO-O_4GphO7XdR4B8OxTwtIru184zX5nUTYnBHzXpDdOQlfV-l12NAuSgiVAEq14WgsXdlq50ViYBClVbxIBA20Y1ZdMZyt_OvC7Z8-CU0/s1600/slider+pagination.png); background-position:0 0; background-repeat:no-repeat; }ul.pagination a:hover { background-position:0 -12px; }ul.pagination a:hover { background-position:0 -12px; }ul.pagination a.activeSlide { background-position:0 -12px }a.readmore {float:left;border:1px solid #444;background:#585858 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV8QUZhc2bT8jM7TFowvwK2zPNw9fK6kD3YjPWDX0GzuGR_7clf-6eYnXgUJv3h45V67bE4033vLa80Yb6_3LRXZZHOGyWgUW4BT1IvIrIlk1GEbWrRDCmvlLvg24vTzEXQme7SJvzwTs/s1600/fade.png) repeat-x top;display:block;;font:bold 12px Arial;text-shadow: -1px -1px 0 #333;margin:10px 0 0 0;padding:4px 10px;color:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}a.readmore:hover {color:#ff0}

Note : Kode width dan height adalah lebar dan tinggi dari slider tersebut, silahkan untuk menyesuaikan dengan template yang kalian gunakan.

5. Cari kode </head>

6. Pastekan kode berikut tepat diatas kode </head>

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/><script src='http://yourjavascript.com/221222113215/jquery.innerfade.js' type='text/javascript'/>

 <script src='http://yourjavascript.com/122111125120/cycle.js' type='text/javascript'/>

 <script type='text/javascript'>

 //<![CDATA[

 imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAdu0jeEIyQUc_nMp7mJUCnv4ZRY_xWG3rocQxWlTTNtl3mATuHSruptEXFAzVKojK2J17q6x_ocvUI5Uf12znIALHj5-64e2-t6h_zclviBG3Pj_nYSZ5QoG9yI-hc1cUPnAMvzf5P9U/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 150;
summaryTitle = 25;
numposts  = 7;
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();
    document.write('<div class="slides">')
 if (numposts <= json.feed.entry.length) {
  maxpost = numposts;
  }
 else
       {
    maxpost=json.feed.entry.length;
    }
   for (var i = 0; i < maxpost; 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;
 //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
 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 trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="350" height="262" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><a href="'+posturl+'" class="readmore">Read more &#187;</a></div>';
 document.write(trtd);
 j++;
}
    document.write('</div>')
}
//]]>
</script>

Note : Perhatikan URL berikut : <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

Script tersebut adalah kode script jQuery.min.js. Jika pada template anda sudah ada script tersebut walaupun berbeda versi, maka anda tidak perlu lagi memasukkan kode berwarna merah (lebar dan tinggi) karena script jQuery.min.js hanya boleh 1 saja di blog anda.

7. Yan terakhir cari kode <div id='main-wrapper'> dan pastekan kode berikut tepat dibawahnya :

  <b:if cond='data:blog.pageType != &quot;item&quot;'><div id='featuredSlider'>

 <div class='container'>

 <script>

 document.write(&quot; &lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);

 </script>
<div class='navigation'>
<ul class='pagination'/>            <script>
$(&#39;.slides&#39;).cycle({
  fx:     &#39;fade&#39;,
  speed:  &#39;slow&#39;,
  timeout: 3000,
  pager:  &#39;.pagination&#39;
  });
</script>
</div>           </div> <!--end .container-->
</div>
</b:if>

8. Save template kalian dan lihat hasilnya

Note : Jika hasilnya tidak sesuai dengan harapan kalian silahkan kalian edit sendiri lebar dan tingginya. Namun, jika tidak berhasil dan gagal maka kalian tinggal restore saja hasil backup dari template kalian tadi.

Demikianlah Cara Mudah Membuat Slider Otomatis Pada Blog. Tampilan slider memang akan mempercantik blog kalian, tapi perlu diingat bahwa memasang slider akan membuat kecepatan loading blog kalian semakin menurun.

Cara Membuat Pop Up Otomatis Pada Blog

6:00:00 AM 0
Jika kalian berkunjung ke sebuah blog dan melihat iklan, ucapan selamat datang, fanspage facebook yang melayang, muncul tab baru secara otomatis yang biasanya berisi iklan itu adalah pop up. Yang saya rasakan ketika bertemu pop up adalah perasaan kesal, bagaimana tidak terkadang saya menemukan hingga 5 pop up yang muncul dalam sebuah blog.

Cara ini memang sering dilakukan oleh beberapa blog untuk menaruh iklan pop up yang tentu saja akan meningkatkan pendapatan mereka secara drastis atau bisa juga untuk menaruh alamat blog kedua mereka, biasanya cara ini untuk meningkatkan jumlah visitor di blog mereka.


Cara Membuat Pop Up Otomatis Pada Blog

Bagikalian yang ingin menggunakan cara yang sedikit licik ini, saya akan memberikan caranya pada postingan ini, maka dari itu simaklah posingan ini dengan seksama.

Berikut adalah Cara Membuat Pop Up Otomatis Pada Blog :

1. Masuklah ke Dasbor blog kalian

2. Klik template -> Edit HTML

3. Carilah kode <body> atau </body>, gunakan CTRL + F agar cepat mencarinya.

4. Letakan kode berikut dibawah kode <body> atau diatas kode </body>

 
 
<script type='text/javascript'>    var popurls=new Array()    popurls[0]='http://www.technocenterid.com/'  
 popurls[1]='http://www.technocenterid.com/2015/12/20-tips-sukses-belajar-menjadi-programmer.html'  
 popurls[2]='http://www.technocenterid.com/'    function openpopup(popurl) { var winpops=window.open(popurl,'','width=,height=,toolbar,location,status,scrollbars,menubar,resizable') }    openpopup(popurls[Math.floor(Math.random()* (popurls.length))])    </script>  
Note : Gantilah tulisan berwarna merah dengan alamat url blog kalian. Jika kalian ingin menambahkan lebih dari satu pop up tambahkan saja kode ‘popurls[nomer]='http://link-url-tujuan.com dibawah kode warna merah tadi.

5. Save Template dan lihatlah hasilnya

Demikianlah Cara Membuat Pop Up Otomatis Pada Blog. Perlu anda ketahui gunakan lah cara ini dengan bijak agar tidak merugikan pihak manapun. Semoga bermanfaat dan Terimakasih

Cara Membuat Pop Up Otomatis Pada Blog

6:00:00 AM 18
Jika kalian berkunjung ke sebuah blog dan melihat iklan, ucapan selamat datang, fanspage facebook yang melayang, muncul tab baru secara otomatis yang biasanya berisi iklan itu adalah pop up. Yang saya rasakan ketika bertemu pop up adalah perasaan kesal, bagaimana tidak terkadang saya menemukan hingga 5 pop up yang muncul dalam sebuah blog.

Cara ini memang sering dilakukan oleh beberapa blog untuk menaruh iklan pop up yang tentu saja akan meningkatkan pendapatan mereka secara drastis atau bisa juga untuk menaruh alamat blog kedua mereka, biasanya cara ini untuk meningkatkan jumlah visitor di blog mereka.


Cara Membuat Pop Up Otomatis Pada Blog

Bagikalian yang ingin menggunakan cara yang sedikit licik ini, saya akan memberikan caranya pada postingan ini, maka dari itu simaklah posingan ini dengan seksama.

Berikut adalah Cara Membuat Pop Up Otomatis Pada Blog :

1. Masuklah ke Dasbor blog kalian

2. Klik template -> Edit HTML

3. Carilah kode <body> atau </body>, gunakan CTRL + F agar cepat mencarinya.

4. Letakan kode berikut dibawah kode <body> atau diatas kode </body>

 
 
<script type='text/javascript'>    var popurls=new Array()    popurls[0]='http://www.technocenterid.com/'  
 popurls[1]='http://www.technocenterid.com/2015/12/20-tips-sukses-belajar-menjadi-programmer.html'  
 popurls[2]='http://www.technocenterid.com/'    function openpopup(popurl) { var winpops=window.open(popurl,'','width=,height=,toolbar,location,status,scrollbars,menubar,resizable') }    openpopup(popurls[Math.floor(Math.random()* (popurls.length))])    </script>  
Note : Gantilah tulisan berwarna merah dengan alamat url blog kalian. Jika kalian ingin menambahkan lebih dari satu pop up tambahkan saja kode ‘popurls[nomer]='http://link-url-tujuan.com dibawah kode warna merah tadi.

5. Save Template dan lihatlah hasilnya

Demikianlah Cara Membuat Pop Up Otomatis Pada Blog. Perlu anda ketahui gunakan lah cara ini dengan bijak agar tidak merugikan pihak manapun. Semoga bermanfaat dan Terimakasih

STOP Pakai Domain Gratisan Dari Sekarang, Ini Alasannya

6:00:00 AM 2
Kalau kita berbincang mengenai Domain TLD Gratis siapa sih yang nggak mau ?, saya pun kalau ditawarkan domain TLD gratis tidak akan menolaknya. Namun, domain gratis memiliki kelemahan yang tidak sedikit. Pada posting kali ini saya akan membahas kelebihan dan kelemahan dari domain gratis yang kalian pakai.


Kelebihan dan Kekurangan Domain TLD Gratis


Jika anda mencari domain gratis bisa anda baca disini Situs Penyedia Domain TLD Gratis 2015. Pada posting tersebut anda bisa menemukan website penyedia domain gratis. Namun sebelum itu anda harus membaca Kelebihan dan Kekurangan Domain TLD Gratis.

Apa Kelebihan Domain TLD Gratis ?

1. Gratis
Seperti judulnya, tentu domain ini gratis. Siapa sih yang tidak mau jika diberi domain gratis, tentunya banyak yang mau kan?

2. Blog Menjadi Profesional
Google akan sangat senang jika blog kita menggunakan domain TLD. Kenapa ? itu karena blog kita akan dianggap Blog Profesional oleh google dan pastinya akan menguntungkan kita dalam pengindexan dan support google lainnya untuk blog kita.

3. Mudah Mendapat Alexa Rank
Saat menggunakan Domain TLD memang akan mempermudah kita dalam mendaftar Alexa Rank. Contohnya saja blog TechnoCenterID ini, saat mendaftar alexa rank pertama kali masih menggunakan domain blogspot dan saya kesulitan untuk mendapat alexa rank. Namun, setelah saya menggunakan Domain TLD blog ini sangat mudah medapatkan alexa rank.

4. Mendaftar Google Adsense Lebih Mudah
Bukan rahasia umum lagi kalau kita menggunakan domain TLD mendaftar Google Adsense akan jauh lebih mudah, saya sendiri telah membuktikannya saat mendaftar Google Adsense.

5. URL Menjadi Singkat
Tentu saat menggunakan Domain TLD url blog kita akan menjadi lebih singkat. Contohnya blog ini sebelumnya TechnoCenterID.blogspot.com dan setelah menggunakan domain TLD menjadi TechnoCenterID.com

Apa Kelemahan Domain TLD Gratis ?

1. Tidak Bisa Diperpanjang
Kebanyakan Penyedia Domain TLD adalah dari website luar negeri dan menggunakan dollar. Bagi anda yang tidak memiliki akun paypal atau sebagainya, maka bersiap-siaplah domain anda tidak dapat di perpanjang, kalau pun ingin di perpanjang maka anda harus menggunakan dollar sebagai alat penbayaran.

2. Pelayanan Kurang Memuaskan
Saya rasa hal tersebut sesuai, bagaimana tidak domain tersebut anda dapatkan secara gratis tentunya pelayanan yang anda dapatkan akan minim. Walaupun ada balasan dari penyedia domain, maka anda harus bersabar menunggunya karena support yang diberikan akan sangat lama.

3. Domain Expired Berarti Memulai Dari Nol
Jika domain anda expired dan tidak memperpanjang domain tersebut berarti anda harus mengulang lagi blog anda dari nol, maka dari itu pikir dengan betul betul sebelum menggunakan domain gratis,

4. Pengunjung Blog Menurun Drastis
Hal ini dikarenakan Domain TLD anda tidak dapat diakses lagi dan membuat pengunjung blog menjadi beralih ke website lain. Selain itu blog anda yang menggunakan domainnTLD tidak akan muncul lagi di google search.

5. Alexa Rank Terhapus
Ya, Alexa Rank dari blog anda akan mengulang lagi dari Nol, yang artinya anda harus mendaftarkan ulang blog anda. Hal ini di karenakan domain blog anda telah expired.

Sebenarnya masih banyak sekali Kekurangan dan Kelebihan Domain TLD Gratis yang mungkin belum anda ketahui. Perlu anda waspadai saat menggunakan domain Gratis karena akan berpengaruh kepada blog anda.

Saya pun sekarang telah mengguanakan domain berbayar yang dapat di perpanjang, jadi saya bisa menontrol blog saya dengan baik. Maka dari itu pikirkan dengan baik apabila anda ingin menggunakan Domain TLD Gratis.