Desember 2016

Rahasia Ampuh Cara Agar Blog Tampil Nomor Satu di Pencarian Google

~~~ SeoChipS ~~~ - 06.52

<div dir="ltr" style="text-align: left;" trbidi="on">Siapa sih yang tidak menginginkan blog kita bisa tampil nomor satu di halaman pertama Google? Semuanya pasti menginginkan bahkan mendambakan hal itu.<br /><br />Namun, kenyataanya untuk bisa berapa di halaman pertama <a href="http://google.co.id/">Google </a>tidaklah semudah menulis kalimat di secarik kertas dan juga tidaklah semudah membalikan telapak tangan, namun harus ada hal yang mesti kita lakukan. Selain faktor ngeblog itu perlu menulis serta mengetik dengan baik, Fakta lain memang banyaknya persaingan blog diseluruh dunia untuk menempatkan di halaman pertama Google dengan topik dan konten masing-masing.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPm64kCiKO93b_ApT3jQnN6ig4XUuJA15mEhhDoIcQdBT7WqZe0o7-NQv3UJfhIzcIb8kXCzDvh22dUDN-3FxHdyxA1Fdv7JkXA8IP7Nr60UVQhV5iiJK-sL7H4xSUjQNybPrW5IyVUxY/s1600/page-one-google_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Rahasia Ampuh Cara Agar Blog Tampil Nomor Satu di Halaman Google" border="0" height="425" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPm64kCiKO93b_ApT3jQnN6ig4XUuJA15mEhhDoIcQdBT7WqZe0o7-NQv3UJfhIzcIb8kXCzDvh22dUDN-3FxHdyxA1Fdv7JkXA8IP7Nr60UVQhV5iiJK-sL7H4xSUjQNybPrW5IyVUxY/s640/page-one-google_1.jpg" title="Page One" width="640" /></a></div><div style="text-align: center;"><span style="font-size: large;"><b>Rahasia Ampuh Cara Agar Blog Tampil Nomor Satu di Pencarian Google</b></span></div><div style="text-align: center;"><b><br /></b></div><div style="text-align: left;">Berikut ini ada beberapa tips dan langkah-langkah yang <span style="color: blue;">kemungkinan</span> bisa kita lakukan agar blog anda bisa berada di halaman pertama Google. :</div><div style="text-align: left;"></div><ol style="text-align: left;"><li>Melakukan riset kata kunci atau keyword</li><li>Sesuaikan kata kunci atau keyword dengan konten yang anda buat</li><li>Maksimalkan backlink yang berkualitas</li><li>Ikuti update <span style="color: blue;">Algorytma Google </span>terbaru dan sesuaikan dengan blog anda</li><li>Bangun kerja sama dengan Blogger lain</li><li>Buatlah konten (artikel, video, gambar dll) yang berkualitas.</li><li>Melakukan blogwalking dengan blog tetangga</li><li>Jangan lupa melakukan promosi blog melalui pasang iklan pada situs kredibel dengan pengunjung yang sudah banyak dan trafic yang tinggi.</li><li>Tetaplah istiqomah dan Ikhiar serta berdoa dalam menjalani rutinitas dunia blogging.</li></ol><div>Demikianlah informasi mengenai cara agar blog tampil halaman pertama google. Sekian dari saya, <b>Semoga Bermanfaat!</b> serta sukses selalu untuk kita bersama. Thanks for Reading & Sharing : <b>Rahasia Ampuh Cara Agar Blog Tampil Nomor Satu di Pencarian Google</b></div></div>

06.52

Cara Mudah Redirect Domain Blogspot.co.id Menjadi Blogspot.com

~~~ SeoChipS ~~~ - 02.11

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">Tujuan dari pengalihan domain blogspot.co.id menjadi blogspot.com adalah untuk mempermudah dalam mengawasi kebijakan, yakni berupa pelanggaran yang dilakukan oleh blogger terhadap sebuah negara. Dimana ketika blogpot itu melanggar kebijakan suatu negara maka kemungkinan blogspot tersebut akan di banned. (Hanya untuk  blogger negara yang bersangkutan)<br /><br />Pemberlakuan pengalihan blogspot.com menjadi blogspot.co.id ini di Indonesia terjadi pada tanggal <span style="color: blue;">03 September 2015</span>. Dimana karena hal ini, membuat para blogger Indonesia menjadi kepanikan dan mencari solusinya. Redirect domain ini bukan terjadi di Indonesia saja tetapi dibeberapa negara, yakni negara; Amerika = dengan domain blogspot.com, Germany/Jerman= dengan domain blogspot.de, dan Jepang=dengan domain blogspot.jp dan masih banyak lagi yang tidak bisa disebutkan 1/1.<br /><br /><b>Screenshoot : </b><br /><br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXgTCqrmeTPE7cSYELnikVasDdiB1Y6YRrOuGy18u1Oh2M2ppukhTP5tdfk2kEKsk3t6XqFA9gUCs5wVIY-X2DhyRldF91YpYm31Wg8JqbidbM1c3mJBBL_zB4OFWuLdPVefirn8_aDwk/s1600/redirect+domain.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXgTCqrmeTPE7cSYELnikVasDdiB1Y6YRrOuGy18u1Oh2M2ppukhTP5tdfk2kEKsk3t6XqFA9gUCs5wVIY-X2DhyRldF91YpYm31Wg8JqbidbM1c3mJBBL_zB4OFWuLdPVefirn8_aDwk/s1600/redirect+domain.jpg" /></a></div></div><br />Menurut saya dengan kondisi seperti ini:<br /><br /><span style="color: blue;">blogspot.co.id </span>maupun <span style="color: blue;">blogspot.com</span> menurut saya sama saja, sama-sama gratis. Tugas kita hanya membuat artikel yang berkualitas dan bermafaat serta selalu update! Karena bagaimanapun Artikel yang berkualitas merupakan popularitas tertinggi dalam sebuah blog. Saya pribadi, saya lebih memilih blogspot.co.id dibanding blogspot.com, Kenapa? Ini merupakan dan menandakan ciri khas TLD (Top Domain Level) Indonesia jadi ini mendantakan kita ini blogger indonesia sejati dan menjadi terlihat lebih keren.<br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;"><b>Cara Mudah Redirect Domain Blogspot.co.id Menjadi Blogspot.com</b></span></div><div style="text-align: center;"><b><br /></b></div><div style="text-align: left;"><b>Cara Pertama : </b></div><div style="text-align: left;">1. Buka Blogger - Kemudian login</div><div style="text-align: left;">2. Dashboard - Template</div><div style="text-align: left;">3. Edit HTML</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><b>Proses Pembuatan : </b><br /><br />1. Temukan kode<b> <span style="color: red;"></head></span></b></div>2. Copy&paste kode berikut ini, dan letakkan dibawah kode <b><span style="color: red;"></head></span></b><br /><pre data-codetype="Javascript" title="Javascript"><code class="language-javascript"><script type='text/javascript'> var str= window.location.href.toString(); if<br /> ((str.indexOf('.com/'))=='-1') { var str1=str.substring(str.lastIndexOf(".blogspot."));<br /> if (str1.indexOf('/')=='-1') { var str2=str1; } else { var<br /> str2=str1.substring(0,str1.indexOf('/')+1); } window.location.href<br /> =window.location.href.toString().replace(str2,'.blogspot.com/ncr/'); } </script></code></pre>3. Simpan Template!<br /><b><br /></b>Demikianlah Tutorial Blogger kali ini, Saya tidak bertanggung jawab atas dampaknya. Terakhir, silakan lihat homepage anda lalu lihat bagian URL alamat anda di Tab Browser. Sekian dari saya, <b>Semoga Bermanfaat! </b>Thanks for Reading & Sharing : <b>Cara Mudah Redirect Domain Blogspot.co.id Menjadi Blogspot.com</b></div>

