<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-572822362233443772</id><updated>2024-11-05T18:57:34.024-08:00</updated><category term="Blogger Tutorial"/><category term="Blogger Widgets"/><title type='text'>blog91919</title><subtitle type='html'>blogging tips | trik seo | tutorial | software and other |</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://blog91919.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/572822362233443772/posts/default'/><link rel='alternate' type='text/html' href='http://blog91919.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/12527419942127555350</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>4</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-572822362233443772.post-7206401687500157884</id><published>2016-12-09T01:55:00.000-08:00</published><updated>2016-12-09T01:55:28.922-08:00</updated><title type='text'>IBM: Komputer Akan Dapat Melihat, Mendengar, Merasa, Mencium dan Menyentuh dalam 5 Tahun Mendatang</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbJuQbVymrVuPE0jRLid9ll3IFZ9jfmfd6_TtPwpvN65cQFMtV_dSCdumUSGQWZ3DJ7JUjrsv-rD4jgRq8B8jKN7NM9_Aeh0w90nyWLEfZV-igbj9FVQin9Sm7x_Fu_SKqQQiGSLICaXE/s1600/2012_12_17_a2_ibmcognitiv_2un0v.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;179&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbJuQbVymrVuPE0jRLid9ll3IFZ9jfmfd6_TtPwpvN65cQFMtV_dSCdumUSGQWZ3DJ7JUjrsv-rD4jgRq8B8jKN7NM9_Aeh0w90nyWLEfZV-igbj9FVQin9Sm7x_Fu_SKqQQiGSLICaXE/s320/2012_12_17_a2_ibmcognitiv_2un0v.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;span class=&quot;&quot; id=&quot;result_box&quot; lang=&quot;id&quot;&gt;&lt;span title=&quot;Today&#39;s PCs and smartphones can do a lot — from telling you the weather in Zimbabwe in milliseconds, to buying your morning coffee.&quot;&gt;PC
 dan smartphone saat ini dapat melakukan banyak hal - dari memberitahu 
Anda cuaca di Zimbabwe dalam milidetik, untuk membeli kopi pagi Anda. &lt;/span&gt;&lt;span title=&quot;But ask them to show you what a piece of fabric feels like, or to detect the odor of a great-smelling soup, and they&#39;re lost.

&quot;&gt;Tetapi meminta mereka untuk menunjukkan apa yang sepotong kain terasa 
seperti, atau untuk mendeteksi bau sup besar berbau, dan mereka hilang.&lt;br /&gt;&lt;/span&gt;&lt;span title=&quot;That will change in the next five years, says IBM.&quot;&gt;Yang akan berubah dalam lima tahun ke depan, kata IBM. &lt;/span&gt;&lt;span title=&quot;Computers at that time will be much more aware of the world around them, and be able to understand it.&quot;&gt;Komputer pada saat itu akan jauh lebih sadar akan dunia di sekitar mereka, dan mampu memahaminya. &lt;/span&gt;&lt;span title=&quot;The company&#39;s annual &amp;quot;5 in 5&amp;quot; list, in which IBM predicts the five trends in computing that will arrive in five years&#39; time, reads exactly like a list of the five human senses — predicting computers with sight, hearing, taste, smell and&quot;&gt;Perusahaan
 tahunan &quot;5 di 5&quot; daftar, di mana IBM memprediksi lima tren dalam 
komputasi yang akan tiba dalam waktu lima tahun, membaca persis seperti 
daftar lima indera manusia - memprediksi komputer dengan penglihatan, 
pendengaran, rasa, bau dan &lt;/span&gt;&lt;span title=&quot;touch.

&quot;&gt;menyentuh.&lt;br /&gt;&lt;/span&gt;&lt;span title=&quot;The five senses are really all part of one grand concept: cognitive computing, which involves machines experiencing the world more like a human would.&quot;&gt;Panca
 indera yang benar-benar semua bagian dari satu konsep besar: komputasi 
kognitif, yang melibatkan mesin mengalami dunia lebih seperti manusia 
akan. &lt;/span&gt;&lt;span title=&quot;For example, a cognizant computer wouldn&#39;t see a painting as merely a set of data points describing color, pigment and brush stroke;&quot;&gt;Misalnya,
 komputer menyadari tidak akan melihat sebuah lukisan hanya sebagai satu
 set titik data menggambarkan warna, pigmen dan sikat stroke; &lt;/span&gt;&lt;span title=&quot;rather, it would truly see the object holistically as a painting, and be able to know what that means.
&quot;&gt;bukan, itu benar-benar akan melihat objek secara holistik sebagai sebuah lukisan, dan dapat mengetahui apa artinya.&lt;/span&gt;&lt;span title=&quot;Cognitive Advantages

&quot;&gt;Keuntungan kognitif&lt;br /&gt;&lt;/span&gt;&lt;span title=&quot;&amp;quot;That&#39;s a foundationally different way of thinking of computing,&amp;quot; Bernie Meyerson, IBM&#39;s vice president of innovation, told Mashable in an interview.&quot;&gt;&quot;Itu
 cara foundationally berpikir yang berbeda dari komputasi,&quot; Bernie 
Meyerson, wakil presiden IBM inovasi, mengatakan kepada Mashable dalam 
sebuah wawancara. &lt;/span&gt;&lt;span title=&quot;&amp;quot;You have to change how you think about absorbing data. You can&#39;t just take a picture and file the picture. You have to treat the picture as an entity at a very high level, as opposed to just a bunch o&#39; bits.&quot;&gt;&quot;Anda
 harus mengubah cara Anda berpikir tentang menyerap data. Anda tidak 
bisa hanya mengambil gambar dan file gambar. Anda harus memperlakukan 
gambar sebagai entitas pada tingkat yang sangat tinggi, dibandingkan 
dengan hanya sekelompok o &#39;bit. &lt;/span&gt;&lt;span title=&quot;&amp;quot;

&quot;&gt;&quot;&lt;br /&gt;&lt;/span&gt;&lt;span title=&quot;&amp;quot;[Cognitive computing] makes for some very interesting shifts in capability,&amp;quot; he adds.&quot;&gt;&quot;[Komputasi kognitif] membuat beberapa perubahan yang sangat menarik dalam kemampuan,&quot; tambahnya. &lt;/span&gt;&lt;span title=&quot;&amp;quot;That&#39;s a rather profound sort of driver.&amp;quot;

&quot;&gt;&quot;Itu semacam agak mendalam dari driver.&quot;&lt;/span&gt;&lt;span title=&quot;SEE ALSO: IBM: Mind-Reading Machines Will Change Our Lives

&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span title=&quot;One of the key differences between a cognizant computer and a traditional one is the idea of training.&quot;&gt;Salah satu perbedaan utama antara komputer menyadari dan satu tradisional adalah ide pelatihan. &lt;/span&gt;&lt;span title=&quot;A cognitive system won&#39;t just continue to give the same wrong or unhelpful answer;&quot;&gt;Sebuah sistem kognitif tidak hanya akan terus memberikan jawaban yang salah atau tidak membantu sama; &lt;/span&gt;&lt;span title=&quot;if it arrives at the wrong conclusion, it can change its approach and try again.

