Informasi Teknologi

Membuat Blog di Blogspot dengan Nama Domain Sendiri

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwll1WGIDUxvsxosTftLdf58F8Ybdn3cQFBapCDIEvS8grRosEl7wax7epQp5RbzkKeR3965kNQMsyVrAyvj7xxfpqdOk_Bk0HnlclJOOjn7kwafgAz_WqM0CzqQcM5zhfYRjHQwAmEtzh/s1600/nama+domain+blog.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Nama Domain" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwll1WGIDUxvsxosTftLdf58F8Ybdn3cQFBapCDIEvS8grRosEl7wax7epQp5RbzkKeR3965kNQMsyVrAyvj7xxfpqdOk_Bk0HnlclJOOjn7kwafgAz_WqM0CzqQcM5zhfYRjHQwAmEtzh/s320/nama+domain+blog.png" title="Nama Domain" width="320" /></a></div>SEBENARNYA ketika Anda ngeblog di <a href="http://blogger.com/" rel="nofollow" target="_blank">Blogspot/Blogger</a>, Anda sudah membuat nama domain sendiri, yaitu di bagian www.namabloganda.blogspot.com. Hanya saja, masih ada "blogspot.com"-nya. Lalu bagaimana kalau ingin menghilangkan nama "blogspot.com"-nya?" Ada beberapa cara untuk Membuat Blog di Blogspot dengan Nama Domain Sendiri 1. Gunakan jasa free domain seperti <a href="http://co.nr/" rel="nofollow" target="_blank">Free Domain Co.Nr</a> sehingga nama blog Anda amenjadi www.namadomain.co.nr 2. Ngeblog dengan membeli/menyewa domain plus hosting, misalnya di Qwords.com atau di Rumahweb.com, lalu menggunakan CMS WordPress.org atau Joomla. 3. Beli/sewa domain di mana saja, lalu setting agar www.domainanda.com nge-redirect ke www.namabloganda.blogspot.com. Nantinya alamat blog Anda www.domainanda.com. Membuat Blog di Blogspot dengan Nama Domain Sendiri di Blogspot Ini dia cara Membuat Blog di Blogspot dengan Nama Domain Sendiri di Blogspot. Panduan dari <a href="https://support.google.com/blogger/troubleshooter/1233381?rd=1&hl=id#ts=1734115" rel="nofollow" target="_blank">Google</a> langsung, sang pemilik blogspot/blogger. <ol style="background-color: #f7f7ff; border: 0px; color: #444444; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, sans-serif; font-size: 13px; line-height: 22px; margin: 1em 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><li style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px 0px 0px 2em; outline: 0px; padding: 0px; vertical-align: baseline;"><div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1em; margin-top: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">Temukan panel kontrol pada situs web pendaftar domain Anda dan tentukan setelan DNS (Sistem Nama Domain) Anda. Untuk menautkan blog anda ke domain ubahsuaian, ikuti petunjuk berikut untuk memasukkan "CNAME" dan "A-records" Anda.</div><div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1em; margin-top: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">CNAME Untuk mengisi Nama, masukkan saja "www" dan daftarkan ghs.google.com sebagai Nama Inang. Lihat petunjuk terperinci kami tentang menyediakan <a href="http://help.blogger.com/bin/answer.py?answer=58317" style="border: 0px; color: #7759ae; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">CNAME untuk beragam pendaftar</a>. Jika milik Anda tidak terdaftar atau jika Anda mengalami kesulitan lain, hubungi pendaftar Anda secara langsung dan mereka dapat membantu Anda.</div><div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1em; margin-top: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">A-records (opsional) Tindakan berikut menautkan domain pokok Anda (example.com) ke situs sebenarnya (www.example.com). Jika Anda melewatkan langkah ini, pengunjung yang tidak mengetikkan "www" akan melihat laman galat.</div>Masukkan nama domain Anda dalam format example.com, lalu masukkan alamat I.P. yang ditampilkan di bawah bagian "A". Anda perlu membuat A-records terpisah yang mengarah ke empat IP Google berbeda.<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1em; margin-top: 1em; outline: 0px; padding: 0px; vertical-align: baseline;"></div><div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1em; margin-top: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">216.239.32.21 216.239.34.21 216.239.36.21 216.239.38.21</div></li><li style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px 0px 0px 2em; outline: 0px; padding: 0px; vertical-align: baseline;"><div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1em; margin-top: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">Perbarui setelan Blogger Anda</div><div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1em; margin-top: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">Sebelum Anda melanjutkan ke langkah ini, tunggu sekitar satu jam untuk mengaktifkan setelah DNS Anda. Jika Anda mencoba mengubah setelah penerbitan sebelum perubahan DNS aktif, kami akan memberi tahu Anda dengan pesan peringatan.</div><div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1em; margin-top: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">Sekarang tiba saatnya memastikan Blogger mengetahui domain ubahsuaian Anda sehingga Google dapat mengarahkan pembaca ke blog Anda. Untuk memulai, klik tab Setelan | Penerbitan pada Blogger.</div><img alt="Setelan untuk Penerbitan" class="shadow" src="https://www.google.com/help/hc/images/blogger_55373_settings_publishing_en.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; font-family: inherit; font-style: inherit; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: middle;" /><div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1em; margin-top: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">Lalu klik tautan yang membuat Anda dapat beralih ke domain ubahsuaian.</div><img alt="Mengubah Domain" class="shadow" src="https://www.google.com/help/hc/images/blogger_55373_domain_switch_en.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; font-family: inherit; font-style: inherit; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: middle;" /><div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1em; margin-top: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">Setelan Alamat Blogspot sekarang berubah ke Domain Anda. Tuliskan URL baru Anda (www.example.com), dan simpan setelan Anda. Jika Anda tidak memasukkan "www," Anda akan menerima pesan galat.</div><img alt="Domain Sendiri" class="shadow" src="https://www.google.com/help/hc/images/blogger_55373_own_domain_en.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; font-family: inherit; font-style: inherit; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: middle;" /><div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1em; margin-top: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">Selamat, Anda berhasil!</div></li></ol><div style="background-color: #f7f7ff; border: 0px; color: #444444; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, sans-serif; font-size: 13px; line-height: 22px; margin-bottom: 1em; margin-top: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">Beberapa catatan berguna:</div><ul style="background-color: #f7f7ff; border: 0px; color: #444444; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, sans-serif; font-size: 13px; line-height: 22px; margin: 1em 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><li style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px 0px 0px 2em; outline: 0px; padding: 0px; vertical-align: baseline;">Jika domain baru Anda tidak meneruskan ke blog Anda, tunggu satu atau dua hari lagi untuk memastikan semua server DNS telah diperbarui. Jika masih tidak bisa, hubungi pendaftar Anda untuk memastikan bahwa Anda telah memasukkan setelah DNS dengan benar.</li><li style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px 0px 0px 2em; outline: 0px; padding: 0px; vertical-align: baseline;">Alamat Blogspot asli Anda akan secara otomatis meneruskan ke domain baru Anda. Dengan demikian, tautan atau bookmarks ke situs Anda saat ini akan tetap dapat digunakan.</li><li style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px 0px 0px 2em; outline: 0px; padding: 0px; vertical-align: baseline;"><a href="http://help.blogger.com/bin/answer.py?answer=57527" style="border: 0px; color: #7759ae; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Gambar yang Anda poskan</a> akan terus ditampilkan di blog Anda.</li></ul>