02.11

Cara Membuat Widget Recent Comment di Blogger

~~~ SeoChipS ~~~ - 01.12

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">Recent comment adalah widget yang menampilkan beberapa komentar pengunjung kita dalam satu Tab. Cara pemasangan nya bisa dibilang cukup mudah, karena anda tidak perlu merombak template anda. Anda hanya perlu copy kodenya lalu letakan di Tata letak/Layout, jadi jangan khawatir tidak bisa, cara ini sudah saya testing berhasil. Widget ini menurut saya berfungsi untuk menarik pengunjung juga ikut serta membaca artikel yang di komentari. Widget ini sangat ringan jadi anda tidak perlu khawatir blog anda menjadi lemot dll, ketika dibuka.<br /><br /><b>Screenshoot :</b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Tk6phJgDQg2lgUxggl7iQL9QD9F-h07dSJfPMpV2o-CVkOzcJ8KXc_o6-ySV6nKKCSlfRZm4g-iGBzCYh5HaCowi7ae0tAHlwoyN6SmThLZ1Ny71zqsxili-usZxOm9UtPMXA7FA_6o/s1600/recent-comment-md-blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Tk6phJgDQg2lgUxggl7iQL9QD9F-h07dSJfPMpV2o-CVkOzcJ8KXc_o6-ySV6nKKCSlfRZm4g-iGBzCYh5HaCowi7ae0tAHlwoyN6SmThLZ1Ny71zqsxili-usZxOm9UtPMXA7FA_6o/s1600/recent-comment-md-blogger.jpg" /></a></div><div style="text-align: center;"><b><span style="font-size: large;">Cara Membuat Widget Recent Comment di Blogger</span></b></div><div style="text-align: center;"><br /></div><div style="text-align: left;"><b>Cara Pertama :</b><br /><br />1. Buka Blogger - Kemudian login.</div><div style="text-align: left;">2. Dashboard - Tata Letak/Layout.</div><div style="text-align: left;">3. Add a Gadget - Pilih HTML/JavaScript.</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><b>Proses Pembuatan :</b><br /><br />1. Copy&paste kode berikut ini, dan letakkan di kolom HTML/Java Script.</div></div><pre data-codetype="CSS" title="CSS, HTML, JavaScript"><code class="language-css"><style type="text/css"><br />ul.tb_recent_comments{list-style:none;margin:0;padding:0;}<br />.tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}<br />.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}<br />.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}<br />.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}<br /></style><br /><script type="text/javascript"><br />//<![CDATA[<br />    // Recent Comments Settings<br />    var<br />numComments  = 10,<br />showAvatar  = true,<br />avatarSize  = 50,<br />characters  = 60,<br />defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",<br />hideCredits = true;<br />//]]><br /></script><br /><script type="text/javascript" src="https://cdn.rawgit.com/hilmay619/md-blogger/master/recent-comment.js"></script><br /><script type="text/javascript" src="http://maycyber-download.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=10"></script></code></pre></div><br /><b>Wajib Baca :</b><br /><br />Silakan anda ganti URL : <span style="color: blue;">http://maycyber-download.blogspot.com/</span> dengan URL Alamat blog anda.</div><br />2. Simpan Gadget.<br /><br />Demikianlah Tutorial Blogger kali ini, Terakhir silakan anda lihat homepage anda. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading & Sharing : <b>Cara Membuat Widget Recent Comment di Blogger</b></div>

01.12

Cara Membuat Popular Post Thumbnail Dengan Rating Bintang

~~~ SeoChipS ~~~ - 05.57

05.57

Introducing the ExifInterface Support Library

~~~ SeoChipS ~~~ - 14.30