&quot;&gt;jika tiba pada kesimpulan yang salah, itu dapat mengubah pendekatan dan coba lagi.&lt;br /&gt;&lt;/span&gt;&lt;span title=&quot;&amp;quot;In a cognitive machine, you set it up and run it, but it observes,&amp;quot; Meyerson says.&quot;&gt;&quot;Dalam mesin kognitif, Anda mengatur itu dan menjalankannya, tetapi mengamati,&quot; kata Meyerson. &lt;/span&gt;&lt;span title=&quot;&amp;quot;And that&#39;s very different because it statistically calculates an end result. However, if that answer is incorrect and you tell it, it&#39;ll actually re-weight those probabilities that led it to get the wrong answer and eventually get to the right answer.&quot;&gt;&quot;Dan
 itu sangat berbeda karena statistik menghitung hasil akhir. Namun, jika
 itu jawabannya adalah tidak benar dan Anda mengatakan itu, itu 
benar-benar akan kembali berat badan mereka probabilitas yang 
menyebabkan itu untuk mendapatkan jawaban yang salah dan akhirnya 
mendapatkan jawaban yang tepat. &lt;/span&gt;&lt;span title=&quot;&amp;quot;
&quot;&gt;&quot;&lt;/span&gt;&lt;span title=&quot;Cognition Does Not Equal Intelligence

&quot;&gt;Kognisi Apakah Intelijen Tidak Sama&lt;br /&gt;&lt;/span&gt;&lt;span title=&quot;Attributing human senses to machines can&#39;t help but conjure images of androids or self-aware computers capable of independent thought and action.&quot;&gt;Menghubungkan
 indera manusia untuk mesin tidak bisa tidak menyulap gambar androids 
atau komputer sadar diri mampu pemikiran independen dan tindakan. &lt;/span&gt;&lt;span title=&quot;Meyerson says there&#39;s a massive chasm separating cognitive computing and true artificial intelligence.

&quot;&gt;Meyerson mengatakan ada jurang besar yang memisahkan komputasi kognitif dan kecerdasan buatan yang benar.&lt;br /&gt;&lt;/span&gt;&lt;span title=&quot;&amp;quot;This is really an assistive technology,&amp;quot; he explains.&quot;&gt;&quot;Ini benar-benar sebuah teknologi yang membantu,&quot; ia menjelaskan. &lt;/span&gt;&lt;span title=&quot;&amp;quot;It can&#39;t go off on its own. It&#39;s not designed to do that. What it&#39;s designed to do, in fact, is respond to a human in an assistive manner. But by providing a human-style of input, it&#39;s freed us&quot;&gt;&quot;Ini
 tidak bisa pergi sendiri. Ini tidak dirancang untuk melakukan itu. Apa 
itu dirancang untuk melakukan, pada kenyataannya, adalah menanggapi 
manusia secara bantu. Tapi dengan menyediakan manusia-gaya masukan, itu 
membebaskan kita &lt;/span&gt;&lt;span title=&quot;from the task of programming and moved to the task of training. It simply has — not more intelligence — but more bandwidth, and there&#39;s a huge difference between the two.&amp;quot;

&quot;&gt;dari tugas pemrograman dan pindah ke tugas pelatihan Ini hanya 
memiliki -. tidak lebih kecerdasan -. tapi lebih banyak bandwidth, dan 
ada perbedaan besar antara keduanya &quot;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
Seperti apakah ke-5 teknologi dalam 5 tahun mendatang ini? Simak penjelasan langsung&amp;nbsp;dari para&amp;nbsp;&lt;em&gt;expert-&lt;/em&gt;nya dengan menggunakan ilustrasi yang luar biasa berikut ini.&lt;br /&gt;

&lt;h3&gt;
1. &lt;em&gt;Touch &lt;/em&gt;/ Menyentuh&lt;em&gt; &lt;/em&gt;Penjelasan dari Robyn Schwartz, &lt;i&gt;Retail Industry Expert,&amp;nbsp;&lt;/i&gt;IBM.&lt;/h3&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;iframe width=&quot;320&quot; height=&quot;266&quot; class=&quot;YOUTUBE-iframe-video&quot; data-thumbnail-src=&quot;https://i.ytimg.com/vi/Gg3tmZrwbDs/0.jpg&quot; src=&quot;https://www.youtube.com/embed/Gg3tmZrwbDs?feature=player_embedded&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;br /&gt;&lt;br /&gt;


&lt;h3&gt;
2.&amp;nbsp;&lt;em&gt;Sight&amp;nbsp;&lt;/em&gt;/ Melihat&lt;br /&gt;Penjelasan dari Dr. John R. Smith, Senior Manager –&amp;nbsp;&lt;em&gt;Intelligent Information Management,&amp;nbsp;&lt;/em&gt;IBM.&lt;/h3&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;iframe width=&quot;320&quot; height=&quot;266&quot; class=&quot;YOUTUBE-iframe-video&quot; data-thumbnail-src=&quot;https://i.ytimg.com/vi/YwfJVwknvRo/0.jpg&quot; src=&quot;https://www.youtube.com/embed/YwfJVwknvRo?feature=player_embedded&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;em&gt;&lt;/em&gt;&lt;br /&gt;&lt;br /&gt;


&lt;h3&gt;
3. &lt;em&gt;Hearing&lt;/em&gt; / Mendengar&lt;br /&gt;Penjelasan dari Dr. Dimitri Kanevsky, &lt;em&gt;Master Inventor,&lt;/em&gt; IBM. (Ia kehilangan pendengaran pada umur 3 tahun)&lt;/h3&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;iframe width=&quot;320&quot; height=&quot;266&quot; class=&quot;YOUTUBE-iframe-video&quot; data-thumbnail-src=&quot;https://i.ytimg.com/vi/-oKfWIgDTFs/0.jpg&quot; src=&quot;https://www.youtube.com/embed/-oKfWIgDTFs?feature=player_embedded&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;em&gt;&lt;/em&gt;&lt;br /&gt;&lt;br /&gt;


&lt;h3&gt;
4. &lt;em&gt;Taste&lt;/em&gt; / Merasakan&lt;br /&gt;Penjelasan dari Dr. Lav Varshney, &lt;em&gt;Research Scientist –&amp;nbsp;&lt;/em&gt;&lt;em&gt;Services Research&lt;/em&gt;, IBM.&lt;/h3&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;iframe width=&quot;320&quot; height=&quot;266&quot; class=&quot;YOUTUBE-iframe-video&quot; data-thumbnail-src=&quot;https://i.ytimg.com/vi/DNz23XXLa1E/0.jpg&quot; src=&quot;https://www.youtube.com/embed/DNz23XXLa1E?feature=player_embedded&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;h3&gt;
5. &lt;em&gt;Smell&lt;/em&gt; / Mencium&lt;br /&gt;Penjelasan dari Dr. Hendrik Hamann, &lt;em&gt;Research Manager –&lt;/em&gt;&lt;em&gt;&amp;nbsp;Physical Analytics&lt;/em&gt;, IBM&lt;/h3&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;iframe width=&quot;320&quot; height=&quot;266&quot; class=&quot;YOUTUBE-iframe-video&quot; data-thumbnail-src=&quot;https://i.ytimg.com/vi/RYkSvNKdyBM/0.jpg&quot; src=&quot;https://www.youtube.com/embed/RYkSvNKdyBM?feature=player_embedded&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;em&gt;&lt;/em&gt;&lt;em&gt;&lt;/em&gt;&lt;br /&gt;&lt;br /&gt;