Membuat Blog di Blogspot dengan Nama Domain Sendiri

SEBENARNYA ketika Anda ngeblog di Blogspot/Blogger , Anda sudah membuat nama domain sendiri, yaitu di bagian www.namabloganda.blogspot.com. ...

11:17 PM

Cara Membuat Posting Terbaru (Recent Post) dan Komentar Terbaru di Blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9sC2mO8kdgsXYcnb4GXPd_2dUhpbXJGo5BiYfD6_srTJruMpogoHyIOKOnFx5ns9mQeJkw42DHk19Vkp5hoJf3suVaNQUNwaE0TBN-OqkQyoyAlY7obfbq6aEK4tSb5Y5fsaZUHjJ5TpG/s1600/recent+posts+posting+terbaru+blogger.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Recent Post Posting Terbaru Blogspot" border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9sC2mO8kdgsXYcnb4GXPd_2dUhpbXJGo5BiYfD6_srTJruMpogoHyIOKOnFx5ns9mQeJkw42DHk19Vkp5hoJf3suVaNQUNwaE0TBN-OqkQyoyAlY7obfbq6aEK4tSb5Y5fsaZUHjJ5TpG/s320/recent+posts+posting+terbaru+blogger.jpg" title="Recent Post Posting Terbaru Blogspot" width="320" /></a></div>Gadget "Posting Terbaru", "Recent Posts", "Latest Posts", atau "Artikel Terbaru" dan "Komentar Terbaru" (Recent Comments) di Blogspot bermasalah, bahkan tidak ada lagi. Bagaimana jika ingin menampilkan "Posting Terbaru" dan "Komentar Terbaru" di Blogspot di sidebar atau di footer? <h3>Cara Membuat "Recent Posts"</h3>Berikut ini cara Membuat "Recent Posts" dan "Recent Comments" di Blogspot, yaitu dengan menggunakan Gadget "Feeds". Caranya: Siapkan dulu "Feeds"-nya, yaitu Feed Komentar dan Feed Posts: 1. URL Blog Comments Feed.     http://URL blog Anda/feeds/comments/default     misalnya http://fayedanielsbbw.blogspot.com/feeds/comments/default 2. URL Blog Posts Feed.     http://URL blog Anda/feeds/posts/default     misalnya http://fayedanielsbbw.blogspot.com/feeds/posts/default Berikut ini langkah mudah dan cepat membuat "Recent Posts" dan "Recent Comments" di Blogspot 1. Klik "Layout" atau "Tata Letak". 2. Klik "Add a gadget" di salah satu sidebar atau footer. 3. Pilih "Feeds" 4. Masukkan kode http://URL blog Anda/feeds/comments/default 5. Ganti nama Gadget dengan "Komentar Terbaru" 6. Save! Untuk membuat "Recent Post" begitu juga langkahnya, cuma kode URL Feeds-nya pake yang http://URL blog Anda/feeds/posts/default dan namanya ganti jadi "Posting Terbaru". CARA LAIN-1 Cara lain menambah atau membuat Recent Post dengan gambar thumbnail ada di <a href="http://24work.blogspot.com/2011/12/animated-recent-posts-for-blogger.html" rel="nofollow" target="_blank">SINI</a>. Kalau "Recent Posts" blog ini menggunakan kode berikut ini di Gadget HTML/Javascript: <div id="hlrpsb"> <script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script> <script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script> <script src="http://fayedanielsbbw.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div> <noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript> <style type=text/css> #rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1JyUMTRg6SuDgua2QEl8PHa_PUvM5JuTHrNY1ZuILTYtakwOLjTj73ZDXRXf50QfEi96TL5zI6ImTg5vZ-pxFD6twUUhzYR_n0iWC__h8ojIIAmtfbM6fDYf5232vnM-EQfej6z9UM2Te/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;} #rpdr, #rpdr a {color:#808080;} #hlrpsb { } .bbrecpost2 { padding-top:6px; padding-bottom:6px; border-bottom: 1px #cccccc dotted; } </style> Kalau mau pake, tinggal ganti fayedanielsbbw.blogspot.com dengan URL blog Anda. CARA LAIN-1 Alternatif kode HTML/Javascript untuk memasang "Psoting Terbaru": <script type="text/javascript"> function showrecentposts(json) {   for (var i = 0; i < numposts; i++) {     var entry = json.feed.entry[i];     var posttitle = entry.title.$t;     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;       }     }     posttitle = posttitle.link(posturl);     var readmorelink = "(more)";     readmorelink = readmorelink.link(posturl);     var postdate = entry.published.$t;     var cdyear = postdate.substring(0,4);     var cdmonth = postdate.substring(5,7);     var cdday = postdate.substring(8,10);     var monthnames = new Array();     monthnames[1] = "Jan";     monthnames[2] = "Feb";     monthnames[3] = "Mar";     monthnames[4] = "Apr";     monthnames[5] = "May";     monthnames[6] = "Jun";     monthnames[7] = "Jul";     monthnames[8] = "Aug";     monthnames[9] = "Sep";     monthnames[10] = "Oct";     monthnames[11] = "Nov";     monthnames[12] = "Dec";     if ("content" in entry) {       var postcontent = entry.content.$t;}     else     if ("summary" in entry) {       var postcontent = entry.summary.$t;}     else var postcontent = "";     var re = /<\S[^>]*>/g;     postcontent = postcontent.replace(re, "");     if (!standardstyling) document.write('<div class="bbrecpost">');     if (standardstyling) document.write('<li>');     document.write(posttitle);     if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ', ' + cdyear);     if (!standardstyling) document.write('</div><div class="bbrecpostsum"">');     if (showpostsummary == true) {       if (standardstyling) document.write(' ');       if (postcontent.length < numchars) {          if (standardstyling) document.write('');          document.write(postcontent);          if (standardstyling) document.write('');}       else {          if (standardstyling) document.write('');          postcontent = postcontent.substring(0, numchars);          var quoteEnd = postcontent.lastIndexOf(" ");          postcontent = postcontent.substring(0,quoteEnd);          document.write(postcontent + '...' + readmorelink);          if (standardstyling) document.write('');} }     if (!standardstyling) document.write('</div>');     if (standardstyling) document.write(' '); } if (!standardstyling) document.write('<div class="bbwidgetfooter">'); if (standardstyling) document.write('</li>'); document.write(''); if (!standardstyling) document.write('</div>'); } var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 0; var standardstyling = false; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script> Good Luck!

Cara Membuat Posting Terbaru (Recent Post) dan Komentar Terbaru di Blogspot

Gadget "Posting Terbaru", "Recent Posts", "Latest Posts", atau "Artikel Terbaru" dan "Komentar ...

4:59 PM