<p>With the release of the <a<br />href="https://developer.android.com/topic/libraries/support-library/revisions.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog#rev25-1-0">25.1.0</a> Support Library, there's a new entry in the family: the ExifInterface Support Library. With significant improvements introduced in Android 7.1 to the framework's <code><a<br />href="https://developer.android.com/reference/android/media/ExifInterface.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog">ExifInterface</a></code>, it only made sense to make those available to all API 9+ devices via the Support Library's <code><a href="https://developer.android.com/reference/android/support/media/ExifInterface.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog">ExifInterface</a></code>.  <p>The basics are still the same: the ability to read and write <a<br />href="https://en.wikipedia.org/wiki/Exif?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog">Exif</a> tags embedded within image files: now with 140 different attributes (almost 100 of them new to Android 7.1/this Support Library!) including information about the camera itself, the camera settings, orientation, and GPS coordinates. </p><h4>Camera Apps: Writing Exif Attributes</h4><p>For Camera apps, the writing is probably the most important - writing attributes is still limited to JPEG image files. Now, normally you wouldn't need to use this during the actual camera capturing itself - you'd instead be calling the Camera2 API <code><a<br />href="https://developer.android.com/reference/android/hardware/camera2/CaptureRequest.Builder.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog#set(android.hardware.camera2.CaptureRequest.Key%3CT%3D,%20T)">CaptureRequest.Builder.set()</a></code> with <code><a<br />href="https://developer.android.com/reference/android/hardware/camera2/CaptureRequest.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog#JPEG_ORIENTATION">JPEG_ORIENTATION</a></code>, <code><a<br />href="https://developer.android.com/reference/android/hardware/camera2/CaptureRequest.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog#JPEG_GPS_LOCATION">JPEG_GPS_LOCATION</a></code> or the equivalents in the Camera1 <code><a<br />href="https://developer.android.com/reference/android/hardware/Camera.Parameters.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog">Camera.Parameters</a></code>. However, using <code>ExifInterface</code> allows you to make changes to the file after the fact (say, removing the location information on the user's request).  <h4>Reading Exif Attributes</h4><p>For the rest of us though, reading those attributes is going to be our bread-and-butter; this is where we see the biggest improvements. </p><p>Firstly, you can read Exif data from JPEG and raw images (specifically, DNG, CR2, NEF, NRW, ARW, RW2, ORF, PEF, SRW and RAF files). Under the hood, this was a major restructuring, removing all native dependencies and building an extensive test suite to ensure that everything actually works. </p><p>For apps that receive images from other apps with a <code>content://</code> URI (such as those sent by apps that <a<br />href="https://developer.android.com/about/versions/nougat/android-7.0-changes.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog#sharing-files">target API 24 or higher</a>), <strong><code>ExifInterface</code> now works directly off of an <code>InputStream</code></strong>; this allows you to easily extract Exif information directly out of <code>content://</code> URIs you receive without having to create a temporary file.  <pre<br />class="prettyprint">Uri uri; // the URI you've received from the other app<br />InputStream in;<br />try {<br />  in = getContentResolver().openInputStream(uri);<br />  ExifInterface exifInterface = new ExifInterface(in);<br />  // Now you can extract any Exif tag you want<br />  // Assuming the image is a JPEG or supported raw format<br />} catch (IOException e) {<br />  // Handle any errors<br />} finally {<br />  if (in != null) {<br />    try {<br />      in.close();<br />    } catch (IOException ignored) {}<br />  }<br />}<br /></pre><p><strong>Note</strong>: <code>ExifInterface</code> will not work with remote <code>InputStream</code>s, such as those returned from a <code><a<br />href="https://developer.android.com/reference/java/net/HttpURLConnection.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog">HttpURLConnection</a></code>. It is strongly recommended to only use them with <code>content://</code> or <code>file://</code> URIs.  <p>For most attributes, you'd simply use the <code><a<br />href="https://developer.android.com/reference/android/support/media/ExifInterface.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog#getAttributeInt(java.lang.String,%20int)">getAttributeInt()</a></code>, <code><a<br />href="https://developer.android.com/reference/android/support/media/ExifInterface.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog#getAttributeDouble(java.lang.String,%20double)">getAttributeDouble()</a></code>, or <code><a<br />href="https://developer.android.com/reference/android/support/media/ExifInterface.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog#getAttribute(java.lang.String)">getAttribute()</a></code> (for Strings) methods as appropriate.  <p>One of the most important attributes when it comes to displaying images is the image orientation, stored in the aptly-named <code><a<br />href="https://developer.android.com/reference/android/support/media/ExifInterface.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog#TAG_ORIENTATION">TAG_ORIENTATION</a></code>, which returns  one of the <code>ORIENTATION_</code> constants.  To convert this to a rotation angle, you can post-process the value.  <pre<br />class="prettyprint">int rotation = 0;<br />int orientation = exifInterface.getAttributeInt(<br />    ExifInterface.TAG_ORIENTATION,<br />    ExifInterface.ORIENTATION_NORMAL);<br />switch (orientation) {<br />  case ExifInterface.ORIENTATION_ROTATE_90:<br />    rotation = 90;<br />    break;<br />  case ExifInterface.ORIENTATION_ROTATE_180:<br />    rotation = 180;<br />    break;<br />  case ExifInterface.ORIENTATION_ROTATE_270:<br />    rotation = 270;<br />    break;<br />}<br /></pre><p>There are some helper methods to extract values from specific Exif tags. For location data, the <code><a<br />href="https://developer.android.com/reference/android/support/media/ExifInterface.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog#getLatLong(float[])">getLatLong()</a></code> method gives you the latitude and longitude as floats and <code><a<br />href="https://developer.android.com/reference/android/support/media/ExifInterface.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog#getAltitude(double)">getAltitude()</a></code> will give you the altitude in meters. Some images also embed a small thumbnail. You can check for its existence with <code><a<br />href="https://developer.android.com/reference/android/support/media/ExifInterface.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog#hasThumbnail()">hasThumbnail()</a></code> and then extract the <code>byte[]</code> representation of the thumbnail with <code><a<br />href="https://developer.android.com/reference/android/support/media/ExifInterface.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog#getThumbnail()">getThumbnail()</a></code> - perfect to pass to <code><a<br />href="https://developer.android.com/reference/android/graphics/BitmapFactory.html?utm_campaign=android_launch_exifsupportlibrary_122116&utm_source=anddev&utm_medium=blog#decodeByteArray(byte[],%20int,%20int)">BitmapFactory.decodeByteArray()</a></code>.  <h4>Working with Exif: Everything is optional</h4><p>One thing that is important to understand with Exif data is that there are no required tags: each and every tag is optional - some services even specifically strip Exif data. Therefore throughout your code, you should always handle cases where there is no Exif data, either due to no data for a specific attribute or an image format that doesn't support Exif data at all (say, the ubiquitous PNGs or WebP images). </p><p>Add the ExifInterface Support Library to your project with the following dependency: </p><pre<br />class="prettyprint">compile "com.android.support:exifinterface:25.1.0"</pre><p>But when an Exif attribute is exactly what you need to prevent a mis-rotated image in your app, the ExifInterface Support Library is just what you need to #BuildBetterApps </p>

14.30

Cara Membuat Menu Navigasi Header Responsive Terbaru

~~~ SeoChipS ~~~ - 09.16