&lt;br /&gt;
&lt;span class=&quot;&quot; id=&quot;result_box&quot; lang=&quot;id&quot;&gt;&lt;span title=&quot;from the task of programming and moved to the task of training. It simply has — not more intelligence — but more bandwidth, and there&#39;s a huge difference between the two.&amp;quot;

&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span title=&quot;What&#39;s your take on cognitive computing?&quot;&gt;Apa pendapat Anda tentang komputasi kognitif? &lt;/span&gt;&lt;span title=&quot;Is IBM on to something with PCs that can taste, smell, touch, hear and see?&quot;&gt;Adalah IBM pada sesuatu dengan PC yang dapat merasakan, bau, sentuhan, mendengar dan melihat? &lt;/span&gt;&lt;span title=&quot;How would you use the technology?&quot;&gt;Bagaimana Anda akan menggunakan teknologi? &lt;/span&gt;&lt;span title=&quot;Share your thoughts in the comments.

&quot;&gt;Bagi pengalaman anda di komentar.&lt;/span&gt;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog91919.blogspot.com/feeds/7206401687500157884/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='http://blog91919.blogspot.com/2016/12/ibm-komputer-akan-dapat-melihat.html#comment-form' title='1 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/572822362233443772/posts/default/7206401687500157884'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/572822362233443772/posts/default/7206401687500157884'/><link rel='alternate' type='text/html' href='http://blog91919.blogspot.com/2016/12/ibm-komputer-akan-dapat-melihat.html' title='IBM: Komputer Akan Dapat Melihat, Mendengar, Merasa, Mencium dan Menyentuh dalam 5 Tahun Mendatang'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/12527419942127555350</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbJuQbVymrVuPE0jRLid9ll3IFZ9jfmfd6_TtPwpvN65cQFMtV_dSCdumUSGQWZ3DJ7JUjrsv-rD4jgRq8B8jKN7NM9_Aeh0w90nyWLEfZV-igbj9FVQin9Sm7x_Fu_SKqQQiGSLICaXE/s72-c/2012_12_17_a2_ibmcognitiv_2un0v.jpg" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-572822362233443772.post-1710370216250406937</id><published>2013-02-14T02:23:00.000-08:00</published><updated>2013-02-14T02:29:09.529-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Widgets"/><title type='text'>cara mengubah/mengkustomisasi label di Blogger dengan tampilan Cloud menggunakan CSS3</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjpOwBeiw54QHsw5Y9E7v2SzRl78_lGd4MQ8nSuGU9rLC2iDktA6N66AyZqBOiLJKYjIpNFcxC3N5WpdELjINZgR56EC7vKdu3Bw4_OG9iY_oLCdmMrS-hfUSk4yLyYttJneA4qaEtK7g/s1600/customize-blogger-labels-with-css.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjpOwBeiw54QHsw5Y9E7v2SzRl78_lGd4MQ8nSuGU9rLC2iDktA6N66AyZqBOiLJKYjIpNFcxC3N5WpdELjINZgR56EC7vKdu3Bw4_OG9iY_oLCdmMrS-hfUSk4yLyYttJneA4qaEtK7g/s1600/customize-blogger-labels-with-css.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
Pada posting kali ini&amp;nbsp;&lt;a href=&quot;http://blog91919.blogspot.com/&quot;&gt;blog91919&lt;/a&gt; akan membagikan artikel tentang cara mengubah/mengkustomisasi label di Blogger dengan tampilan Cloud menggunakan CSS3. Dengan menggunakan cara ini anda dapat dengan mudah mengganti tampilan asli label/tag pada blog anda hanya dengan menerapkan beberapa kode CSS dibawah ini kedalam label blog anda. Dan sekarang mari kita ikuti bagaimana caranya menambahkan kode CSS tersebut kedalam widget label blog anda.&lt;br /&gt;
Dan berikut ini adalah tutorialnya.&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;Login ke account blogger Anda&lt;/li&gt;
&lt;li&gt;Klik rancangan = =&amp;gt;Edit HTML&lt;/li&gt;
&lt;li&gt;Download template anda terlebih dulu untuk berjaga-jaga jika nanti terjadi kesalahan&lt;/li&gt;
&lt;li&gt;Jangan lupa centang pada kotak kecil yang bertuliskan &lt;b&gt;Expand Template Widget&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Setelah itu, cari kode&amp;nbsp; &lt;b style=&quot;color: red;&quot;&gt;&lt;span style=&quot;color: lime;&quot;&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/span&gt;&lt;/b&gt;&amp;nbsp; (tekan tombol &lt;b style=&quot;color: cyan;&quot;&gt;&lt;span style=&quot;color: red;&quot;&gt;ctrl+f&lt;/span&gt;&lt;/b&gt; untuk mempermudah pencarian)&lt;/li&gt;
&lt;li&gt;Kalau sudah ketemu maka masukkan kode berikut ini &lt;b&gt;diatas/sebelum&lt;/b&gt; kode &lt;b style=&quot;color: red;&quot;&gt;&lt;span style=&quot;color: lime;&quot;&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt; &lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;margin: 5px 20px 20px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tutup&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Buka&#39;; }&quot; style=&quot;font-size: 12px; margin: 0px; padding: 0px; width: 55px;&quot; type=&quot;button&quot; value=&quot;Buka&quot; /&gt;
&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
.label-size {
    float: left;
    margin: 0 0 7px 20px;
    position: relative;
    font-family: &#39;Helvetica Neue&#39;, Helvetica, Arial, sans-serif;
    font-size: 0.75em;
    font-weight: bold;
    text-decoration: none;
    color: #996633;
    text-shadow: 0px 1px 0px rgba(255,255,255,.4);
    padding: 0.417em 0.417em 0.417em 0.917em;
    border-top: 1px solid #d99d38;
    border-right: 1px solid #d99d38;
    border-bottom: 1px solid #d99d38;
    -webkit-border-radius: 0 0.25em 0.25em 0;
    -moz-border-radius: 0 0.25em 0.25em 0;
    border-radius: 0 0.25em 0.25em 0;
    background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=&#39;#feda71&#39;, EndColorStr=&#39;#feba47&#39;);
    -webkit-box-shadow: inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
    z-index: 1;
}
 
.label-size:before {
    content: &#39;&#39;;
    width: 1.30em;
    height: 1.39em;
    background-image: -webkit-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -moz-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -o-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -ms-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr=&#39;#feda71&#39;, EndColorStr=&#39;#feba47&#39;);
    position: absolute;
    left: -0.69em;
    top: .2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 1px solid #d99d38;
    border-bottom: 1px solid #d99d38;
    -webkit-border-radius: 0 0 0 0.25em;
    -moz-border-radius: 0 0 0 0.25em;
    border-radius: 0 0 0 0.25em;
    z-index: 1;
}
 