Cara Membuat Posting Terbaru (Recent Post) dan Komentar Terbaru di Blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9sC2mO8kdgsXYcnb4GXPd_2dUhpbXJGo5BiYfD6_srTJruMpogoHyIOKOnFx5ns9mQeJkw42DHk19Vkp5hoJf3suVaNQUNwaE0TBN-OqkQyoyAlY7obfbq6aEK4tSb5Y5fsaZUHjJ5TpG/s1600/recent+posts+posting+terbaru+blogger.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Recent Post Posting Terbaru Blogspot" border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9sC2mO8kdgsXYcnb4GXPd_2dUhpbXJGo5BiYfD6_srTJruMpogoHyIOKOnFx5ns9mQeJkw42DHk19Vkp5hoJf3suVaNQUNwaE0TBN-OqkQyoyAlY7obfbq6aEK4tSb5Y5fsaZUHjJ5TpG/s320/recent+posts+posting+terbaru+blogger.jpg" title="Recent Post Posting Terbaru Blogspot" width="320" /></a></div>Gadget "Posting Terbaru", "Recent Posts", "Latest Posts", atau "Artikel Terbaru" dan "Komentar Terbaru" (Recent Comments) di Blogspot bermasalah, bahkan tidak ada lagi. Bagaimana jika ingin menampilkan "Posting Terbaru" dan "Komentar Terbaru" di Blogspot di sidebar atau di footer? <h3>Cara Membuat "Recent Posts"</h3>Berikut ini cara Membuat "Recent Posts" dan "Recent Comments" di Blogspot, yaitu dengan menggunakan Gadget "Feeds". Caranya: Siapkan dulu "Feeds"-nya, yaitu Feed Komentar dan Feed Posts: 1. URL Blog Comments Feed.     http://URL blog Anda/feeds/comments/default     misalnya http://contohblognih.blogspot.com/feeds/comments/default 2. URL Blog Posts Feed.     http://URL blog Anda/feeds/posts/default     misalnya http://contohblognih.blogspot.com/feeds/posts/default Berikut ini langkah mudah dan cepat membuat "Recent Posts" dan "Recent Comments" di Blogspot 1. Klik "Layout" atau "Tata Letak". 2. Klik "Add a gadget" di salah satu sidebar atau footer. 3. Pilih "Feeds" 4. Masukkan kode http://URL blog Anda/feeds/comments/default 5. Ganti nama Gadget dengan "Komentar Terbaru" 6. Save! Untuk membuat "Recent Post" begitu juga langkahnya, cuma kode URL Feeds-nya pake yang http://URL blog Anda/feeds/posts/default dan namanya ganti jadi "Posting Terbaru". CARA LAIN-1 Cara lain menambah atau membuat Recent Post dengan gambar thumbnail ada di <a href="http://24work.blogspot.com/2011/12/animated-recent-posts-for-blogger.html" rel="nofollow" target="_blank">SINI</a>. Kalau "Recent Posts" blog ini menggunakan kode berikut ini di Gadget HTML/Javascript: <div id="hlrpsb"> <script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script> <script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script> <script src="http://contohblognih.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div> <noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript> <style type=text/css> #rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1JyUMTRg6SuDgua2QEl8PHa_PUvM5JuTHrNY1ZuILTYtakwOLjTj73ZDXRXf50QfEi96TL5zI6ImTg5vZ-pxFD6twUUhzYR_n0iWC__h8ojIIAmtfbM6fDYf5232vnM-EQfej6z9UM2Te/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;} #rpdr, #rpdr a {color:#808080;} #hlrpsb { } .bbrecpost2 { padding-top:6px; padding-bottom:6px; border-bottom: 1px #cccccc dotted; } </style> Kalau mau pake, tinggal ganti contohblognih.blogspot.com dengan URL blog Anda. CARA LAIN-1 Alternatif kode HTML/Javascript untuk memasang "Psoting Terbaru": <script type="text/javascript"> function showrecentposts(json) {   for (var i = 0; i < numposts; i++) {     var entry = json.feed.entry[i];     var posttitle = entry.title.$t;     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;       }     }     posttitle = posttitle.link(posturl);     var readmorelink = "(more)";     readmorelink = readmorelink.link(posturl);     var postdate = entry.published.$t;     var cdyear = postdate.substring(0,4);     var cdmonth = postdate.substring(5,7);     var cdday = postdate.substring(8,10);     var monthnames = new Array();     monthnames[1] = "Jan";     monthnames[2] = "Feb";     monthnames[3] = "Mar";     monthnames[4] = "Apr";     monthnames[5] = "May";     monthnames[6] = "Jun";     monthnames[7] = "Jul";     monthnames[8] = "Aug";     monthnames[9] = "Sep";     monthnames[10] = "Oct";     monthnames[11] = "Nov";     monthnames[12] = "Dec";     if ("content" in entry) {       var postcontent = entry.content.$t;}     else     if ("summary" in entry) {       var postcontent = entry.summary.$t;}     else var postcontent = "";     var re = /<\S[^>]*>/g;     postcontent = postcontent.replace(re, "");     if (!standardstyling) document.write('<div class="bbrecpost">');     if (standardstyling) document.write('<li>');     document.write(posttitle);     if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ', ' + cdyear);     if (!standardstyling) document.write('</div><div class="bbrecpostsum"">');     if (showpostsummary == true) {       if (standardstyling) document.write(' ');       if (postcontent.length < numchars) {          if (standardstyling) document.write('');          document.write(postcontent);          if (standardstyling) document.write('');}       else {          if (standardstyling) document.write('');          postcontent = postcontent.substring(0, numchars);          var quoteEnd = postcontent.lastIndexOf(" ");          postcontent = postcontent.substring(0,quoteEnd);          document.write(postcontent + '...' + readmorelink);          if (standardstyling) document.write('');} }     if (!standardstyling) document.write('</div>');     if (standardstyling) document.write(' '); } if (!standardstyling) document.write('<div class="bbwidgetfooter">'); if (standardstyling) document.write('</li>'); document.write(''); if (!standardstyling) document.write('</div>'); } var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 0; var standardstyling = false; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script> Good Luck!

Cara Membuat Posting Terbaru (Recent Post) dan Komentar Terbaru di Blogspot

Gadget "Posting Terbaru", "Recent Posts", "Latest Posts", atau "Artikel Terbaru" dan "Komentar ...

4:59 PM