09.16

Cara Membuat Menu Navigasi&Header Responsive di Blogger

~~~ SeoChipS ~~~ - 19.39

19.39

Cara Membuat Syntax Highlighter Programan (Kotak Script) di Blogger

~~~ SeoChipS ~~~ - 00.56

00.56

Cara Membuat Error 404 Halaman jadi Keren pada Blogger

~~~ SeoChipS ~~~ - 06.39

06.39

Cara Membuat Threaded Comment Plus Emoticon di Blogger

~~~ SeoChipS ~~~ - 06.02

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">Komentar bawahan Blogger memang membosankan melihat tampilannya. Tujuan dari pembuatan <b>Threaded Comment</b> adalah untuk memperindah dan mempercantik tampilan komentar pada postingan blog anda. Setelah anda membuat sebuah blogger baru, tentunya semuanya serba <b>Default</b>. Maksud disini adalah semuanya masih bawahan Blogger. Sekarang saatnya untuk anda membuat dan menyesuaikan dengan <b>mode komentar</b> yang mengesankan untuk pembaca blog anda. Perlu diketahui, bahwa komentar bawahan blogger tidak bisa membedakan mana Admin/Aurthor, Jutru tujuan dari pembuatan ini adalah untuk membuat lencana dalam membedakan mana Admin/Aurthor dan mana pembaca komentar.<br /><div class="separator" style="clear: both; text-align: center;"><br /></div><b>Screenshoot :</b><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmhwbuzLPKHsnL3kDFC2ICcMQ7OYjBx-BgWeH1YV6lENJnoks7u2uJPFN76muvLOd8bzINi0NY3_cqEz9_WldTuJRHcsZHeHv73S-mR8MGNcU19yRvpGAGzHqvLvwsZsjJyC29D3ZDvfo/s1600/Threaded-comment-plus-emotikon.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="370" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmhwbuzLPKHsnL3kDFC2ICcMQ7OYjBx-BgWeH1YV6lENJnoks7u2uJPFN76muvLOd8bzINi0NY3_cqEz9_WldTuJRHcsZHeHv73S-mR8MGNcU19yRvpGAGzHqvLvwsZsjJyC29D3ZDvfo/s640/Threaded-comment-plus-emotikon.jpg" width="640" /></a></div><div style="text-align: center;"><b><span style="font-size: large;">Cara Membuat Threaded Comment Plus Emoticon di Blogger</span></b></div><div style="text-align: center;"><b><br /></b></div><div style="text-align: left;"><b>Cara Pertama :</b><br /><b><br /></b></div><div style="text-align: left;">1. Buka Blogger - Kemudian login</div><div style="text-align: left;">2. Dashboard - Template</div><div style="text-align: left;">3. Edit HTML</div><div style="text-align: left;"><b><br /></b></div><div style="text-align: left;"><b>Proses Pembuatan :</b><br /><br />1. Temukan kode dibawah ini. <b><i><span style="color: red;"><CTRL + F></span></i></b><br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><b:include data='post' name='threaded_comments'/></code></pre><br /><b>Wajib Baca :</b><br /><br />Jika kode <b><span style="color: red;"><i><b:include data='post' name='threaded_comments'/></i></span></b> lebih dari satu, silakan anda ganti keduanya dengan kode dibawah ini<br /><br />2. Jika sudah ketemu? silakan anda ganti dengan kode dibawah ini.<br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><b:include data='post' name='comments'/></code></pre><br />3. Jika kode diatas sudah diganti, selanjutnya temukan kode seperti dibawah ini.<br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><b:includable id='comments' var='post'>...</b:includable></code></pre><br />4. Jika sudah ketemu? Copy&paste kode berikut ini dan silakan anda ganti dengan kode dibawah ini.<br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><b:includable id='comments' var='post'><br /><div class='comments' id='comments'><br /><b:if cond='data:post.allowComments'><br />  <b:if cond='data:post.numComments != 0'><br />   <h3><br />    <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:<br />     <b:else/><br />     <data:post.numComments/> <data:commentLabelPlural/><br />    </b:if><br />   </h3><br /><a class='click-comment' expr:title='data:commentLabelPlural' href='#comment-form'>Write <data:commentLabelPlural/></a><br />  </b:if><br />             <br />  <b:if cond='data:post.commentPagingRequired'><br />   <span class='paging-control-container'><br />    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a><br />    &#160;<br />    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a><br />    &#160;<br />    <data:post.commentRangeText/><br />    &#160;<br />    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a><br />    &#160;<br />    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a><br />   </span><br />  </b:if><br />                     <br />  <div class='clear'/><br />  <div id='comment_block'><br />   <b:loop values='data:post.comments' var='comment'><br />                                                                           <br />   <div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName'>                                                                                    <br />      <b:if cond='data:post.adminClass == data:comment.adminClass'><br />       &lt;div class=&#39;comment_inner comment_admin&#39;&gt;<br />       <b:else/><br />                            &lt;div class=&#39;comment_inner&#39;&gt;<br />      </b:if><br />       <br />    <div class='comment_body'><br />    <div class='comment_header'><br />     <div class='comment_avatar_wrap'><br /> <br />     </div><br />                       <br />     <div class='clear'/><br />    </div><br /><br />     <div class='comment_name'><br />      <b:if cond='data:comment.authorUrl'><br />       <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a><br />       <b:else/><br />       <data:comment.author/><br />      </b:if><br /><div class='comment_author_flag'>AUTHOR</div><br /></div><br /><span class='comment_service'><br />      <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'><br />                  <data:comment.timestamp/><br />                </a></span><br /><b:include data='comment' name='commentDeleteIcon'/><br />  </span><br />     <b:if cond='data:comment.isDeleted'><br />      <span class='deleted-comment'><data:comment.body/></span><br />      <b:else/><br />      <p><data:comment.body/></p><br /><a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Reply'>Reply</a><br />                        <div class='clear'/><br />                    </b:if><br />                 <div class='comment_avatar'><br />      <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/><br />              </div>                                      <br />    </div>                      <br />     <div class='clear'/><br />     &lt;/div&gt;<br />     <div class='clear'/><br />         <br />    <div class='comment_child'/><br />    <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>            <br />    </div><br />   </b:loop>            <br />   </div>  <br />    <div class='clear'/><br />    <b:if cond='data:post.commentPagingRequired'><br />     <span class='paging-control-container'><br />       <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a><br />       &#160;<br />       <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a><br />       &#160;<br />       <data:post.commentRangeText/><br />       &#160;<br />       <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a><br />       &#160;<br />       <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a><br />     </span><br />    </b:if><br />    <div class='clear'/><br />  <div class='comment_form' id='comment-form'>      <br />       <br /><br />   <b:if cond='data:post.embedCommentForm'><br />    <b:if cond='data:post.allowNewComments'><br />     <b:include data='post' name='threaded-comment-form'/><br />       <b:else/><br />       <data:post.noNewCommentsText/><br />    </b:if><br />    <b:else/><br />    <b:if cond='data:post.allowComments'><br />     <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a><br />    </b:if><br />   </b:if><br />  </div><br /> </b:if><br /></div>              <br />       <script type='text/javascript'><br />       //<![CDATA[<br />       if (typeof(jQuery) == 'undefined') {<br /> //output the script (load it from google api)<br /> document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");<br />}<br />       //]]><br />       </script><br />   <br />       <script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/><br />       <script type='text/javascript'><br />   <br />         <b:if cond='data:post.numComments != 0'><br />         var Items = <data:post.commentJso/>;<br />         var Msgs = <data:post.commentMsgs/>;<br />         var Config = <data:post.commentConfig/>;<br /><br />        <b:else/><br />         var Items = {};<br />         var Msgs = {};<br />         var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};<br />        </b:if><br />       //<![CDATA[<br />       //Global setting<br />        Config.maxThreadDepth = 3;<br />        Display_Emo = true;<br />        Replace_Youtube_Link = false;<br />        Replace_Image_Link = false;<br />        Replace_Force_Tag = false;<br />        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];<br />   <br />        //Pengaturan Emoticon<br />        Emo_List = [<br />        ':)'  ,'http://4.bp.blogspot.com/-YrmTHhfMtFU/VJNbpDMHzgI/AAAAAAAAH8c/g3dJ1Q-QTrc/s1600/smile.png',<br />        ':('  ,'http://4.bp.blogspot.com/-RDtah-TXteU/VJNblptXyEI/AAAAAAAAH70/GGZg4MMUVxA/s1600/sad.png',<br />        ' =('  ,'http://1.bp.blogspot.com/-dzENpgankUY/VJNbcfrM59I/AAAAAAAAH6A/UC7FJQwT-9E/s1600/disappointed.png',<br />        '^_^'  ,'http://2.bp.blogspot.com/-eeLWBWx7zaI/VJNbnR-JhoI/AAAAAAAAH8E/4vUZ3j_GoEg/s1600/shy.png',<br />        ' :D'  ,'http://2.bp.blogspot.com/-rvM5sSYqd2k/VJNbjkemjyI/AAAAAAAAH7k/QcT_8JETczs/s1600/noprob.png',<br />        '=D'  ,'http://1.bp.blogspot.com/-DB0TS3jw6n8/VJNbgab1A_I/AAAAAAAAH7I/4Cr8aYd6AmU/s1600/happy.png',<br />        '*' ,'http://1.bp.blogspot.com/-mz0Rl1l5ZYw/VJNbm0HqcDI/AAAAAAAAH8I/yu8XBAQmYOI/s1600/shit.png',<br />        '|o|'  ,'http://3.bp.blogspot.com/-i5w-i1jFe0U/VJNbaQxedgI/AAAAAAAAH5o/z7LK9qxEebs/s1600/clap.png',<br />        '@@,'  ,'http://2.bp.blogspot.com/-lbZ9iDF66F8/VJNbqSG8yNI/AAAAAAAAH9A/bnAQmQrrrZo/s1600/surprise.png',<br />        ' ;)'  ,'http://1.bp.blogspot.com/-Q--_b4-u1ZY/VJNbrI3A3LI/AAAAAAAAH8w/xshqjz4f3cs/s1600/trope.png',<br />        '(y)'  ,'http://3.bp.blogspot.com/-_lM3w2ZD7K8/VJNbiIf2PII/AAAAAAAAH7g/U5qLOVDZg8c/s1600/like.png',<br />        '(n)'  ,'http://4.bp.blogspot.com/-EdvYpWDdZPI/VJNbc2J75FI/AAAAAAAAH6I/kcpuLO7TXFg/s1600/dislike.png',<br />        ' -_-'  ,'http://4.bp.blogspot.com/-Y2KF1cqsEiQ/VJNbolnNw1I/AAAAAAAAH8Y/mzpdmmt9lp4/s1600/sigh.png',<br />        ':-*'  ,'http://2.bp.blogspot.com/-A_W5lI-_J8I/VJNbi2oXwjI/AAAAAAAAH7c/wlxM7CETbhI/s1600/love.png',<br />        ':;)'  ,'http://4.bp.blogspot.com/-J7s7flyAolE/U6tMYuCWJjI/AAAAAAAAD-g/ktLPs0sF0zM/s1600/smile.png',<br />        ':=)','http://1.bp.blogspot.com/-1BqZVIOmokE/U6tP_zEGUXI/AAAAAAAAD-4/Ykfh8PqPa74/s1600/Frown.png',<br />        ' =/('  ,'http://2.bp.blogspot.com/-SL2PzXhI6-I/U6tMUbl4uBI/AAAAAAAAD9c/HmgkQTi81jc/s1600/berduka.gif',<br />        ';;)'  ,'http://2.bp.blogspot.com/-6JEoWkFJtMU/U6tMYfYjHJI/AAAAAAAAD-U/ggiVnSMQWEc/s1600/sm_smile.gif',<br />  ' :wkwk:' ,'http://3.bp.blogspot.com/-alzlBnNEQmI/U6tMWxMCe_I/AAAAAAAAD-E/upslDYz1T3o/s1600/laugh.png',<br />        '=D'  ,'http://1.bp.blogspot.com/-iVpfzVgecII/U6tQBGbBVNI/AAAAAAAAD_Q/yM9i3ANzAh4/s1600/Laughing.png',<br />        '=)D' ,'http://1.bp.blogspot.com/-pdpnmWqSHyE/U6tQCnfbjeI/AAAAAAAAD_o/NfPqVrNVV-E/s1600/Yuck.png',<br />        '|-o-|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpnXe1b554xKwZsYd9bo4a9yK_vFqK0vYIOKLRRzX-tIYphPX_Ah2CE6-tiO5IY-iPbz7yBdfAtMb-TUKzY-mSfviiQ3D3qrXUtGRn84OJPyq0jnYSLgkdBsmZnmgKpRsyYHxumB7Th0xO/s1600/applause-yahoo-emoticon.gif',<br />        '(@@)'  ,'http://1.bp.blogspot.com/-nb5zqf7iKBE/U6tMUWl6XcI/AAAAAAAAD9Y/V9qG-QRDslU/s1600/bingung.gif',<br />        ' ;)'  ,'http://2.bp.blogspot.com/-EvSfZMZuwKo/U6tMVvRUL1I/AAAAAAAAD9w/1zzRy8EUC5A/s1600/cool.png',<br />        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX5WmCTniNCWfesgKZdG_77wEY0ITTlV-QRjsGxfoBWiX_6Vxt299uzJIHi1_PhiKiY19QdsolLvmtEqUQTt44i9c9Xj7IqkoBmBkkOe120UmxU4MIR9-IE52WJxvf_oaPLrg1qo6uTvWz/s1600/thumbs-up-yahoo-emoticon.gif',<br />        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMEM0MrxWFPqV13TCfJuFWLoUSsxvuvTTzT91Km8SazUb_ftEY7o2K2SQxJIPMvqdLzhqY7IW6B462aNkQ8hAKMmZAC6JtwKhYLPiKWD1CCp-7EqJiVINDLH403rpXV_fWhcCbl-uSCRo/s1600/thumbsup.gif',<br />        ' :p'  ,'http://2.bp.blogspot.com/-Ex1KikUVM2Q/U6tMVfiivCI/AAAAAAAAD9s/dKyvB1R6F8I/s1600/capede.gif',<br />        ':ng'  ,'http://4.bp.blogspot.com/-SLdFsLn7w00/U6tMXp7KTGI/AAAAAAAAD-I/MFuTw6CkbfI/s1600/ngakak.gif',<br />        ':lv'  ,'http://3.bp.blogspot.com/-KMdDgs2xyr4/U6tMV-juTSI/AAAAAAAAD90/jadn4_Ji8js/s1600/heart.png',  <br />        ];<br />   <br />                           <br />                                //Config Force tag list, define all in lower case<br />                                Force_Tag = [<br />                                    '[pre]','<pre>',<br />                                    '[/pre]','</pre>',<br />                                    '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',<br />                                    '</pre>','</code>'<br />                                ];  <br />eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))<br />var avatar=$("#comments");<br />avatar.find('.comment_avatar img').each(function() {<br />        var ava = $(this).attr('src');<br />        $(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s100-c/"));<br />});    <br />//]]><br /></script><br /></b:includable></code></pre>5. Selanjutnya Temukan kode <b><i><span style="color: red;">]]></b:skin></span></i> </b>atau <b><span style="color: red;"><i></style></i></span></b><br />6. Copy&paste kode berikut ini, dan letakkan <b>diatas</b> kode <b><i><span style="color: red;">]]></b:skin></span></i></b> atau<b> <span style="color: red;"><i></style></i></span></b><br /><pre data-codetype="CSS" title="CSS"><code class="language-css">/* CSS Comments */<br />#comments{background:#fff;clear:both;margin:20px auto 0;line-height:1em;padding:20px;border:1px solid #e6e6e6;}<br />#comments h3{display:inline;line-height:20px;margin-bottom:20px;margin-top:-20px;margin-left:-20px;font-family:'Arimo',sans-serif;font-size:14px;position:absolute;background:#fff;color:#999;font-weight:700;text-transform:uppercase;padding:10px 20px 10px 50px;border:1px solid #e6e6e6;border-top:none;border-left:none;}<br />#comments h3:before {font-family:fontawesome;content:"\f086";margin-right:10px;font-size:20px;padding:10px 15px;position:absolute;left:0;top:0;font-weight:normal;}<br />#comments .click-comment{background:#fafafa;color:#999;float:right;text-decoration:none;display:inline;line-height:20px;margin-bottom:20px;margin-top:-20px;margin-right:-20px;font-family:'Arimo',sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;padding:10px 20px;border:1px solid #e6e6e6;border-top:none;border-right:none;}<br />#comments .click-comment:hover{background:#ff9934;color:#fff;}<br />.comment_avatar_wrap{border-radius:10%;width:46px;height:46px;border:none;background:none;text-align:center;padding:0;overflow:hidden;}<br />#comments .comment_avatar {border-radius:10%;width:46px;height:46px;max-width:46px;max-height:46px;background:#f9f9f9;padding:4px;text-align:center;position:absolute;top:0;left:0;overflow:hidden;}<br />#comments .comment_admin .comment_avatar{border-radius:10%;width:46px;height:46px;max-width:46px;max-height:46px;padding:4px;text-align:center;position:absolute;top:0;left:0;overflow:hidden;}<br />#comments .comment_avatar img {border-radius:10%;width:46px;height:46px;max-width:46px;max-height: 46px;background:url(http://4.bp.blogspot.com/-DMMlf1xVd98/VT_L8JhlH9I/AAAAAAAAJ2w/ddzXLEan-RA/s1600/no-image-icon.png) no-repeat;overflow:hidden;}<br />.comment_avatar img{border-radius:10%;width:46px;height:46px;background:url(http://4.bp.blogspot.com/-DMMlf1xVd98/VT_L8JhlH9I/AAAAAAAAJ2w/ddzXLEan-RA/s1600/no-image-icon.png) no-repeat;overflow:hidden;}<br />.comment_name a{font-family:'Arimo',sans-serif;font-weight:700;font-size:15px;padding:5px 0;color:#666;text-decoration:none}<br />.comment_child .comment_name a{color:#666;}<br />.comment_child .comment_name a:hover {color:#29abe2;}<br />.comment_admin .comment_name{background:#fff;padding:0 20px 0 65px;left:5px;top:10px;display:inline;font-weight:700;font-size:16px;font-family:'Arimo',sans-serif;text-decoration:none;border-radius:3px;}<br />.comment_admin .comment_date{left:10px;font-weight:700;font-size:11px;}<br />.comment_name{font-size:16px;background:#fff;font-family:'Arimo',sans-serif;font-weight:700;padding:0 20px 0 65px;position:absolute;left:5px;top:10px;display:inline;line-height:35px;border-radius:3px;transition:all .3s ease-out;}<br />.comment_name:hover,.comment_name a:hover,.comment_admin .comment_name a:hover,.comment_admin .comment_name:hover{color:#29abe2;}<br />.comment_service{position:absolute;top:31px;right:0;}<br />.item-control {display:inline-block;}<br />.comment_date a{font-size:11px;font-weight:400;text-transform:none;text-decoration:initial;<br />color:#666!important;text-align:center;padding:1px 6px;opacity:0.9;transition:all .3s ease-out;}<br />.comment_date a:hover{color:#29abe2!important;}<br />.comment-delete{font-family:'Arimo';font-size:11px;color:#666!important;opacity:0.9;}<br />.comment-delete:hover{color:#29abe2!important;}<br />.comment_body{margin:20px 0;padding:0;position:relative;}<br />.comment_body p{line-height:1.6em;color:#666;font-size:14px;font-family:'Arimo',Helvetica,Arial,sans-serif;word-wrap:break-word;background:#fafafa;padding:30px 20px;position:relative;margin-top:25px;border-radius:6px;box-shadow:0 0 0 1px #ddd;transition:all .3s ease-out;}<br />.comment_body p:before, .comment_body p:after {bottom:100%;left:5%;border:solid transparent;<br />content:" ";height:0;width:0;position:absolute;pointer-events:none;}<br />.comment_body p:after {border-color:rgba(255,255,255,0);border-bottom-color:#fafafa;<br />border-width:8px;margin-left:-8px;}<br />.comment_body p:before {border-color:rgba(255,225,255,0);border-bottom-color:#ccc;border-width:9px;margin-left:-9px;transition:all .3s ease-out;}<br />.comment_child .comment_body p{color:#666;}<br />.comment_body p img{vertical-align:middle;margin:0 5px;}<br />.comment_body p:hover{box-shadow:0 0 0 1px #bbb;}<br />.comment_body p:hover:before {border-bottom-color:#999;}<br />.comment_inner{padding-bottom:5px;margin:5px 0}<br />.comment_child .comment_wrap{padding-left:7%}<br />.comment_child .comment_body{margin-top:-15px;}<br />.comment_reply{display:inline-block;background:#fdfdfd;color:#999!important;text-align:center;<br />font-family:'Arimo';font-size:11px;margin:0;padding:2px 6px 4px 6px;border-radius:2px;border:1px solid #ccc;}<br />.comment_reply:hover{text-decoration:none!important;background:#fff;color:#444!important;border-color:#999;}<br />.comment-form{width:100%;max-width:100%;margin-bottom:10px;padding:0;}<br />.comment_form a{text-decoration:none;text-transform:uppercase;font-weight:700;font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#666}<br />#comment-editor{width:103%!important;background:url('http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif') no-repeat 50% 25%;position:relative;margin-left:-8px;margin-top:-15px}<br />.comment-form p{position:relative;background:#374760;color:#fff;font-size:14px;font-family:'Arimo',Helvetica,Arial,sans-serif;line-height:1.5em;margin-bottom:20px;padding:15px;border-radius:3px;}<br />.comment-form p:after, .comment-form p:before {top:100%;left:8%;border:solid transparent;<br />content:" ";height:0;width:0;position:absolute;pointer-events:none;}<br />.comment-form p:after {border-color:rgba(68,68,68,0);border-top-color:#374760;border-width:9px;margin-left:-9px;}<br />.comment-form p:before {border-color:rgba(221,221,221,0);border-top-color:transparent;border-width:10px;margin-left:-10px;transition:all .3s ease-out;}<br />.comment_reply_form{padding:0 0 0 7%}<br />.comment_reply_form .comment-form{width:100%}<br />.comment_emo_list .item{float:left;text-align:center;height:40px;width:41px;margin:0 0 10px;}<br />.comment_emo_list span{display:block;font-weight:400;font-size:11px;letter-spacing:1px;color:#666}<br />.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}<br />.comment_img{max-width:100%!important}<br />#respond{overflow:hidden;padding-left:10px;clear:both}<br />.unneeded-paging-control,.comment_author_flag{display:none}<br />.comment_admin .comment_author_flag {display:inline;font-family:'Arimo';font-size:10px;font-weight:400;background:#ff9934;color:#fff;text-align:center;position:relative;padding:2px 6px;line-height:normal;border-radius:2px;margin-left:10px;}<br />.comment_child .comment_admin .comment_author_flag {color:#fff;}<br />.spammer-detected{font-size:14px!important;color:#fff!important;background:#5cb0d8!important;margin:25px;<br />display:inline-block;padding:10px 15px!important;}<br />.deleted-comment{display:inline-block;color:#999;word-wrap:break-word;background:#f9f9f9;margin-top:20px;padding:10px;font-size:13px;font-family:'Arimo',Helvetica,Arial,sans-serif;border-radius:3px;opacity:1;}<br />iframe{border:none;overflow:hidden}<br />.paging-control-container{text-align:center;margin:0 0 0 25%;}<br />.paging-control-container a{text-align:center;margin:0 auto;background:#666;padding:5px 10px;<br />color:#fff;transition:all .3s ease-out}<br />.paging-control-container a:hover{background:#e6ae48;color:#fff;}<br />.comment_header {padding:0;}<br />.comment_child .comment_header {padding:0;}<br />#emo-box,#hide-emo {display:none}<br />.small-button1 a {font-size:12px;font-family:'Arimo';cursor:pointer;font-weight:400;margin:10px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;display:inline-block;color:#fff;padding:2px 10px;cursor:pointer;border-radius:2px;background-color:rgba(255,255,255,0.3);transition: all 0.3s ease-out;}<br />.small-button1:hover a{background-color:rgba(255,255,255,0.2);color:#fff;display:inline-block;}<br />span.small-button1 {text-align:left;display:inline-block;}<br />/* CSS Fixed Inner */<br />.widget ul {line-height:1.4em;}<br />.rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #e6e6e6;font-size:12px;}<br />#Attribution1 {height:0px;visibility:hidden;display:none;}<br />.status-msg-wrap {width:100%;margin:20px auto;}<br />.status-msg-body {padding:20px 2%;width:96%;background:#fff;}<br />.status-msg-border {border:none;opacity:1;width:auto;}<br />.status-msg-bg {background-color:#fff;}<br />.status-msg-hidden {padding:20px 2%;}<br />.rich-snippet {padding:10px;margin:15px 0 0;border:none;font-size:12px;}<br />#Profile1 .widget-content {display:inline-block;}<br />.Profile img {margin:0 10px 0 0;border-radius:5px;}<br />a.profile-name-link.g-profile,a.profile-link {color:#666;float:left;margin:0 0 5px 0;}<br />.profile-textblock {color:#666;}<br />.Profile .profile-datablock {margin:0 0 .5em;display:inline-block;}<br />.quickedit{display:none;visibility:hidden}<br />span.post-count {font-size:11px;color:#666;}<br />#ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList a.post-count-link:visited {text-decoration:none;color:#666;}<br />select#BlogArchive1_ArchiveMenu {width:100%;padding:10px;font-family:'Arimo';background:#fff;color:#999;border:1px solid #e6e6e6;border-radius:2px;text-transform:uppercase;}<br />select#BlogArchive1_ArchiveMenu:active, select#BlogArchive1_ArchiveMenu:focus {outline:none;<br />box-shadow:none;}<br />select#BlogArchive1_ArchiveMenu:after {content:" ";position:absolute;top:50%;margin-top:-2px;<br />right:8px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #aaa;}<br />.comment-post-message a,.small-button1 a {font-size:13px;font-family:'Open Sans';cursor:pointer;font-weight:400;margin:15px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;display:inline-block;background-color:#2ba6e1;color:#fff;padding:4px 10px;cursor:pointer;border-radius:3px;}<br />.comment-post-message:hover a,.small-button1:hover a{text-shadow:none;display:inline-block;background-color:#2797cc;color:#fff;}<br />#comment-editor{width:100%!important;}</code></pre>7. Jika sudah? Selanjutnya Temukan kode seperti dibawah ini.<br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><b:includable id='comment-form' var='post'>...</b:includable></code></pre>8. Jika sudah ketemu? Silakan anda ganti dengan kode dibawah ini.<br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><b:includable id='comment-form' var='post'><br />  <div class='comment-form'><br />    <a name='comment-form'/><br />    <b:if cond='data:mobile'><br />      <h4 id='comment-post-message'><br />        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4><br />      <p><data:blogCommentMessage/></p><br />      <data:blogTeamBlogMessage/><br />      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><br />      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/><br />    <b:else/><br />      <h4 id='comment-post-message'><data:postCommentMsg/></h4><br />      <p><data:blogCommentMessage/></p><br />      <data:blogTeamBlogMessage/><br />      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><br />      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/><br />    </b:if><br />    <data:post.friendConnectJs/><br />    <data:post.cmtfpIframe/><br />    <script type='text/javascript'><br />      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);<br />    </script><br />  </div><br /></b:includable></code></pre>9. Jika sudah? Temukan lagi kode seperti dibawah ini.<br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><b:includable id='threaded-comment-form' var='post'>...</b:includable></code></pre><br />10. Kemudian ganti kode diatas dengan kode berikut ini.<br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><b:includable id='threaded-comment-form' var='post'><br />  <div class='comment-form'><br />    <b:if cond='data:mobile'><br />      <h4 id='comment-post-message'><br />        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' expr:title='data:postCommentMsg' href='javascript:void(0)'><data:postCommentMsg/></a></h4><br />      <p><data:blogCommentMessage/></p><br />      <data:blogTeamBlogMessage/>    <br />        <b:if cond='data:blog.pageType == &quot;static_page&quot;'><br />        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/><br />      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/><br />        </b:if><br />        <b:if cond='data:blog.pageType == &quot;item&quot;'><br />        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/><br />      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/><br />        </b:if><br />    <b:else/><br />      <h4 id='comment-post-message'>Tambahkan Komentar</h4><br /><div id='threaded-comment-form'><br />      <p><data:blogCommentMessage/><br /><span class='small-button1'><br /><span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='Show Emoticon'>Emoticon</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'>Emoticon</a></span><br /></span><br />  </p><br /><div id='emo-box'><br />  <div class='comment_emo_list'/><br /></div><br />      <data:blogTeamBlogMessage/>  <br />        <b:if cond='data:blog.pageType == &quot;static_page&quot;'><br />        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/><br />      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/><br />        </b:if><br />        <b:if cond='data:blog.pageType == &quot;item&quot;'><br />        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/><br />      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/><br />        </b:if><br />      </div><br />    </b:if><br />    <data:post.friendConnectJs/><br />    <data:post.cmtfpIframe/><br />    <script type='text/javascript'><br />      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);<br />    </script><br />  </div><br /></b:includable></code></pre>11. Simpan Template!<br /><br />Demikianlah Tutorial Blogger kali ini, bila terjadi kesalahan? Jangan sungkan untuk berkomentar dibawah ini. Terakhir, silakan anda lihat postingan anda lalu berkomentar untuk mencobanya. Sekian dari saya, <b>Semoga Bermanfaat!</b> Thanks for Reading & Sharing : <b>Cara Membuat Threaded Comment Plus Emoticon di Blogger</b></div></div></div></div></div></div></div></div></div></div></div>

06.02

~ SeoChipS ~

Rahasia Ampuh Cara Agar Blog Tampil Nomor Satu di Pencarian Google

Cara Mudah Redirect Domain Blogspot.co.id Menjadi Blogspot.com

Cara Membuat Widget Recent Comment di Blogger

Cara Membuat Popular Post Thumbnail Dengan Rating Bintang

Introducing the ExifInterface Support Library

Cara Membuat Menu Navigasi Header Responsive Terbaru

Cara Membuat Menu Navigasi&Header Responsive di Blogger

Cara Membuat Syntax Highlighter Programan (Kotak Script) di Blogger

Cara Membuat Error 404 Halaman jadi Keren pada Blogger

Cara Membuat Threaded Comment Plus Emoticon di Blogger

Mengenai Saya

Featured

Entri Populer

Popular

Blog Labels

Blog Archive

Inspirasi

Inspiratif

Entri Populer

Tips