.label-size:after {
    content: &#39;&#39;;
    width: 0.5em;
    height: 0.5em;
    background: #fff;
    -webkit-border-radius: 4.167em;
    -moz-border-radius: 4.167em;
    border-radius: 4.167em;
    border: 1px solid #d99d38;
    -webkit-box-shadow: 0 1px 0 #faeaba;
    -moz-box-shadow: 0 1px 0 #faeaba;
    box-shadow: 0 1px 0 #faeaba;
    position: absolute;
    top: 0.667em;
    left: -0.083em;
    z-index: 9999;
}
 
#Label1 {
    height: 210px;
}
 
.label-size:hover {
    background-image: -webkit-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -moz-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -o-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -ms-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=&#39;#fee18d&#39;, EndColorStr=&#39;#fec86c&#39;);
    border-color: #e1b160;
}
 
.label-size:hover:before {
    background-image: -webkit-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -moz-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -o-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -ms-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr=&#39;#fee18d&#39;, EndColorStr=&#39;#fec86c&#39;);
    border-color: #e1b160;
}
 &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
Nah demikian itulah turialnya, semoga dapat bermanfaat bagi Anda semua bagi yang ingin mencoba mengeditnya. Terimakasih.</content><link rel='replies' type='application/atom+xml' href='http://blog91919.blogspot.com/feeds/1710370216250406937/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='http://blog91919.blogspot.com/2013/02/cara-mengubahmengkustomisasi-label-di.html#comment-form' title='7 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/572822362233443772/posts/default/1710370216250406937'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/572822362233443772/posts/default/1710370216250406937'/><link rel='alternate' type='text/html' href='http://blog91919.blogspot.com/2013/02/cara-mengubahmengkustomisasi-label-di.html' title='cara mengubah/mengkustomisasi label di Blogger dengan tampilan Cloud menggunakan CSS3'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/12527419942127555350</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjpOwBeiw54QHsw5Y9E7v2SzRl78_lGd4MQ8nSuGU9rLC2iDktA6N66AyZqBOiLJKYjIpNFcxC3N5WpdELjINZgR56EC7vKdu3Bw4_OG9iY_oLCdmMrS-hfUSk4yLyYttJneA4qaEtK7g/s72-c/customize-blogger-labels-with-css.jpg" height="72" width="72"/><thr:total>7</thr:total></entry><entry><id>tag:blogger.com,1999:blog-572822362233443772.post-2198214604242817804</id><published>2013-01-31T02:11:00.000-08:00</published><updated>2013-01-31T02:24:21.153-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tutorial"/><title type='text'>Cara Membuat/Menambahkan Nomor Komentar Pada Blogger Threaded Comment Untuk Blog</title><content type='html'>Pada kesempatan hari ini&amp;nbsp;&lt;a href=&quot;http://www.blog91919.blogspot.com/&quot;&gt;blog91919&lt;/a&gt;
 akan berbagi tips tentang Cara Membuat/Menambahkan Nomor Pada Blogger Threaded 
Comment Untuk Blog Anda di dalam kolom/kotak komentar Blogger ( Cara ini
 hanya bekerja jika fitur balas komentar di blog Anda sudah aktif). 
Dengan&amp;nbsp; trik CSS ini Anda bisa menambahkan angka/nomor berurutan seperti
 ini, misal 1,2,3, dan seterusnya. Anda dapat melihat screenshot di 
bawah ini untuk lebih jelasnya.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrdBrgFvwQ8lHqQqRcAVx3Ajf9RixPjISFtGvWWWDNdRP3tfQ4YoCojx04-oVIdypHedAsAjauv57EA1aFz2d9q1pmxxyfDq3_FVbz9xAU9HM1Cgu13dQB-pHr0W3K4EFSe3VgxF9zSME/s1600/comment-numbers.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrdBrgFvwQ8lHqQqRcAVx3Ajf9RixPjISFtGvWWWDNdRP3tfQ4YoCojx04-oVIdypHedAsAjauv57EA1aFz2d9q1pmxxyfDq3_FVbz9xAU9HM1Cgu13dQB-pHr0W3K4EFSe3VgxF9zSME/s1600/comment-numbers.jpg&quot; height=&quot;190&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
Oke, sekarang kita lanjut ke topik utama.&lt;br /&gt;
1. Login ke akun blogger Anda&lt;br /&gt;
2. Masuk ke dashboard blogger&lt;br /&gt;
3. Klik rancangan lalu klik Edit HTML&lt;br /&gt;
4. Download Template Anda terlebih dahulu untuk berjaga-jaga jika nanti terjadi kesalahan&lt;br /&gt;
5. Beri centang/checklist pada kotak kecil yang bertuliskan Expand Template Widget&lt;br /&gt;
6. Gunakan tombol CTRL+F pada keyboard untuk mempermudah pencarian, kemudian cari kode &lt;span style=&quot;color: blue;&quot;&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;span style=&quot;color: black;&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
7. Jika sudah ketemu, masukkan kode berikut ini tepat dibawah kode &lt;span style=&quot;color: blue;&quot;&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div style=&quot;margin: 5px 20px 20px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;b&gt;Klik buka untuk melihat kode&lt;/b&gt;: &lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tutup&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Buka&#39;; }&quot; style=&quot;font-size: 12px; margin: 0px; padding: 0px; width: 55px;&quot; type=&quot;button&quot; value=&quot;Buka&quot; /&gt;
&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
.comment-thread ol {
    counter-reset: countcomments;
}
 
.comment-thread li:before {
    content: counter(countcomments,decimal);
    counter-increment: countcomments;
    float: right;
    font-size: 22px;
    color: #555555;
    padding-left: 10px;
    padding-top: 3px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjabUBAKbvwwbAbrxht9wcQyudktMqVyIZBP2iOvyjGVCBq4I25kXtsY7IaRy2L64YYpa2A8G-JrUuaA149Qfy1EM1pfS_4g9LTKdVqV9SURFbc1tv7Sovl9UVMFzxd2UQ8xM2pQ7XEODO-/s1600/comment+bubble2.png) no-repeat;
    margin-top: 7px;
    margin-left: 10px;
    width: 50px;
 /*image-width size*/
    height: 48px;
 /*image-height size*/
}
 
.comment-thread ol ol {
    counter-reset: contrebasse;
}
 
.comment-thread li li:before {
    content: counter(countcomments,decimal) &quot;.&quot; counter(contrebasse,lower-latin);
    counter-increment: contrebasse;
    float: right;
    font-size: 18px;
    color: #666666;
}
 &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