Cara Membuat Featured Image/Post di Blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyZsTLtCG2LhNcfOPLTxxA0YylUlG1TPWjDDwIsLDGD8XyNTRAwJiQJOpyjG26zz_ogJ1lke4u7gy7KsLceOjc6Z0AmB1G3lYQtAGlCccAwHXa_QM__6g5hnfPmIoRJyr6fONUrw_0vNJu/s1600/featured+image+-+featured+post+blog.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img alt="Featured Image/Post di Blogspot" border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyZsTLtCG2LhNcfOPLTxxA0YylUlG1TPWjDDwIsLDGD8XyNTRAwJiQJOpyjG26zz_ogJ1lke4u7gy7KsLceOjc6Z0AmB1G3lYQtAGlCccAwHXa_QM__6g5hnfPmIoRJyr6fONUrw_0vNJu/s320/featured+image+-+featured+post+blog.png" title="Featured Image/Post di Blogspot" width="320" /></a></div>Cara membuat Featured Image/Post di Blogspot, seperti yang bisa Anda lihat di halaman depan blog ini, sangat mudah. Anda tinggal melakukan langkah-langkah berikut ini: 1. Template --> Edit HTML 2. Temukan kode <b:section class='main' id='main' showaddelement='no'> 3. Ubah jadi atau ganti dengan <b:section class='main' id='main' showaddelement='yes'> (mengubah ini doang kok: showaddelement='no' jadi showaddelement='yes' 4. Jika Featured Image/Post hanya dimunculkan di halaman depan, seperti di blog ini, Anda tinggal tambahkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> di atas kode  dan </b:if> di bawah kode <b:include name='quickedit'/>. (Selengkapnya baca <a href="http://fayedanielsbbw.blogspot.com/2013/10/cara-mengatur-tampilan-sidebar-widget.html" rel="nofollow" target="_blank">DI SINI</a>). 5. Save Template! Langkag 1 s.d. 5 tersebut untuk memunculkan kolom Gadget baru di atas Blog post. Mari kita lanjutkan: 6. Klik "Layout". Nanti akan ada kolom "Add a Gadget" baru di atas kolom "Blog Posts" 7. Klik "Add a Gadget"--> Pilih HTML/Javascript 8. Masukkan kode HTML/Javascript. Jika ingin hanya berupa gambar, seperti di blog ini, tinggal masukkan kode <img src="LINK GAMBAR/FOTO"> Jika ingin berupa Featured Content Slider Post, Anda bisa dapatkan kodenya di <a href="http://24work.blogspot.com/2012/02/17-featured-content-slider-for-blogger.html" rel="nofollow" target="_blank">SINI</a>. Ada 17 lebih pilihan tampilan featured post buat blogspot di sana. Cara Membuat Featured Image/Post di Blogspot lainnya yang lebih praktis dan bagus, gak mau ribet ganti URL/LINK dan sebagainya, Anda gunakan <a href="http://www.maskolis.com/2012/04/membuat-content-slider-image-otomatis.html" rel="nofollow" target="_blank">CARA INI</a> saja. Mau Featured Post blognya seperti Image Slideshow punya Yahoo!? Ada <a href="http://www.maskolis.com/2011/12/membuat-slideshow-gambar-ala-yahoo.html" rel="nofollow" target="_blank">di </a><a href="http://www.maskolis.com/2011/12/membuat-slideshow-gambar-ala-yahoo.html" rel="nofollow" target="_blank">sini</a>. Good Luck!

Cara Membuat Featured Image/Post di Blogspot

Cara membuat Featured Image/Post di Blogspot, seperti yang bisa Anda lihat di halaman depan blog ini, sangat mudah. Anda tinggal melakukan l...

4:30 PM

Cara Membuat Featured Image/Post di Blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyZsTLtCG2LhNcfOPLTxxA0YylUlG1TPWjDDwIsLDGD8XyNTRAwJiQJOpyjG26zz_ogJ1lke4u7gy7KsLceOjc6Z0AmB1G3lYQtAGlCccAwHXa_QM__6g5hnfPmIoRJyr6fONUrw_0vNJu/s1600/featured+image+-+featured+post+blog.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img alt="Featured Image/Post di Blogspot" border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyZsTLtCG2LhNcfOPLTxxA0YylUlG1TPWjDDwIsLDGD8XyNTRAwJiQJOpyjG26zz_ogJ1lke4u7gy7KsLceOjc6Z0AmB1G3lYQtAGlCccAwHXa_QM__6g5hnfPmIoRJyr6fONUrw_0vNJu/s320/featured+image+-+featured+post+blog.png" title="Featured Image/Post di Blogspot" width="320" /></a></div>Cara membuat Featured Image/Post di Blogspot, seperti yang bisa Anda lihat di halaman depan blog ini, sangat mudah. Anda tinggal melakukan langkah-langkah berikut ini: 1. Template --> Edit HTML 2. Temukan kode <b:section class='main' id='main' showaddelement='no'> 3. Ubah jadi atau ganti dengan <b:section class='main' id='main' showaddelement='yes'> (mengubah ini doang kok: showaddelement='no' jadi showaddelement='yes' 4. Jika Featured Image/Post hanya dimunculkan di halaman depan, seperti di blog ini, Anda tinggal tambahkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> di atas kode  dan </b:if> di bawah kode <b:include name='quickedit'/>. (Selengkapnya baca <a href="http://contohblognih.blogspot.com/2013/10/cara-mengatur-tampilan-sidebar-widget.html" rel="nofollow" target="_blank">DI SINI</a>). 5. Save Template! Langkag 1 s.d. 5 tersebut untuk memunculkan kolom Gadget baru di atas Blog post. Mari kita lanjutkan: 6. Klik "Layout". Nanti akan ada kolom "Add a Gadget" baru di atas kolom "Blog Posts" 7. Klik "Add a Gadget"--> Pilih HTML/Javascript 8. Masukkan kode HTML/Javascript. Jika ingin hanya berupa gambar, seperti di blog ini, tinggal masukkan kode <img src="LINK GAMBAR/FOTO"> Jika ingin berupa Featured Content Slider Post, Anda bisa dapatkan kodenya di <a href="http://24work.blogspot.com/2012/02/17-featured-content-slider-for-blogger.html" rel="nofollow" target="_blank">SINI</a>. Ada 17 lebih pilihan tampilan featured post buat blogspot di sana. Cara Membuat Featured Image/Post di Blogspot lainnya yang lebih praktis dan bagus, gak mau ribet ganti URL/LINK dan sebagainya, Anda gunakan <a href="http://www.maskolis.com/2012/04/membuat-content-slider-image-otomatis.html" rel="nofollow" target="_blank">CARA INI</a> saja. Mau Featured Post blognya seperti Image Slideshow punya Yahoo!? Ada <a href="http://www.maskolis.com/2011/12/membuat-slideshow-gambar-ala-yahoo.html" rel="nofollow" target="_blank">di </a><a href="http://www.maskolis.com/2011/12/membuat-slideshow-gambar-ala-yahoo.html" rel="nofollow" target="_blank">sini</a>. Good Luck!

Cara Membuat Featured Image/Post di Blogspot

Cara membuat Featured Image/Post di Blogspot, seperti yang bisa Anda lihat di halaman depan blog ini, sangat mudah. Anda tinggal melakukan l...

4:30 PM

Cara Membuat Halaman Blogspot Pake Password

<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCqJmsdM-aeuwa9JFBv0WPSqgWZAfIRSYz1qxvjLtPv5-gVh73LD5uzE_26EXZaFqkx463aD8yKDxzt_c0E9H4hgaQDJu3T3KCDjj7fb5nwAFskADRgn5W-rEEudlAWfM2lCiVOqPRrBEd/s1600/Halaman+Blogspot+Password.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Halaman Blogspot Pake Password" border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCqJmsdM-aeuwa9JFBv0WPSqgWZAfIRSYz1qxvjLtPv5-gVh73LD5uzE_26EXZaFqkx463aD8yKDxzt_c0E9H4hgaQDJu3T3KCDjj7fb5nwAFskADRgn5W-rEEudlAWfM2lCiVOqPRrBEd/s320/Halaman+Blogspot+Password.png" title="Halaman Blogspot Pake Password" width="320" /></a></div>Password Protected Page on Blogger Cara Membuat Halaman Blogspot Pake Password gampang banget. Jika Anda ingin hanya orang tertentu, bahkan cuma Anda sendiri, yang bisa membuka halaman (page) statis di blog blogspot, buatlah password untuk halaman tersebut. Ini dia cara cara membuat password pada halaman blogspot alias Cara Membuat Halaman Blogspot Pake Password : 1. Login ke <a href="http://blogger.com/" rel="nofollow" target="_blank">Blogger</a>  >> Dashboard >> Pages >> 2. Buatlah halaman (pag) dengan cara :klik New Pages >> Blank Page 3. Isi judu/nama Halaman 4. Isi halamannya dengan tulisan atau materi yang Anda inginkan 5. Klik “HTML” 6. Masukkan kode berikut ini sebelum atau sesudah isi halaman: <script language="JavaScript"> var password; var pass1="PASSWORD"; password=prompt('Enter your password in order to view this page!',' '); if (password==pass1) alert('Correct password, OK to enter!'); else {   window.location="SITE-LINK"; } </script> 4. Ganti teks berwarna merah dengan versi Anda, terutama PASSWORD. 5. Ganti teks SITE-LINK dengan URL Page/Halaman Blogspot Anda. 6. Save!

Cara Membuat Halaman Blogspot Pake Password

Password Protected Page on Blogger Cara Membuat Halaman Blogspot Pake Password gampang banget. Jika Anda ingin hanya orang tertentu, bahkan ...

9:52 AM

Cara Membuat Favicon Blog Blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-IDmgHOrGhDT-U5VvD4atCo1G6fnS1D3OLGGKRN4EYMRtBoigGP7u584kvGfhSVG3-VHuwbdbpGLXiJI6nmnEAiwASYhMmcSPLXQ_g-Jp2Zexf0n7eAq66rux_5ghDD6xj2htvErrTCci/s1600/favicon+blog.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Membuat Favicon Blog" border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-IDmgHOrGhDT-U5VvD4atCo1G6fnS1D3OLGGKRN4EYMRtBoigGP7u584kvGfhSVG3-VHuwbdbpGLXiJI6nmnEAiwASYhMmcSPLXQ_g-Jp2Zexf0n7eAq66rux_5ghDD6xj2htvErrTCci/s320/favicon+blog.png" title="Cara Membuat Favicon Blog" width="320" /></a></div>Favicon adalah adalah icon utama yang muncul pada address bar suatu website dan merupakan logo dari website tersebut. Juga dikenal sebagai shortcut icon, Web site icon, URL icon, or bookmark icon. Favicon adalah ikon kecil yang muncul di pojok kiri address bar dan pojok kiri tab. Secara default favicon blog berbasis Blogger/Blogspot adalah simbol B. Anda bisa membuat favicon blog sendiri dan mengganti favicon tersebut. Favicon adalah singkatan dari favorite icon yang berarti gambar favorit. Favicon adalah sebuah istilah yang ditujukkan dengan sebagai sebuah ikon logo. Pada dasarnya favicon adalah logo dari sebuah website. Favicon adalah icon kecil yang dibuat secara khusus yang muncul ketika suatu website telah selesai loading. Gambar icon kecil biasanya muncul dalam browser terletak disebelah kiri alamat website (URL). Cara membuat favicon adalah dengan menyediakan gambar icon kesukaan berukuran 32X32 pixels dengan format file JPG, GIF, atau PNG. Anda bisa membuatnya di <a href="http://www.favicon.cc/?" rel="nofollow" target="_blank">Favicon Generator</a>. Cara Membuat Favicon Blog juga bisa dengan hanya menyiapkan gambar/foto ukuran sama lebar dan sama panjang, misalnya 100x100 pixel, lalu masukkan ke blog Anda. Caranya: Klik Dashboard --> Layout --> Favicon --> Edit Gampang kan Cara Membuat Favicon Blog di Blogspot?

Cara Membuat Favicon Blog Blogspot

Favicon adalah adalah icon utama yang muncul pada address bar suatu website dan merupakan logo dari website tersebut. Juga dikenal sebagai ...

9:41 AM

Tampilan Template Blog yang Baik

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlO_kA8wBgS6rU1UWtyKXeuIJilxOSIXKhdfKzgjDvkPfZTqnpZF_q3yO2lCoJfiY3mjkNEc7uzNt5O33KDtWY-tF1iNVO9sv26UVdU4qzqp7GC6esyUwAkbZ_xI3Hz0IxGPglzCoGQ2sX/s1600/the+stars+wp+theme.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Tampilan Template Blog yang Baik" border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlO_kA8wBgS6rU1UWtyKXeuIJilxOSIXKhdfKzgjDvkPfZTqnpZF_q3yO2lCoJfiY3mjkNEc7uzNt5O33KDtWY-tF1iNVO9sv26UVdU4qzqp7GC6esyUwAkbZ_xI3Hz0IxGPglzCoGQ2sX/s200/the+stars+wp+theme.png" title="Tampilan Template Blog yang Baik" width="200" /></a></div>Tampilan blog tidak biasa "asal" agar kinerja blognya bagus. Tampilan Template Blog yang Baik antara lain: 1. SEO Friendly, mudah terindeks mesin pencari terutama Google, termasuk sudah menyediakan Meta Tags --Meta Title, Meta Description, dan Meta Keywords plus Meta Author dan Meta Robot-- yang tinggal diisi oleh blogger. 2. User Friendly, good looking, enak dipandang oleh user atau pengunjung, juga menampilna Navigasi Menu yang memudahkan pengunjung mengeksplorasi atau mencari tulisan yang diinginkan/dibutuhkan. 3. Fast Loading, yaitu blog template yang simple, clean, dan tampilannya cepat, tidak lama. Blog yang tampilnya lama saat dibuka, akan ditinggalkan pengunjung. 4. Responsive, yakni template blog yang bisa menyesuaikan dengan perangkat yang digunakan user. Anda tinggal menemukan dan memilih Tampilan Template Blog yang Baik tersebut di Google, dengan mengetikkan kata kuncu "Tampilan Template Blog yang Baik", "SEO Blog Template", atau "Fast Loading Blogger Template". Good luck!

Tampilan Template Blog yang Baik

Tampilan blog tidak biasa "asal" agar kinerja blognya bagus. Tampilan Template Blog yang Baik antara lain: 1. SEO Friendly, mudah ...

9:28 AM

Cara Mengatur Tampilan Sidebar Widget Blog Blogspot