8. Klik Save dan sekarang sudah selesai.&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;b&gt;KUSTOMISASI&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Untuk mengedit posisi angka pada komentar ganti kode &lt;code class=&quot;css spaces&quot;&gt;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;padding-top&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;&lt;span style=&quot;color: lime;&quot;&gt;3&lt;/span&gt;px&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;&lt;span style=&quot;color: lime;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt; dengan angka yang diinginkan&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;Untuk mengubah posisi gambar backgroud ganti kode &lt;code class=&quot;css spaces&quot;&gt;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;padding-left&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;&lt;span style=&quot;color: lime;&quot;&gt;10&lt;/span&gt;px&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;; dengan angka yang diinginkan&lt;/code&gt;&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;Untuk mengedit gambar background ganti kode &lt;code class=&quot;css keyword&quot;&gt;background&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;url&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;(http://&lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;3&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;.bp.blogspot.com/-f&lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;6&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;ByQfbwApQ/T&lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;4&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;x_&lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;8&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;p&lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;1&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;FGpI/AAAAAAAAB&lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;2&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;A/WJKf-ybmvQk/s&lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;1600&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;/comment+bubble&lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;2&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;.png)dengan url gambar milik anda, tapi dibawah ini saya bagikan beberapa gambar untuk backgroudnya dengan cara klik kanan pada gambar dibawah ini,kemudian klik copy image url dan ganti dengan gambar backgroud dibawah ini.&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;
&lt;img alt=&quot;how to blog&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwnGMa6BrKUddXU5LgK2ReXt0L6gxRdxIX0DMmSWiJ2AY40PbqhYejjqncuHQ-tmMAQDsnGCF0pE5C5GQw3G8ZKN95iujPh6agaoMcYLy6QsKSqUAsBdFM37WiCdbq4qcCPF3aRE6jIcQM/s1600/blue+comment+bubble.png&quot; title=&quot;comments bubble&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img alt=&quot;blogger blogspot&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibFnTFG4x5BjqGjOWe8fcEmBDu4-ZvS8VheNtGPcPnCO0IiPs9L8EYTMHp2OR3zcgIjINpqatfoGYsWiYAzIgLPr2pYsMZPDT-0JPbhcp9jCQWu3vhEQDYApigPJc7RwEfoNddDG6TGXmm/s1600/blue.png&quot; title=&quot;speech bubble&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img alt=&quot;blogspot blogger, how to blog&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiya0b7SVLRjCiwIpahXb8T3xrBvJTzYASOYwxYZ2vIvwn-vx3FFO-p27xuJSh0AZwbDIiUiOaPUr0UpC3COpevR9SnFovPKd0vhZ0TP1HQ5EBhbnGmmskvRmGSN7HZgGFLRJPgsiBOYxA/s1600/bubble.png&quot; title=&quot;speech bubble 3&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img alt=&quot;widget blogger blogspot&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit94ebpxPSnXYfN5WjFFV4PyeA6W7D8_BuN97dnQVQqZAbn-QOvo-XsDSUS-Rg-tK25e9_JExHuSntxO-Au7Uzh3vl3TsVoJp7PdyMlC8vaiwbEFsw8CnwE0RZSChw87OOY9fUiuigzBNC/s1600/cloud.png&quot; title=&quot;speech bubble 4&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img alt=&quot;blogs, how to blog&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1VWa2_bArRHhldgwK-hrScmcUq0Mi1d9jv9xa6Vy1yCfEdcIJMLTOdGEW7Eq2uy4x-3qcUCBdflav8K-IYu5K87uRA5hQxxEU800bQuZsgya02YeAL8C1oj62kgeWhcGt-647s-rZsRIW/s1600/comment+6.png&quot; title=&quot;speech bubble 5&quot; /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;img alt=&quot;blogspot or blogger, how to blog&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0zTNLA-J1Sht_AJRTkyRgvl-yN4LqW5qlRG4ht4J0mZKmgEA8wD_lVvH9Trq4dVfMq-YX8kbAl4_laieY3Q3Ygfq6HnBC4hYUJUar2rosWO0lKMm2PKs1xkOUVB3MfwHrshSlfinsECW7/s1600/comment+bubble+1.png&quot; title=&quot;speech bubble 6&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img alt=&quot;tutorials, how to&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAGYbBeGxcQFQ1xa0CNdpkGCAVZvsriebdWhTdczpqMGZGM4BttCY1m1GqG2RVklxth929_NZ4WhXOKTISkwLRlVvJJTxbl4YPl2eKy6-bRGo5JuQsVr8J1sA0kOezhEtwsr2-hUVnZxis/s1600/comment+bubble+2.png&quot; title=&quot;speech bubble 7&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img alt=&quot;comments, how to, blogspot blogger&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRuYiQrxRfUTR4rXYYc_SNlXzMBgeuJzStMFF76Q9urRqoiTcgZ-PGdF5S1abc5zl3Ww5DO6lvmU-HD7Mxpmxx6_4FZ18AdYL0f4TaqEoczQSzjPqxRA2kkbVgj_HxHL7sePyGAy3WsloQ/s1600/comment+bubble+green.png&quot; title=&quot;speech bubble 8&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img alt=&quot;new comment, how to blog&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPmOvYvlOdvl9bi5BKtJQao_RTruQqHNgWyypjjCeapexBC0N7KD7Yx-voXh3S139LcdU5qXmbO9gLZIEDBQEQ1itWWaFUrnkyq3Cb6CY5ErQMsLHABfk9ejqPwcN8HDS0c91pelBP6lC8/s1600/comment+bubble+red.png&quot; title=&quot;speech bubble 9&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img alt=&quot;blog design, blogger&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMG-5V1_os42rWYwXlVJM6v88Rj2q07AUFQAWr16fpL2bP6o5vQGX5dc3A3Jec43lrpaGx2JGbvUnDz_PS8f5HU6n5rAtdH2tU_ucASDvwfRvmYzYMks6mQFpMQYo3Oq9cquUXwMVDmjRt/s1600/green+comment+bubble.png&quot; title=&quot;speech bubble 10&quot; /&gt;&amp;nbsp;&lt;img alt=&quot;blogger.com&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkQKFtZgOuWucCqpa9EdjV17tgsvlI5dYHvWO-fC9IDseJ005_7M9a4WfF_mADj2Q_mGYW4Q5elOWodsg-LmTNMF8Kw6ch6Q4oTikE_ogyhhyphenhyphene8E6vBokAdpTE2JftRizQi_Txisv3Twk1/s1600/grey+cloud.png&quot; title=&quot;speech bubble 11&quot; /&gt;&amp;nbsp;&amp;nbsp;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmshOm9xHTyfyiUu_Plje-wl329ACAMogLeImthQ1HiK5OHm8hu_SB23BBSLugfhpHQlZQ3eCBLVDTFqZx489htHDSkSExDmLigphTxPnqRIT2W9Uw4WTOK55TzfhUmfbQaxy6zziV5T43/s1600/heart+1.png&quot; /&gt;&amp;nbsp;&amp;nbsp;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC6VsXZ_UqZ3YDKemAergOvifOPzIMDeA4_RjkZgSWwB54aUx0uzhafDM38vGVSI-9Qd0iemwwVHEs4R82NQf8zg0jbg7kpwu-sUm9POykJb84mdgSyOS-nRhm8Z0icL8jBiK0DcYnkZut/s1600/pink+comment+bubble+2.png&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHpgp_vDul0os_QxbCKnE0Nrq8fIYP6QxM6rbX5s8ElCe7XPPa87GBQjGEuKUK9hyaOTDqtNOE42qPQ3wlPtB6CUv-85Jis9m1A8XhNReiQDhyphenhyphenfM6jzmXPHdMsfZ8USbWad8LOYZtiPtKD/s1600/pink+comment+bubble.png&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjprRTkzHzEu8HA_vKRETYZHS6rJNYccWfr3ZrYci3W7B8jUeYvmMHZ5JfOXWdr1kUdEuKhIm4l7bygn34LpUhDoGpmUIZ_Bst7OmxmjNVwW7B5Oa1VunXCeBr6yETJ32du1QdalyICfoau/s1600/pink+comment.png&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUqXJO9cVCq8EsMTDE0rwALGQjQN6OBEwr3AgviH3oPonUMAn9D-H6lxfM5cDGSA4ORt3pU8aR14GcKqhQZmg9hRY-1mVRkQbPZr-45yAijhxcENrT8rsaRIpS2FgzC4qBTaGPLlp1r7Uf/s1600/round.png&quot; /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;img alt=&quot;bubble comment count, bubble blogger posts&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIxWpqWlIRPqhx116gG-Pk16Ws0PKfcfFrK8oNQmf4Q4WbO9VlWVMgsXJKG5WBshcCUs5Ypw47EMvhSmJpgdQAzlSEZgz4iJlaKGOF5qKvkc5EAnue9AMxk5jMQi_MUC5TADY2LtrTrRuc/s1600/4.png&quot; title=&quot;how to add bubble comment count&quot; /&gt;&amp;nbsp; &amp;nbsp;&lt;img alt=&quot;blogger comments, comment count&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-g4aE2jClcWIRid7qxpznbGAkfw_C4U7ABal6gpK4mdXC17A23Gc06Agn0Hm-lFemL6JWX86W6JbSwtaG5fv9omVCWhzJIPXkd8nBEfKh2y7V3BC7bFJuaF_D9I7FpSFR8xXSPiYENtHd/s1600/2.png&quot; title=&quot;How to add Bubble Comment Count&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img alt=&quot;blogger blogspot, blogger comments&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv6-ZKDyOA7P1YkGKQU4n1F5ElgskfyHWJVfLPMJ9bNWIRX1qfpMbNX0ewXvtkPl3tyYO3j2FontX0Y0-dDMen4mCAxeSD5LRnjE_1gB2RaloMUlcTmrXdCmYygXXtImH8jzun269TDtIh/s1600/3.png&quot; title=&quot;How to add Bubble Comment Count&quot; /&gt;&amp;nbsp; &amp;nbsp;&lt;img alt=&quot;blogger bubble comment count&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDF_989Ez5co1oVpo89B0qQ56E3wJQ1gt7TKmAFWLD5GVCErI-iMzUlQViOIyaWPJkFwpKH_jvXQIpntyURjGJLT3QaGMaTp66ju3hik_R3gG_BuBFikTShCJqxoJrmmODZY7JIhYnYgGY/s1600/blue+2.png&quot; title=&quot;How to add Bubble Comment Count&quot; /&gt;&amp;nbsp; &amp;nbsp;&lt;img alt=&quot;comments in blogger titles&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy4uK7V4kzSeAh-gOengCL606H-ScuxUCHZrJYzetiBotVmLw05XVN3RVNzQqIwjE_eZlbRBKnCM7hvsQsRSJ7LGGkWXx_Rcmc9oNrbEFUBEB_bNp_Z-HHYxMW19awng0y1gE-LIEiSAg0/s1600/blue.png&quot; title=&quot;How to add Bubble Comment Count&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img alt=&quot;blogger tips, blogger tricks&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHcaLw3fjPJEAU5Ln5gwthId0KMUi_3-nQu5lUOopL6CC8gDpE3-QBWHJpFSqU4XgFrnKl1W3n8zo7KRcVZx2vygTE6Q5Sadqa2dNLtAVQ9JhsSNtvy6DsfB7QT1qsPgUg_3loDOFVh2pz/s1600/cloud+bubble.png&quot; title=&quot;How to add Bubble Comment Count&quot; /&gt;&amp;nbsp; &amp;nbsp;&lt;img alt=&quot;blogger widgets, bubble comment count&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXJqMGXTNvihPlYmOTHN7kELlFcxDV5s0bBmyPhyBu4lUh2AZ9qm8_rSFhzX9o7bTuI8EWT2o5FWNoOVD3gjPpsCuOyveHHm5HUSahwxaSgir8cViOwiLKuNER793cXlCpO5JzwN1F5Z2V/s1600/cloud.png&quot; title=&quot;How to add Bubble Comment Count&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img alt=&quot;bubble comment count&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXS5dXiiIEIwdb42Fsm6FxjCcpY2DB46kMD_7RmbX_o3FFEO42HpAQGlvMogyghFLFrdpXdwb5jg95VBfO6igdzcQNcOmCRurtYcZ4SaBOBcEBQ_pWkI8D9qgBOj_98STAExdf8aSBu0Is/s1600/comment+1.png&quot; title=&quot;How to add Bubble Comment Count&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img alt=&quot;Bubble Comment Count&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KGUkZG80ia6J_4fIRQX4x_HMp8EP-9mFgGqy9WgRbOTDxFPYg0nvZeCZTL_kyf3O0viLol3qBzgjOm-2UDxz33ah1c5gTqiS0c6yFCbvRO5yHWqLciPnICA1Nqmj7TNLyM-qRNnf-hrM/s1600/comment+bubble.png&quot; title=&quot;How to add Bubble Comment Count&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img alt=&quot;Bubble Comment Count, blogger blogspot&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGiFvhlxvKW84C1cxt7BHWqdPjd_iAeKaNcK3U-IJ5nR5fa9gp_iXhhJXp7Q640N8pqfvvUphvd8gk36EmchE7Dke7m59ne_qnxebwffMW1Po4og2VLDwSxbuWFTMNiFkk7qHe-aatCqc5/s1600/devil+comment+bubble.png&quot; title=&quot;How to add Bubble Comment Count&quot; /&gt;&amp;nbsp; &amp;nbsp;&lt;img alt=&quot;&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS8Umew3RNiQJelQCTr8cLbVrWUXMnMXG3_T71xll4zGlen3AZRTAqgoCgUdjsgoC3D0b83NZI0YgBpaYJ5ehxEXZi1KStZx9u1bHaEjq1pEFnstqyp_IOW44Gomxd7qBsO7nD0O1Eprh8/s1600/funny+comment.png&quot; title=&quot;Bubble Comment Count&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu2uAwj-lsLUnGFCXqRl38a0hdgAzxx9nsHdJZgf4GN7pOS7bOisSQ6vnxAluaiDVCPxHhZrUPzpHw3WmdlEEcwRy88dINYmGKd_KVuX24oL93wZzc9MHKdRiesj957lSfBZsiMnaG7jkf/s1600/pink+bubble+icon.png&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtOsu2_VUxu2oge_yLRe5uC4U-ZQUc399gNL_tfoCtzUOlAIuqMZsLS5hKMLeoAfx1mG5nYr2XaUuh1bkOt7BaDlRzgbw1dYVe7yVxVpPrk0DUVG_uVQ-vbKMuGekImDLOqIVZIplpe9La/s1600/speech+bubble+green.png&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgytE2EuxvFFEHj8bkjeARMlQWtKds8kN2hYTuRhskq2G-_IFbL8n11Ff9MCuJrSKcYODt_VO5OmcoyA9u0spBzfJdPtBnmerpACJubKOcbnQ_Llj24Ih5X-DUsOHLyXFWdVv_5rY_JN3wO/s1600/bubble+comment.png&quot; /&gt;&amp;nbsp;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjabUBAKbvwwbAbrxht9wcQyudktMqVyIZBP2iOvyjGVCBq4I25kXtsY7IaRy2L64YYpa2A8G-JrUuaA149Qfy1EM1pfS_4g9LTKdVqV9SURFbc1tv7Sovl9UVMFzxd2UQ8xM2pQ7XEODO-/s1600/comment+bubble2.png&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFHjkaWaU61XA5LRg-mrhxQPkwnPaELzx2Su8MvY6z6BiYcVgI7LF5Jjna662SmBpti2WnGX8YLw1qBvoil5LrAPE75-99zqNHOuBnPGEVPVvD3KbNB9mtPo6lATg08Vzt2fr_MNLldmqx/s1600/comment+bubble3.png&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg34pXNdjicRyzjadPuQMLUHy_Bdk7nFqYbH3iQvegyZEN3NnpJXLbNM3CBat6ioXVchzIiE4G1fj5UuzWbYpOYVb_n6JXBOmRS2r4aZpZU2RGoQMa-_t8zAL2f5_6gb3q7ytTaAeUrSR1A/s1600/comment+bubble4.png&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheFsVBlE96gPlQKXrSX4xaQToNImvznTYeYVUm0rKgIXAiwvUxz1qGlbPQ65Sm4cNYYjP_A0b8dh8TFbPl6kb6CGjHbuvU_hNEsfFE7THt5QvES6VxlcSR4GE-aTwy1vm8YH84QIWnuO6K/s1600/comment_bubble.png&quot; /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbe21kTSpib7b5WSrlMna93QvSzjLlMo_S8ohfXpKA8VDZoXDfay779M3CaFyuhXi1Xdd6jBFw26c03ncXPsN5O9KWDWpQtbJgeS-aRM0DJUEj7oxMMcSV_dh2pCwvNSPPyrezCLcDhkpU/s1600/text_comment_bubble_comments.png&quot; /&gt;&lt;br /&gt;Sekian dulu dan terimakasih karena Anda sudah membaca artikel saya tentang Cara Membuat/Menambahkan Nomor Komentar Pada Blogger Threaded Comment Untuk Blog ini dan semoga bermanfaat buat Anda.&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog91919.blogspot.com/feeds/2198214604242817804/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='http://blog91919.blogspot.com/2013/01/cara-menambahkan-nomor-komentar-pada-blogger-threaded-comment-untuk-blog.html#comment-form' title='6 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/572822362233443772/posts/default/2198214604242817804'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/572822362233443772/posts/default/2198214604242817804'/><link rel='alternate' type='text/html' href='http://blog91919.blogspot.com/2013/01/cara-menambahkan-nomor-komentar-pada-blogger-threaded-comment-untuk-blog.html' title='Cara Membuat/Menambahkan Nomor Komentar Pada Blogger Threaded Comment Untuk Blog'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/12527419942127555350</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrdBrgFvwQ8lHqQqRcAVx3Ajf9RixPjISFtGvWWWDNdRP3tfQ4YoCojx04-oVIdypHedAsAjauv57EA1aFz2d9q1pmxxyfDq3_FVbz9xAU9HM1Cgu13dQB-pHr0W3K4EFSe3VgxF9zSME/s72-c/comment-numbers.jpg" height="72" width="72"/><thr:total>6</thr:total></entry><entry><id>tag:blogger.com,1999:blog-572822362233443772.post-8781242282121683588</id><published>2013-01-27T01:21:00.002-08:00</published><updated>2013-01-31T02:54:11.797-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tutorial"/><title type='text'>Cara Membuat Kotak Komentar Facebook dengan Blogger Berdampingan/Sejajar</title><content type='html'>Cara Membuat Komentar Facebook dan blogger Berdampingan&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;b&gt;/&lt;/b&gt;Sejajar&lt;/span&gt;&lt;br /&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUvQcScnhK6qkahKhZ30ARC2sVyJEAMx0KaJFII_KTYgp7JC6TPrKPO31YF5edWYL6Qbca7vhzhXVH10NfV3WWcY-cg5bqmwbGwkzl5Jt08Hp4ssH4ijhMb7ssP9IHXEkvUImq5Jfivqg/s1600/membuat+kotak+komentar+facebook+berdampingan+denga+kotak+komentar+blogger.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUvQcScnhK6qkahKhZ30ARC2sVyJEAMx0KaJFII_KTYgp7JC6TPrKPO31YF5edWYL6Qbca7vhzhXVH10NfV3WWcY-cg5bqmwbGwkzl5Jt08Hp4ssH4ijhMb7ssP9IHXEkvUImq5Jfivqg/s1600/membuat+kotak+komentar+facebook+berdampingan+denga+kotak+komentar+blogger.png&quot; height=&quot;122&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Login ke account blogger Anda&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Lalu Klik rancangan lalu klik Edit HTML&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Download template Anda terlebih dahulu untuk berjaga-jaga jika nanti terjadi kesalahan&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Beri centang atau checklist pada kotak kecil yang bertuliskan &lt;b&gt;Expand Template Widget&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Jika sudah, cari kode&amp;nbsp; &lt;b style=&quot;color: red;&quot;&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/b&gt;&amp;nbsp; (gunakan &lt;b&gt;ctrl+f&lt;/b&gt; untuk mempermudah pencarian)&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Kalau sudah ketemu maka masukkan kode berikut ini di atas kode
&lt;b style=&quot;color: red;&quot;&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
.comments-page { background-color: #&lt;b style=&quot;color: lime;&quot;&gt;f2f2f2&lt;/b&gt;;}&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; #blogger-comments-page { padding: 0px 5px; display: none;}&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; .comments-tab { float: left; padding: 5px; margin-right: 3px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; cursor: pointer; background-color: #f2f2f2;}&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; .comments-tab:hover { background-color: #eeeeee;}&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; .inactive-select-tab { background-color: #d1d1d1;}&lt;/blockquote&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Hilangkan kode berwarna hijau bila ingin background kedua komentar transparan.&lt;br /&gt;
&lt;br /&gt;
Cara di atas ini yang biasanya mewajibkan penempatan kode &lt;b style=&quot;color: cyan;&quot;&gt;di bawah&lt;/b&gt; kode &lt;b style=&quot;color: cyan;&quot;&gt;/* Comment&lt;/b&gt; atau &lt;b style=&quot;color: cyan;&quot;&gt;#comments&lt;/b&gt;, Sebenarnya sama saja, mungkin para master terdahulu menyarankan begitu agar tampak lebih rapi.&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;post-body entry-content&quot;&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;li&gt;Kemudian Anda cari kode &lt;b style=&quot;color: red;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/b&gt;&lt;br /&gt;
Jika sudah ketemu, masukkan kode berikut ini tepat &lt;b&gt;&lt;span style=&quot;font-size: small;&quot;&gt;diatas&lt;/span&gt;&lt;/b&gt; kode &lt;b style=&quot;color: red;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/b&gt;&lt;/li&gt;
&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;br /&gt;
&amp;lt;script src=&#39;http://connect.facebook.net/en_US/all.js#xfbml=1&#39;/&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;script src=&#39;http://code.jquery.com/jquery-latest.js&#39;/&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;meta content=&#39;&lt;b style=&quot;color: lime;&quot;&gt;ID FB Anda disini&lt;/b&gt;&#39; property=&#39;fb:admins&#39;/&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;script type=&#39;text/javascript&#39;&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; function commentToggle(selectTab) {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; $(selectTab).removeClass(&quot;inactive-select-tab&quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&quot;.comments-page&quot;).hide();&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; $(selectTab + &quot;-page&quot;).show();&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/script&amp;gt;&lt;/blockquote&gt;
&lt;ol&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
Perhatikan tulisan yang berwarna hijau di atas, ganti dengan ID facebook Anda, misalkan https://www.facebook.com/&lt;b style=&quot;color: lime;&quot;&gt;nama Anda&lt;/b&gt; maka ID Sobat berada pada tulisan yang berwana &lt;b style=&quot;color: lime;&quot;&gt;hijau&lt;/b&gt;.
 Namun jika Anda belum merubah ID Anda maka yang tertera adalah berupa
 angka. contohnya seperti ini: https://www.facebook.com/&lt;b style=&quot;color: lime;&quot;&gt;1234567890 &lt;/b&gt;&lt;/div&gt;
&lt;/ol&gt;
&lt;ul&gt;
&lt;li&gt;Kemudian cari kode&amp;nbsp; &lt;b style=&quot;color: red;&quot;&gt;&amp;lt;div class=&#39;comments&#39; id=&#39;comments&#39;&amp;gt;&lt;/b&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;ol&gt;&lt;br /&gt;&lt;b style=&quot;color: yellow;&quot;&gt;Keterangan:&lt;/b&gt;&amp;nbsp; Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini &lt;b style=&quot;color: cyan;&quot;&gt;di bawah&lt;/b&gt; kedua kode &lt;b style=&quot;color: red;&quot;&gt;&amp;lt;div class=&#39;comments&#39; id=&#39;comments&#39;&amp;gt;.&lt;/b&gt;&lt;/ol&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&amp;lt;div class=&#39;comments-tab&#39; id=&#39;fb-comments&#39; 
onclick=&#39;javascript:commentToggle(&amp;amp;quot;#fb-comments&amp;amp;quot;);&#39; 
title=&#39;Comments made with Facebook&#39;&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;img class=&#39;comments-tab-icon&#39; src=&#39;http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png&#39;/&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;fb:comments-count expr:href=&#39;data:post.url&#39;/&amp;gt; Comments&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div class=&#39;comments-tab inactive-select-tab&#39; 
id=&#39;blogger-comments&#39; 
onclick=&#39;javascript:commentToggle(&amp;amp;quot;#blogger-comments&amp;amp;quot;);&#39;
 title=&#39;Comments from Blogger&#39;&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;img class=&#39;comments-tab-icon&#39; 
src=&#39;http://www.blogger.com/img/icon_logo32.gif&#39;/&amp;gt; 
&amp;lt;data:post.numComments/&amp;gt; Comments&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&amp;lt;div class=&#39;clear&#39;/&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div class=&#39;comments-page&#39; id=&#39;fb-comments-page&#39;&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;b:if cond=&#39;data:blog.pageType == &amp;amp;quot;item&amp;amp;quot;&#39;&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div id=&#39;fb-root&#39;/&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;fb:comments expr:href=&#39;data:post.url&#39; num_posts=&#39;&lt;b style=&quot;color: cyan;&quot;&gt;2&lt;/b&gt;&#39; width=&#39;&lt;b style=&quot;color: lime;&quot;&gt;400&lt;/b&gt;&#39;/&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;b style=&quot;color: magenta;&quot;&gt; &amp;lt;div class=&#39;comments comments-page&#39; id=&#39;blogger-comments-page&#39;&amp;gt;&lt;/b&gt;&lt;/blockquote&gt;
&lt;br /&gt;
&lt;ol&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b style=&quot;color: yellow;&quot;&gt;NB:&lt;/b&gt; Pada penempatan kode yang ke dua Anda hapus kode yang berwarna &lt;b style=&quot;color: magenta;&quot;&gt;ungu&lt;/b&gt; ya:&lt;b style=&quot;color: magenta;&quot;&gt; &amp;lt;div class=&#39;comments comments-page&#39; id=&#39;blogger-comments-page&#39;&amp;gt;&lt;/b&gt; apabila kode di bawahnya sama.&lt;/div&gt;
&lt;br /&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
Perhatikan angka yang berwarna biru dan hijau di atas, angka &lt;b style=&quot;color: cyan;&quot;&gt;2&lt;/b&gt; merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka &lt;b style=&quot;color: lime;&quot;&gt;400&lt;/b&gt;
 merupakan lebar kotak komentar facebook. Anda dapat menyesuaikannya 
sesuka hati, tapi kalu boleh saya kasih saran, sesuaikanlah dengan lebar
 template Anda agar kelihatan rapi.&lt;/div&gt;
&lt;br /&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
Pada cara di atas yang biasanya menyarankan hanya menempatkan pada kode &lt;b style=&quot;color: red;&quot;&gt;&amp;lt;div class=&#39;comments&#39; id=&#39;comments&#39;&amp;gt;&lt;/b&gt;
 yang kedua saja, saat saya coba pada template blog uji coba saya tidak 
berhasil, jadi harus menempatkan di bawah kedua kode tersebut.&lt;/div&gt;
&lt;/ol&gt;
&lt;ul&gt;
&lt;li&gt;Kemudian klik &lt;span style=&quot;color: red;&quot;&gt;save&lt;span style=&quot;color: black;&quot;&gt;, dan lihat hasilnya.&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://blog91919.blogspot.com/feeds/8781242282121683588/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='http://blog91919.blogspot.com/2013/01/cara-membuat-kotak-komentar-facebook.html#comment-form' title='8 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/572822362233443772/posts/default/8781242282121683588'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/572822362233443772/posts/default/8781242282121683588'/><link rel='alternate' type='text/html' href='http://blog91919.blogspot.com/2013/01/cara-membuat-kotak-komentar-facebook.html' title='Cara Membuat Kotak Komentar Facebook dengan Blogger Berdampingan/Sejajar'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/12527419942127555350</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUvQcScnhK6qkahKhZ30ARC2sVyJEAMx0KaJFII_KTYgp7JC6TPrKPO31YF5edWYL6Qbca7vhzhXVH10NfV3WWcY-cg5bqmwbGwkzl5Jt08Hp4ssH4ijhMb7ssP9IHXEkvUImq5Jfivqg/s72-c/membuat+kotak+komentar+facebook+berdampingan+denga+kotak+komentar+blogger.png" height="72" width="72"/><thr:total>8</thr:total></entry></feed>