Cara Mengatur Tampilan Sidebar Widget (Gadget) Blog Blogspot agar tampil hanya di halaman depan blog atau hanya di halaman single posting saja. Kunci dalam Cara Mengatur Tampilan Sidebar Widget (Gadget) Blog Blogspot adalah masalah penambahan kode: <ol><li>Kode  <b:if cond='data:blog.url == data:blog.homepageUrl'> hanya untuk menampilkan sidebar widget halaman depan (homepage) saja dengan menambahkan kode  </b:if> sebelum kode penutup sidebar widget.</li><li>Kode   <b:if cond='data:blog.pageType == "item"'> hanya untuk  menampilkan sidebar widget blog di halaman posting saja dengan menambahkan kode  </b:if> sebelum kode penutup sidebar widget.</li></ol><ol></ol>Berikut ini rincian dan penjelasan Cara Mengatur Tampilan Sidebar Widget (Gadget) Blog Blogspot. <div>1. Buat dulu sidebar widget (Gadget) dan kasih nama, misalnya IKLAN</div><div>2. Cari nama Gadget IKLAN tadi di "Template" --> "Edit HTML" dan akan ditemukan kode seperti berikut ini:</div><div> </div><div><div style="background-color: white; color: #333333; font-family: Arial, Verdana; font-size: 12px; line-height: 16.796875px;">b:widget id='HTML?' locked='false' title='IKLAN' type='HTML'></div><div style="background-color: white; color: #333333; font-family: Arial, Verdana; font-size: 12px; line-height: 16.796875px;"><b:includable id='main'></div><div style="background-color: white; color: #333333; font-family: Arial, Verdana; font-size: 12px; line-height: 16.796875px;"></div><div style="background-color: white; color: #333333; font-family: Arial, Verdana; font-size: 12px; line-height: 16.796875px;"><b:if cond='data:title != ""'></div><div style="background-color: white; color: #333333; font-family: Arial, Verdana; font-size: 12px; line-height: 16.796875px;"><h2 class='title'><data:title/></h2></div><div style="background-color: white; color: #333333; font-family: Arial, Verdana; font-size: 12px; line-height: 16.796875px;"></b:if></div><div style="background-color: white; color: #333333; font-family: Arial, Verdana; font-size: 12px; line-height: 16.796875px;"><div class='widget-content'></div><div style="background-color: white; color: #333333; font-family: Arial, Verdana; font-size: 12px; line-height: 16.796875px;"><data:content/></div><div style="background-color: white; color: #333333; font-family: Arial, Verdana; font-size: 12px; line-height: 16.796875px;"></div></div><div style="background-color: white; color: #333333; font-family: Arial, Verdana; font-size: 12px; line-height: 16.796875px;"><b:include name='quickedit'/></div><div style="background-color: white; color: #333333; font-family: Arial, Verdana; font-size: 12px; line-height: 16.796875px;"></b:includable></div><div style="background-color: white; color: #333333; font-family: Arial, Verdana; font-size: 12px; line-height: 16.796875px;"></b:widget></div></div><div style="background-color: white; color: #333333; font-family: Arial, Verdana; font-size: 12px; line-height: 16.796875px;"> </div><div style="background-color: white;">3. Agar Gadget IKLAN hanya muncul di halaman depan saja/tidak muncul di halaman posting, maka tambahkan kode yang berwarna merah.</div><div style="background-color: white; color: #333333; font-family: Arial, Verdana; font-size: 12px; line-height: 16.796875px;"> </div><div style="background-color: white; color: #333333; font-family: Arial, Verdana; font-size: 12px; line-height: 16.796875px;"><div><b:widget id='HTML?' locked='false' title='IKLAN' type='HTML'></div><div><b:includable id='main'></div><b:if cond='data:blog.url == data:blog.homepageUrl'> <div></div><div><b:if cond='data:title != ""'></div><div><h2 class='title'><data:title/></h2></div><div></b:if></div><div><div class='widget-content'></div><div><data:content/></div><div></div></div><div><b:include name='quickedit'/></div><div></b:if></div><div></b:includable></div><div></b:widget></div></div><div style="background-color: white; color: #333333; font-family: Arial, Verdana; font-size: 12px; line-height: 16.796875px;"> </div><div>4.  Agar Gadget IKLAN hanya muncul di halaman halaman posting saja, maka tambahkan kode yang berwarna merah.</div><div> </div><div><b:widget id='HTML?' locked='false' title='IKLAN ' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.pageType == "item"'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:if> </b:includable> </b:widget></div><div> </div><div>5. SAVE! Good Luck!</div><div> </div><div>Catatan: </div><div>1. Perhatikan kode HTML?</div><div>2. Nanti yang muncul di ? adalah angka sesuai dengan yang diberikan blogger.</div><div> </div>

Cara Mengatur Tampilan Sidebar Widget Blog Blogspot

Cara Mengatur Tampilan Sidebar Widget (Gadget) Blog Blogspot agar tampil hanya di halaman depan blog atau hanya di halaman single posting sa...

5:51 AM

Cara Mengatasi Halaman Statis Blog Tidak Muncul

Cara Mengatasi Halaman Statis Blog Tidak Muncul, isi halaman (Page) hanya muncul sebagian dan dipotong "Read more". Pas "Read more" diklik, gak ngaruh! Bagaimana cara mengatasinya?<div> </div><div>Ini dia Cara Mengatasi Halaman Statis Blog Tidak Muncul di blog blogspot Anda:</div><div> </div><div><ol style="background-color: #fdfdfd; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 16px; margin: 0px 0px 13px 28px; padding: 0px;"><li style="color: #565756; margin: 0px; padding: 0px;">Login ke Blogger --> Klik Dashboard Blog Anda.</li><li style="margin: 0px; padding: 0px;">Klik Template > Edit HTML </li><li style="margin: 0px; padding: 0px;">Tekan Ctrl + F pada Keyboard</li><li style="color: #565756; margin: 0px; padding: 0px;">Cari kode berikut melalui form pencarian yang ada dibagian kiri bawah atau kanan atas (tergantung browser) <b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <a expr:href='data:post.url' rel='nofollow'>Read More</a> </b:if> </li><li style="color: #565756; margin: 0px; padding: 0px;">Tambahkan kode berikut <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> <b:else/> <-- kode no. 3 --> </b:if> Sehingga hasilnya seperti berikut <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <a expr:href='data:post.url' rel='nofollow'>Read More</a> </b:if> </b:if></li><li style="color: #565756; margin: 0px; padding: 0px;">Save!</li><li style="color: #565756; margin: 0px; padding: 0px;">Good Luck....!</li></ol></div>

Cara Mengatasi Halaman Statis Blog Tidak Muncul

Cara Mengatasi Halaman Statis Blog Tidak Muncul, isi halaman (Page) hanya muncul sebagian dan dipotong "Read more". Pas "Read...

5:33 AM

Panduan Membuat Blog untuk Toko Online

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCQCRyEe6XkF7FH4nNYLwBGaUOMNXUsF7nmiQQ5c_2uxBPtxHH6J1riFZ6hmOwr9aroW5H3f6fqUnYgTPRp-hAFCQGLKnHsr8-gE_PwCBGhzxGL86hc4FCP5oFgyUglUk00y88dCL-cGL/s1600/blog+toko+online.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Template Blog untuk Toko Online " border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCQCRyEe6XkF7FH4nNYLwBGaUOMNXUsF7nmiQQ5c_2uxBPtxHH6J1riFZ6hmOwr9aroW5H3f6fqUnYgTPRp-hAFCQGLKnHsr8-gE_PwCBGhzxGL86hc4FCP5oFgyUglUk00y88dCL-cGL/s320/blog+toko+online.jpg" title="Template Blog untuk Toko Online " width="320" /></a></div>Tampilan, desain, atau Template Blog untuk Toko Online sangat banyak dan banyak banget yang gratis. Salah satunya di <a href="http://www.techshortly.com/2013/01/top-10-free-online-store-blogger.html" rel="nofollow" target="_blank">Tech Shortly</a> yang mengoleksi 10 template blog terbaik untuk blog toko online (online store). Tapi hampir semua yang dikoleksinya berasal dari <a href="http://www.mastemplate.com/" rel="nofollow" target="_blank">Mas Template</a>. Jadi, silakan meluncur ke Mas Template untuk menentukan sendiri pilihan blog untuk toko online Anda. Blog awalnya untuk media ekspresi dan berbagi. Namun, belakangan blogging berkembang menjadi ajang cari duit juga, alias ajang bisnis online, marketing online, atau jualan online dan toko online. Bahkan, di Barat, blogging means business! Ngeblog artinya berbisnis. <h3>Panduan Membuat Toko Online</h3>Bagi pemula yang awam banget soal blog, ini panduan membuat blog untuk toko online: 1. Buka<a href="http://blogger.com/" rel="nofollow" target="_blank"> www.blogger.com</a> atau <a href="http://www.blogspot.com/" rel="nofollow" target="_blank">www.blogspot.com</a>. 2. Isi "formulir" yang tersedia dengan benar dan sungguh-sungguh. Serius, jangan nama palsu, 'kan buat beneran nyari duit. Rahasia Anda dijamin Blogger yang milik Google. 3. Ikuti terus petunjuk yang ada, sampai menemukan kata "Blog" dan "Buat Blog" (Create a Blog). 4. Isi lagi "formulir" yang tersedia, yaitu nama blog dan nama URL (domain). 5. Pilih Template "Simple" 6. Creat! Jadi. 7. Pilih dan Download Tampilan Blog untuk Toko Online di link yang sudah disebutkan di awal posting ini. 8. Extract dulu jadi file .xml jika hasil download berupa file .zip 9. Buka Dashboard Blog --> klik "Template" --> klik "Back Up/Restore" (Cadangkan/Pulihkan) 10. Upload tuh file .xml tadi. 11. Klik "Edit HTML" untuk mengisi Meta Tags, Footer, Menu, dan sebagainya. Butuh bantuan? Komentar saja...! <a href="http://downloads.ziddu.com/download/23702695/Cara-Membuat-Blog-Lengkap.pdf.html" rel="nofollow" target="_blank">DOWNLOAD PANDUAN LENGKAPNYA!</a>

Panduan Membuat Blog untuk Toko Online

Tampilan, desain, atau Template Blog untuk Toko Online sangat banyak dan banyak banget yang gratis. Salah satunya di Tech Shortly yang men...

7:18 PM

Cara Pasang Iklan Adsense di Awal Posting Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq7fgzk9PSfeszDLeXKAx57IkXqWnj6Ueua04ulsPXZ1aUZNmxqbmI7TO3o58RYGyukCiabLHyXd_BqaRXgrMeyAqmmjTt4hyphenhyphen_28O0ciQFrXncnT_hw0ubCFPVhCFwRzrGvBmC4ZB6_aoT/s1600/blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Pasang Iklan Adsense di Awal Posting Blog" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq7fgzk9PSfeszDLeXKAx57IkXqWnj6Ueua04ulsPXZ1aUZNmxqbmI7TO3o58RYGyukCiabLHyXd_BqaRXgrMeyAqmmjTt4hyphenhyphen_28O0ciQFrXncnT_hw0ubCFPVhCFwRzrGvBmC4ZB6_aoT/s200/blog.jpg" title="Cara Pasang Iklan Adsense di Awal Posting Blog" width="200" /></a></div>Berikut ini Cara Pasang Iklan di Awal Posting Blog. Peluang iklan Keuntungan Pasang Iklan di Awal Posting antara lai peluang iklan diklik lebih besar dan meningkatkan Page Impressions dan Page View iklan/adsense. Dengan cara pasang iklan di awal posting blog ini, iklan otomatis akan terpasang di awal postingan. Jad, nggak pake ribet alias tidak perlu lagi memasang iklan adsense secara manual di setiap posting baru. <h3>Berikut ini Cara Pasang Iklan di Awal Posting Blog</h3> 1. Siapkan kode script iklan adsense. 2. Parse dulu kode script iklan adsense Anda. Ubah dulu kodenya alias harus diparsing. Caranya, copas kode iklannya <a href="http://www.blogcrowds.com/resources/parse_html.php" rel="nofollow" target="_blank">Blog Crowds</a> dan Copy (Simpan). 3. Login ke Blogger > pilih "Template" > Edit HTML 4. Tekan Control+F untuk mencari kode <data:post.body/> 5. Copykan kode HTML di bawah ini di atas <data:post.body/> <b:if cond='data:blog.pageType == "item"'> <div style='width: 400px;'> <div style='clear: right; float: left; margin-right: 5px;margin-top: 5px;'>  </div></div> </b:if> 6. Ganti  dengan kode iklan adsense yang sudah diparsing tadi. 7. Jika ditemukan kode <data:post.body/> lebih dari satu, coba kode yang pertama, kalau tidak berhasil coba yang kedua, dan seterusnya. Pasti berhasil salah satunya. 8. SAVE Tempkate dan Good Luck! <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGGZjYI-n5T0eD4ffw4tWIuA7zTwgDqLPxZc4ZbXK0IcflLsb0MdXe62BdO3K0YDLWUDrVYohOc4POa4T-ZMPiXIiyESVHhW5r3uEpli28jA_DRoiOWZJeuMHpKDMpNRbZoJAvGdXLZxku/s1600/ways-to-make-money-online-blogging-or-otherwise.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="cara bisnis online" border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGGZjYI-n5T0eD4ffw4tWIuA7zTwgDqLPxZc4ZbXK0IcflLsb0MdXe62BdO3K0YDLWUDrVYohOc4POa4T-ZMPiXIiyESVHhW5r3uEpli28jA_DRoiOWZJeuMHpKDMpNRbZoJAvGdXLZxku/s320/ways-to-make-money-online-blogging-or-otherwise.png" title="cara bisnis online" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdCFAMtnYX8maDrVZaXTKkNhyphenhyphenoQN5D7BOtHIGmlGvn4bJr-_1VEhCzINicNBu40NSIrFrzGA4q_IPP6O1weNuLEniwC-izyXaR-X0xgfcIKNEU8n4DU5MFTJmQBshjMXHJvk7O0RRpvAlM/s1600/bisnis+online+blog.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="bisnis online blog" border="0" height="114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdCFAMtnYX8maDrVZaXTKkNhyphenhyphenoQN5D7BOtHIGmlGvn4bJr-_1VEhCzINicNBu40NSIrFrzGA4q_IPP6O1weNuLEniwC-izyXaR-X0xgfcIKNEU8n4DU5MFTJmQBshjMXHJvk7O0RRpvAlM/s320/bisnis+online+blog.png" title="bisnis online blog" width="320" /></a></div>

Cara Pasang Iklan Adsense di Awal Posting Blog

Berikut ini Cara Pasang Iklan di Awal Posting Blog . Peluang iklan Keuntungan Pasang Iklan di Awal Posting antara lai peluang iklan diklik l...

6:59 PM

Cara Memasang Breadcrumb di Blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVcNIJ540dgwx_rWrggh0a2HM8bQlchQjxIX1zDz8WN6t62JO3ko5ebUqMOcnyP6xTkZ0795zAPNZu0I9RPfXjO9D6bByIlzH7eLZe9KXdFnP2VyQlVTjVSq8k5W2uNb61vgpS-5AGdXRi/s1600/blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Memasang Breadcrumb di Blogspot" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVcNIJ540dgwx_rWrggh0a2HM8bQlchQjxIX1zDz8WN6t62JO3ko5ebUqMOcnyP6xTkZ0795zAPNZu0I9RPfXjO9D6bByIlzH7eLZe9KXdFnP2VyQlVTjVSq8k5W2uNb61vgpS-5AGdXRi/s200/blog.jpg" title="Cara Memasang Breadcrumb di Blogspot" width="200" /></a></div>CARA menampilkan, memunculkan, atau memasang breadcrumbs di blog blogspot ini, untuk Anda yang template blognya belum dilengkapi breadcrumbs. Yang sudah ada, tentu saja tidak usah lagi memasang kodenya. Bagi yang belum tau, breadcrumb adalah navigasi blog berupa "judul kecil" di atas judul posting blog, yang disertai nama label/kategori dan navigasi "home". Breadcrumb merupakan salah satu "trik blog" karena menjadi navigasi yang berisikan label/kategori posting dan bisanya diawali dengan tombol menuju "home" (halaman depan blog/beranda/homepage). Contohnya? Lihat navigasi berupa "judul kecil" atas judul posting yang sedang Anda baca ini. Ini breadcrumb-nya:  Home» Tips SEO Blog» Cara Memasang Breadcrumb di Blogspot. Dengan adanya breadcrumb, maka itu memudahkan user untuk kembali ke halaman depan (tinggal klik "Home") atau menemukan posting lainnya di label yang sama (tinggal klik "Tips SEO Blog". <h3>Cara Memasang Breadcrumb di Blogspot</h3><div>Ini cara terbaik memasang breadcrumbs. Kode berikut tidak akan membuat breadcrumbs menggantikan Permalink posting blog kita di hasil pencarian Google.</div><div> </div>1. Klik "Template" > "Edit HTML" 3. Cari (Ctrl+F) kode ]]></b:skin> 4. Copy + Paste kode berikut ini tepat sebelum  kode ]]></b:skin> .breadcrumbs{ padding:5px 5px 5px 0; margin:0;font-size:90%;  line-height:1.4em; border-bottom:1px dotted #ccc} 5. Cari kode <div class='post hentry'> dan Copas kode berikut ini tepat setelahnya: <div style="background-color: #f9f9f9; border: 1px solid #444; padding: 10px; text-align: left;"><b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'> <data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if></div> 6. SAVE Template! Mudah 'kan cara memasang breadcrumb di Blogspot? Oh.... gak muncul? Coba cara lainnya berikut ini. <h3>Cara Lain Memasang Breadcrumb Blog</h3>1. Simpan kode di bawah ini  tepat di atas kode ]]></b:skin> .breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;} 2. Cari dan Ganti kode <b:includable id='main' var='top'> dengan kode di bawah ini <div style="background-color: #f9f9f9; border: 1px solid #444; padding: 10px; text-align: left;"><b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &#187; <data:blog.pageName/></div> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'>  <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'> <a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a> <b:loop values='data:post.labels' var='label'> &#187; <a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a> </b:loop> &#187; <data:post.title/> </div> <b:else/> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &#187; Unlabelled &#187; <data:post.title/></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'>  <div class='breadcrumbs'> <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/> </div> <b:else/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == &quot;&quot;'> <a expr:href='data:blog.homepageUrl'>Home</a> &#187; All posts <b:else/> <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Posts filed under <data:blog.pageName/> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/></div> 3. SAVE Template! Masih gak muncul juga itu breadcrumb? Ah... masa sih...! Coba lagi ini yang kata sih Cara Memasang Breadcrumb di Blogspot yang SEO Friendly. <h3>Breadcrumb Blogspot SEO Friendly</h3>1. Simpan kode berikut ini di atas kode <code style="background-color: white; color: #dd1144; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 23.399999618530273px;">]]></b:skin></code><span style="background-color: white; color: #444444; font-family: Roboto_Regular, Roboto, 'Roboto Regular', 'Franklin Gothic Medium', 'Franklin Gothic Book', 'Lucida Sans', 'Lucida Sans Unicode', Helmet, Freesans, sans-serif; font-size: 13px; line-height: 23.399999618530273px;">  .breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;} 2. Temukan kode <code style="background-color: white; color: #dd1144; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 23.399999618530273px;"><b:includable id='main' var='top'> </code>dan ganti dengan kode berikut ini: <div style="background-color: #f9f9f9; border: 1px solid #444; padding: 10px; text-align: left;"><b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &#187; <data:blog.pageName/></div> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'>  <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'> <a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a> <b:loop values='data:post.labels' var='label'> &#187; <a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a> </b:loop> &#187; <data:post.title/> </div> <b:else/> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &#187; Unlabelled &#187; <data:post.title/></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'>  <div class='breadcrumbs'> <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/> </div> <b:else/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == &quot;&quot;'> <a expr:href='data:blog.homepageUrl'>Home</a> &#187; All posts <b:else/> <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Posts filed under <data:blog.pageName/> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/></div> Itulah Cara Memasang Breadcrumb di Blogspot untuk kepentingan user. Tapi, pentingkah breadcrumb bagi SEO Blog? Akan dibahas di posting lain. Good Luck and Happy Blogging!

Cara Memasang Breadcrumb di Blogspot

CARA menampilkan, memunculkan, atau memasang breadcrumbs di blog blogspot ini, untuk Anda yang template blognya belum dilengkapi breadcrum...

5:24 AM

Informasi Teknologi

Membuat Blog di Blogspot dengan Nama Domain Sendiri

Cara Membuat Posting Terbaru (Recent Post) dan Komentar Terbaru di Blogspot

Cara Membuat Posting Terbaru (Recent Post) dan Komentar Terbaru di Blogspot

Cara Membuat Featured Image/Post di Blogspot

Cara Membuat Featured Image/Post di Blogspot

Cara Membuat Halaman Blogspot Pake Password

Cara Membuat Favicon Blog Blogspot

Tampilan Template Blog yang Baik

Cara Mengatur Tampilan Sidebar Widget Blog Blogspot

Cara Mengatasi Halaman Statis Blog Tidak Muncul

Panduan Membuat Blog untuk Toko Online

Cara Pasang Iklan Adsense di Awal Posting Blog

Cara Memasang Breadcrumb di Blogspot

Popular Posts

Blog Archive