Ternyata Tak Sehebat Yang Mereka Katakan

<div dir="ltr" style="text-align: left;" trbidi="on"><h2 style="text-align: left;"><span style="font-size: small;"><a href="http://karristaent.blogspot.com/2013/11/ternyata-tak-sehebat-yang-mereka-katakan.html" title="Ternyata Tak Sehebat Yang Mereka Katakan">Ternyata Tak Sehebat Yang Mereka Katakan</a></span></h2><br />Terkadang dalam kehidupan, di masyarakat umum  banyak  kebalikan,  namun ada juga<br />Yang sungguhan, berbeda dengan  bermasyarakat  di dumai  atau di internet,  atau pada<br />Dunia  <a href="http://karristaent.blogspot.com/search/label/Trik%20Blogger" title="Blogger"><b>Blogger</b></a>  seperti  yang  saya tulis  coretan ini,  pada  <u>artikel</u>  yang  mungkin  kali ini<br />Sedikit berbeda,  dari yang  pernah  saya posting sebelumnya,  pada hari ini saya sedikit<br />Bercerita namun  sebelum lanjut membaca cerita ini tidak ada sangkut paut nya dengan<br />Siapapun termasuk sobat blogging  dan teman online lainya, seperti apa yang saya tulis<br />Pada judul <u>artikel</u> saya maka di awal isi postingan pun, pasti mengulas dari judul diatas<br /><br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a class="preview" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdMwoLMKjwLyRIvHe7LJeyrinMHxut4V2E4M69G4ZQBtzQvcw_g-y8pQUaWpkQU0Y5-IQzzrwXB0cMhjnMsnPaAMZwHWhxNFRzhXtuOwhjXY6C0DbqKKo0PYZugUZFyg5JC0vvQeOJwf8v/s320/Ternyata+Tak+Sehebat+Yang+Mereka+Katakan.JPG" style="margin-left: 1em; margin-right: 1em;" title="Ternyata Tak Sehebat Yang Mereka Katakan"><img alt="Ternyata Tak Sehebat Yang Mereka Katakan" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdMwoLMKjwLyRIvHe7LJeyrinMHxut4V2E4M69G4ZQBtzQvcw_g-y8pQUaWpkQU0Y5-IQzzrwXB0cMhjnMsnPaAMZwHWhxNFRzhXtuOwhjXY6C0DbqKKo0PYZugUZFyg5JC0vvQeOJwf8v/s320/Ternyata+Tak+Sehebat+Yang+Mereka+Katakan.JPG" width="320" /></a></div><br />Pernahkah anda mengalami kegagalan,,? setiap orang  pasti pernah mengalami apa itu<br />Yang nama  kegagalan, kecewa,  bahkan sakit hati  karena  hidup dunia  pasti romantika<br />Kehidupa nya,  berbeda - beda dan beraneka rona dari sekian  masa  yang, telah berlalu<br />Sejak masa kanak-kanak hingga saya  ingat dengan diri sendiri, sampai menginjak usia<br />Remaja, bahkan sampai berkeluarga, tentu masa-masa itu akan terekam dalam dilubuk<br />Hati yang paling, dalam. dan tidak akan bisa terhapus  sampai raga ini kembali padanya<br /><br />Pernahkah anda  berbuat baik,  pada sesama sobat, teman dan rekan,,?  nah kalau ditanya<br />Seperti ini pasti jawabanya simple"Pernah Dong" tapi mengambil kisah dari pengalamanku<br />Terkadang  kebaikan  tidak  berbuah  kebaikan juga,,?  tapi tidak  semuanya sih.... namun di<br />Lihat dari sisi hari yang telah berlalu  sejak minggu kemarin saya di uji dalam  amanah dan<br />Tanggung  jawab  seorang ayah, dari anak - anak  saya dan saat itu saya sedikit  ibarat kata<br /><br />Memetik  kebaikan  dari  <u>teman</u>  sejawat, <u>sobat</u>,  rekan  dan sahabat,  saat saya  menyelenggarakan<br />Sebuah resepsi syukuran slamatan anak saya garis besarnya saya menagih doa restu yang pernah<br />Saya ucapkan  pada  rekan yang  di ceritakan diatas,  sebelumnya  namun  kenyataanya  bukan yang<br />Saya harapkan jadi kesimpulanya kebaikan dan rasa saling menjaga  tali silaturahmi yang bertahun<br />Tahun saya  tanam  hanya berbuah,  kekecewaan itu  fakta  kebaikan,  tak mesti  berbunga  kebaikan<br /><br /><h3 style="text-align: left;"><span style="font-size: small;">Ternyata Tak Sehebat Yang Mereka Katakan :</span></h3>Wah jadi curhat deh,.. hehehehe gak apa-apa yah?  sekedar pelepas kepenatan  dan  menghilangkan<br />Hati yang risau,  bahasa Jerman  na mah Hariwang hhh..  tapi  saya tetap offtimis  dan besar hati yang<br />Penting saya pernah berbaik, hati peduli dengan <u>teman, rekan dan sahabat</u>, karena samapi sekarang<br />Pun saya tetap ingin memberi,  jikalau saya mampu,  karena  pepatah orang tua,  Tangan di atas lebih<br />Mulia dari pada tangan di bawah. artinya :  memberi lebih mulia  dari pada, menerima, namun apakah<br /><br />Masih berlaku  pepatah,  seperti itu,  pada zaman  yang  serba modern  dan  derungan  tekhnology yang<br />Semakin canggih ini.?  sekelumit tabir yang pernah saya  intip dari bilik rumah saya, hal tersebut sudah<br />Sedikit menyusut, budaya bahasa,  pola hidup dan keseharian masyarakat telah teracuni oleh kerasnya<br />Dunia modern, hingga keindahan bermasyarakat yang dulu ramah tamah, sekarang sudah agak hilang<br /><br /><h3 style="text-align: left;"><span style="font-size: small;">Apakah anda termasuk orang yang punya kelebihan ?</span></h3>Menyikapi kelebihan,  pada seseorang pasti semua, memiliki kelebihan,  juga kepandaian yang<br />Berbeda-beda juga,  pernahkah kepandaian anda  di sanjung dan di puji, oleh teman-orang lain<br />Dari balik tabir  kehidupan saya,  pernah saya  alami  kata nya  saya hebat,  katanya saya pandai<br />Tapi sadarkah  makna pujian itu.?  saya tidak  tersanjung  dengan apa yang  pernah teman saya<br />Katakan tentang apa yang  ada di diri saya,  karena belum  tentu  pujian itu  menjadi kebalikanya<br />Malah sebaliknya, bisa jadi hinaan yang bisa jadi kebaikan dan bisa jadi acuan kemajuan hidup<br /><br /><h3 style="text-align: left;"><span style="font-size: small;">Sobat blogging semua yang terhormat,</span></h3>Jadi janganlah kita putus asa  entah itu dalam kegagalan, atau keterpurukan, dan janganlah<br />Keci lhati jika ada yang menghina, dan mencaci, karena orang yang berbuat begitu terhadap<br />Anda kenyataanya, belum tentu sehebat dan semampu anda.<br /><br />Dan jangan congkak  juga angkuh,  manakala ada seseorang  yang memuji - meluhungkan anda <br />Karena di balik bias,  ucapan pujianya belum  tentu juga, dalam  hatinya  terbentang  lautan madu<br />Karena reka  dan pendaya, seseorang  yang memuji bisa jadi  mulut manis hati berduri karena di<br />Dalam nya terdapat  hamparan tipu muslihat, dengan niat keji dan mulut  pembual, kesimpulanya<br />Semoga sobat blogging semua,  tidak pernah mengalami  alkisah semu yang pernah saya alami <br />Karena bentuk apapun pujian dari teman, kita haruslah pandai-pandai cermati  dan menyikapinya<br />Secara baik dan jeli dan buktinya saya, jadi cerita <i><b> </b>" Ternyata Tak Sehebat Yang Mereka Katakan "</i><br /><br />Demikian lah  sedikit cerita yang  mungkin, bisa dianggap tak berguna dan usang<br />Dan tanggapanya pun saya serahkan pada anda  yang menyikapinya , jika di rasa<br />Bisa menambah wawasan silahkan direspon,  namun jika tak guna hiraukan saja<br />Tapi terima kasih buat sobat, yang telah membaca artikel ini,  salam blogging sob</div>

Ternyata Tak Sehebat Yang Mereka Katakan Terkadang dalam kehidupan, di masyarakat umum  banyak  kebalikan,  namun ada juga Yang sungguhan, b...

Read More

Membuat Gambar Postingan Dengan Tooltip

<div dir="ltr" style="text-align: left;" trbidi="on"><h2 style="text-align: left;"><span style="font-size: small;"><a href="http://karristaent.blogspot.com/2013/10/membuat-gambar-postingan-dengan-tooltip.html" rel="nofollow" target="_blank" title="Membuat Gambar Postingan Dengan Tooltip">Membuat Gambar Postingan Dengan Tooltip</a></span></h2><br />Terkadang untuk membuat pelengkap artikel di blog, selain isi  teks postingan  maka dengan<br />Menampilkan gambar pada content  yang hendak  kita publikasi,  karena hal  tersebut supaya<br />Postingan kita lebih relevan, juga lebih, memenuhi prosedur standar,  <a href="http://karristaent.blogspot.com/search/label/Tips%20Trik%20SEO" rel="nofollow" target="_blank" title="SEO">SEO</a>  juga di pencarian <br />Dan pada pertemuan kali ini,  sedikit saya akan berbagi tips trik membuat  agar gambar pada <br />Postingan bisa terlihat menarik, dengan menggunakan effects <u>tooltip</u>,  tertarik silahkan simak<br />Sebelum melanjutkan, artikel ini,  silahkan arahkan  pointer  anda pada gambar di bawah ini :<br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><img alt="Membuat Gambar Postingan Dengan Tooltip" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinhRC__GxAkDWXpu9Ire2JGsowGfM0APaedhSHtbl0J1xY2Vgmx8AGjOMOm-DnMlS3TDUwCbwncFzSQ9ndp_qxOezldPsUkBMOTIVsmq3jVbjN61iTOkLEKQ1sJfu8BOAItQtOKSqkj_lW/s320/Cara+Membuat+Gambar+Postingan+Dengan+Tooltip.jpg" style="margin-left: auto; margin-right: auto;" title="Membuat Gambar Postingan Dengan Tooltip" /></td></tr><tr><td class="tr-caption" style="text-align: center;"> Membuat Gambar Postingan Dengan Tooltip</td></tr></tbody></table><br /><br />Screenshot diatas adalah hasil tampilan pada script yang sekarang ini saya bagikan, buat master<br />Blogging mungkin ini,  artikel yang sudah tidak asing lagi,  namun tidak menutup  kemungkin buat<br />Sobat blogging yang masih pemula seperti saya. ini adalah, sesuatu hal yang baru, baiklah sobat<br />Jika anda inginkan <u>gambar postingan</u> blog,  tampil dengan  effects tooltip  silahkan  simak tutorial<br />Panduan pemasangan nya,  nanti di tengah bar artikel ini, karena sebelum artikel ini saya publish<br />Sebelumnya saya share, <b><a href="http://karristaent.blogspot.com/2013/10/memasang-semua-komentar-terbanyak-diblog.html" rel="nofollow" target="_blank" title="Memasang Semua Komentar terbanyak Diblog">Memasang Semua Komentar terbanyak Diblog</a></b> dan sebagai cara untuk Bersilaturahmi sekaligus update blog terbaru maka artikel gambar postingan tooltip saya bagikan<br /><br /><h3 style="text-align: left;"><span style="font-size: small;">Cara Membuat Gambar Postingan Dengan Tooltip :</span></h3>Pertama masuk account anda dan sign in, kemudian pilih  dasboard lalu pilih template<br />Kemudian pilih  edite template,  lalu cari kode,  <span style="color: blue;"> ]]></b:skin></span>   tekan  <span style="color: blue;">Ctrl + f   </span>untuk  lebih<br />Memudahkan  pencarian kodenya,  selanjutnya  copy kode  di bawah ini  dan paste kan<br />Tepat di atas  kode  <span style="color: blue;">]]></b:skin></span>  atau pastekan  sebelum kode  <span style="color: blue;"></style></span>  template anda<br /><br /><pre><code class="language-css">#preview{ position:absolute;<br />border:1px solid #800080;<br />background:#228b22;padding:5px;<br />display:none;color:#ff8c00; }</code></pre><br />Yang berwrna Merah adalah kode warna, jika anda ingin merubah warna background tooltip<br />Atau borer, padding pada  gambar artikel dengan tooltip,  kunjungi page kode warna <b> <a href="http://karristaent.blogspot.com/2013/02/kode-warna.html" rel="nofollow" target="_blank" title="Kode Warna">DISINI</a></b><br />Selanjutnya masih  di edite Html ,  copy kode di bawah ini  paste tepat diatas  kode  <span style="color: blue;"></body></span> <br /><br /><pre><code class="language-markup"><script src='http://karrysta.googlecode.com/files/imgpreview.js' type='text/javascript'/></code></pre><br />Setelah tepat, pemasangan kode nya klik save,  dan selanjutnya cara menggunakan agar<br />Gambar postingan, atau semua gambar, juga image di blog tampil dengan  effects tooltip <br /><h3 style="text-align: left;"> </h3><br /><h3 style="text-align: left;"><span style="font-size: small;">Cara menggunakan gambar tooltip :</span></h3>Copy kode di bawah ini pada artikel terbaru di blog anda, pada posisi kolom Html <br /><br /><blockquote class="tr_bq"><a class="preview" href="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinhRC__GxAkDWXpu9Ire2JGsowGfM0APaedhSHtbl0J1xY2Vgmx8AGjOMOm-DnMlS3TDUwCbwncFzSQ9ndp_qxOezldPsUkBMOTIVsmq3jVbjN61iTOkLEKQ1sJfu8BOAItQtOKSqkj_lW/s1600/Cara+Membuat+Gambar+Postingan+Dengan+Tooltip.jpg</span>" style="margin-left: 1em; margin-right: 1em;" title="<span style="color: blue;">Cara Membuat Gambar Postingan Dengan Tooltip</span>"><img alt="<span style="color: blue;">Cara Membuat Gambar Postingan Dengan Tooltip</span>" height="<span style="color: orange;">187</span>" src="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinhRC__GxAkDWXpu9Ire2JGsowGfM0APaedhSHtbl0J1xY2Vgmx8AGjOMOm-DnMlS3TDUwCbwncFzSQ9ndp_qxOezldPsUkBMOTIVsmq3jVbjN61iTOkLEKQ1sJfu8BOAItQtOKSqkj_lW/s320/Cara+Membuat+Gambar+Postingan+Dengan+Tooltip.jpg</span>" width="<span style="color: orange;">320</span>" /></a></blockquote><br /><h3 style="text-align: left;"><span style="font-size: small;">Keterangan kode diatas :</span></h3><div style="text-align: left;">Yang berwarna <span style="color: red;">Merah</span>, silahkan anda ganti URL nya  dengan gambar untuk  postingan anda<br />Lalu yang berwarna <span style="color: blue;">Biru</span>, silahkan anda ganti title atau judul,  pada gambar postingan sobat<br />Dan yang berwarna <b><span style="color: orange;">Orange</span></b>,  silahkan sesuaikan nilai jumlah, gambar pada tampilan tooltip</div>Selamat mencoba semoga bisa bermanfaat<br />source : <a href="http://blog.kangismet.net/" rel="nofollow" target="_blank" title="Kang Ismet">Kang Ismet</a></div>

Membuat Gambar Postingan Dengan Tooltip Terkadang untuk membuat pelengkap artikel di blog, selain isi  teks postingan  maka dengan Menampilk...

Read More

Memasang Semua Komentar terbanyak Diblog

<div dir="ltr" style="text-align: left;" trbidi="on"><h2 style="text-align: left;"><span style="font-size: small;"><a href="http://karristaent.blogspot.com/2013/10/memasang-semua-komentar-terbanyak-diblog.html" rel="nofollow" target="_blank" title="Memasang Semua Komentar terbanyak Diblog">Memasang Semua Komentar Terbanyak Diblog</a></span></h2><br />Berkomentar di blog sobat blogging, atau blogwalking  adalah  tradisi bagi semua user<br />Blog yang saling  berbagi pendapat  dan  motivasi,  karena  untuk  membuat  artikel kita<br />Bisa banyak  di kenal publik,  dan  di banjiri  visitor,  selain  optimasi,  <b><a href="http://karristaent.blogspot.com/search/label/Tips%20Trik%20SEO" rel="nofollow" target="_blank" title="SEO">SEO</a></b>  onpage juga<br />Offpage,  berkomentar adalah  salah satu  alternativ,  agar  content  postingan  blog kita<br />Bisa seperti, perpustakaan umum, yang bisa di baca orang lain. dan pada kali ini saya<br />Share widget penghitung,  semua komentar  terbanyak diblog,  tertarik  silahkan simak<br /><br /><div class="separator" style="clear: both; text-align: center;"><img alt="Recent Comments" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVpIUmxqVuUVIcTNna42d2fcq5GU0CEhCUi48Dq_2KuAvcXscD5FcnnUjP93sGuZeRG-CMrV81GWQUbxmHWFM5B5uAtCVPtW1ayECyHZp0UMl48U0KMUcslK9dFIQIpXkoCDXUvp0DJrMw/s200/Comments+Terbanyak.jpg" title="Memasang Semua Komentar terbanyak Diblog" /></div><br />Sebelum artikel ini  saya  publish, sebelumnya bagikan,  <a href="http://karristaent.blogspot.com/2013/10/modifikasi-popular-posts-effects-3d.html" title="Modifikasi Popular Posts Effects 3D">Modifikasi Popular Posts Effects 3D</a><br />Dan buat sobat yang suka  berkomentar pada blog  sekarang saya  posting widget komentar <br />Terbanyak, dimana widget ini akan menampilkan, baris list nama user dan jumlah komentar<br />Yang pernah di kunjunginya,  buat sobat  yang hendak  mencoba  simak tutorial  di bawah ini<br /><br /><h3 style="text-align: left;"><span style="font-size: small;">Cara memasangnya :</span></h3>Masuk account blog anda dan sign in,  lalu pilih dasboard   pilh  layout-tata letak<br />Kemudian tambah widget,  copy kode di bawah ini,  paste pada add  widget tadi<br />Pada posisi kolom html javascript, dan di bawah ini kode yang harus anda copy<br /><br /><blockquote class="tr_bq"><div style='padding: 5px; overflow: auto; width: auto; height:<span style="color: red;">100</span>px;border:1px Groove <br />#<span style="color: blue;">ff8c00</span>'><br />        <!-- Top Commentators Cloud Start --><br />        <div style="text-align:justify;line-height:2;font-color: <span style="color: blue;">orange</span>;"><script type="text/javascript"><br />        function cCloud(feed) {<br />        max = 0;<br />        min = <span style="color: red;">10000</span>;<br />        //finding highest and lowest count<br />        for (i=0;i<feed.count;i++)<br />        {<br />        ccCount = feed.value.items[i].commentcount * 1;<br />        if (ccCount > max){<br />        max = ccCount;<br />        }<br />        if (ccCount < min)<br />        {<br />        min = ccCount;<br />        }}<br />        ccCountD = "";<br />        display = "";<br />        for (j=0;j<feed.count;j++)<br />        {<br />        ccdiff = feed.value.items[j].commentcount - min;<br />        ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";<br />        ccUrl = "'" + feed.value.items[j].authorurl + "'";<br />        ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count<br />        ccName = feed.value.items[j].title + ccCountD;<br />        ccLName = "<a style='text-decoration:none;font-size:" + ccFontsize + "' href=" + ccUrl + <br />" target='_blank' rel='nofollow'>" + ccName + " </a>";//clickable commentator name<br />        display = display + ccLName;<br />        }<br />        document.write(display);}</script><br />        <script src="http://pipes.yahoo.com/pipes/pipe.run?<br />        YourBlogUrl=<span style="color: orange;">http://karristaent.blogspot.com</span><br />&amp;Exclusions=Anonymous,saudkarrysta&amp;ShowHowMany=<span style="color: red;">10</span>&amp;Order=frequency&amp;_callback=cCloud&amp;_id=cfa196644<br />e1d6159c9183548c4b5e2f5<br />        &amp;_render=json"<br />        type="text/javascript"></script><br />        </div><br />        <!-- Top Commentators Cloud End --><br />        </div> </blockquote><br /><h3 style="text-align: left;"><span style="font-size: small;">Keterangan kode di atas :</span></h3>Perhatikan kode yang berwarna  <span style="color: red;">Merah</span>, sesuaikan nilai angka, dan jumlah  tampilan widgetnya<br />Lalu yang berwarna  <span style="color: blue;">Biru</span>, edit warna link,  dan juga warna border,  pada effects  scrol, widget ini<br />Kemudian yang berwarna  <b><span style="color: orange;">Orange</span></b>,  gantikan link tersebut dengan,  URL link  blog anda  sendiri <br />Dan setelah semua terpasang dengan benar, selanjutnya klik save load blog dan lihat hasilnya<br /><br />Selesai,  sekian  artikel  <i><b>Memasang Semua Komentar terbanyak Di blog</b></i><br />Semoga artikel ini  sedikit banyaknya,  bisa bermanfaat  buat anda semua</div>

Memasang Semua Komentar Terbanyak Diblog Berkomentar di blog sobat blogging, atau blogwalking  adalah  tradisi bagi semua user Blog yang sal...

Read More

Modifikasi Popular Posts Effects 3D

<div dir="ltr" style="text-align: left;" trbidi="on"><h2 style="text-align: left;"><a href="http://karristaent.blogspot.com/2013/10/modifikasi-popular-posts-effects-3d.html" title="Modifikasi Popular Posts Effects 3D"><span style="font-size: small;">Modifikasi Popular Posts Effects 3D</span></a></h2><br /><span class="awal">P</span>ada sebuah blog  atau blogspot,  sudah pasti, untuk  membuatnya  lebih memanjakan<br />Pengunjung atau lebih tepatnya agar pengunjung mudah menavigasi, artikel dan post<br />Yang terdapat  pada  blog kita,  dengan cara, memasang  widget  popular posts,  yang<br />Pada kali ini  akan saya share,  dan sebelumnya  sudah  berbagi  tentang  cara memasang<br /><div><a href="http://karristaent.blogspot.com/2013/10/threaded-comments-rotating-cycle-v3.html" title="Threaded Comments Rotating Cycle V3"><b>Threaded Comments Rotating Cycle V3</b></a>,   pada  kesempatan ini  script  popular  posts<br />Yang akan saya  publikasikan,  akan sedikit berbeda  dengan  yang  ada  karena  pada<br />Tampilanya nanti,  popular posts ini,  akan sedikit  menampilkan effects slide 3D  yang<br />Bisa menambah tampilan widget tersebut, lebih unik dan menawan silahkan di simak<br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="http://karristaent.blogspot.com/2013/10/modifikasi-popular-posts-effects-3d.html" imageanchor="1" rel="nofollow" style="margin-left: auto; margin-right: auto;"><img alt="Modifikasi Popular Posts Effects 3D" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-DywhJ8Oe05UzM8k-WagKCK0OopxfZL1sO2q9Nq6ITT08zeN1Y8wWdi_zwaXaiTeMeSBGTp7vxUrYbDLk8XaNGC0Y-9FOCyXFQUGIHtaaKX5xYJ5bJxxWD-Fg_vC1nRlb-XCKnHMWuUya/s1600/Modifikasi+Popular+Post+Effects+3D.jpg" title="Modifikasi Popular Posts Effects 3D" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Modifikasi Popular Posts Effects 3D</td></tr></tbody></table></div><br />Dengan  <u>effects 3D popular,</u>  post ini,  tampil berputar - putar  seperti bujur sangkar yang melingkar<br />Dan saling bergantian sesuai, jumlah max pada slide yang kita atur nilai jumlahnya, jadi buat anda<br />Dan sobat yang hendak mencobanya,  silahkan simak tutorial  pemasanganya berikut di bawah ini<br /><br />Demo Modifikasi Popular Posts Effects 3D klik demo di bawah ini :<br /><h4 style="text-align: left;">                                       <a href="http://terpesonamediaberbagi.blogspot.com/" rel="nofollow" target="_blank">DEMO</a></h4><div><br />Sebelum artkel <i><b>Modifikasi Popular Posts Effects 3D</b></i>,  saya bagikan sebelumnya  saya sudah posting<br /><div dir="ltr" trbidi="on"><b><a href="http://karristaent.blogspot.com/2013/10/trik-membuat-popular-posts-effects-spin.html">Trik Membuat Popular Posts Effects Spin</a>,</b>  tapi apabila  ingin  mencoba memasang  tampilan widget P<u>opular posts </u> dengan tampilan yang berbeda,  silahkan lanjutkan  cara memasang  widget  artikel ini<br />Sebelumnya anda harus memasang widget defaul <u>popular posts</u>  terlebih dulu untuk melakukan edite<br />Pada artikel ini,  namun jika di blog anda belum terpasang widget nya,  langsung ke tahap dibawah ini<br /><br /><h3 style="text-align: left;"><span style="font-size: small;">01.Cara Memasangnya :</span></h3>Pertama masuk accaount blog anda, dan sign in kemudian, pilih template lalu pilih <br />Edite temlate,  selanjutnya. Cari koode :  <span style="color: blue;"><b:section class='sidebar' </span>  tekan   <span style="color: blue;">Ctrl + F</span><br />Untuk memudahkan pencarian kode,  contoh lengkap kodenya seperti di bawah ini :<br /><span style="color: blue;"><div id='sidebar-wrapper'></span><br /><span style="color: blue;"><div style='clear: both;'/></span><br /><span style="color: blue;"><b:section class='sidebar' id='sidebar' preferred='yes'></span><br /><br />Setelah ketemu copy kode di bawah ini dan pastekan tepat di bawah kode :<br /><span style="color: blue;"><b:section class='sidebar' id='sidebar' preferred='yes'></span></div><div dir="ltr" trbidi="on"><br /></div><b>Di bawah ini kode yang harus anda copy :</b><br /><br /><blockquote class="tr_bq"><b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'><br />    <b:includable id='main'><br />      <b:if cond='data:title'><h2><data:title/></h2></b:if><br />      <div class='widget-content popular-posts'><br />        <ul><br />          <b:loop values='data:posts' var='post'><br />          <li><br />            <b:if cond='data:showThumbnails == &quot;false&quot;'><br />              <b:if cond='data:showSnippets == &quot;false&quot;'><br />                <!-- (1) No snippet/thumbnail --><br />                <a expr:href='data:post.href'<br />expr:title='data:post.title'><data:post.title/></a><br />              <b:else/><br />                <!-- (2) Show only snippets --><br />                <div class='item-title'><a expr:href='data:post.href'<br />expr:title='data:post.title'><data:post.title/></a></div><br />                <div class='item-snippet'><data:post.snippet/></div><br />              </b:if><br />            <b:else/><br />              <b:if cond='data:showSnippets == &quot;false&quot;'><br />                <!-- (3) Show only thumbnails --><br />                <div class='item-thumbnail-only'><br />                  <b:if cond='data:post.thumbnail'><br />                    <div class='item-thumbnail'><br />                      <a expr:href='data:post.href' target='_blank'<br />expr:title='data:post.title'><br />                        <img alt='thumbnails' expr:height='data:thumbnailSize'<br />expr:src='data:post.thumbnail' expr:width='data:thumbnailSize' expr:title='data:post.title'/><br />                      </a><br />                    </div><br />                  </b:if><br />                  <div class='item-title'><a expr:href='data:post.href'<br />expr:title='data:post.title'><data:post.title/></a></div><br />                </div><br />                <div style='clear: both;'/><br />              <b:else/><br />                <!-- (4) Show snippets and thumbnails --><br />                <div class='item-content'><br />                  <b:if cond='data:post.thumbnail'><br />                    <div class='item-thumbnail'><br />                      <a expr:href='data:post.href' target='_blank'<br />expr:title='data:post.title'><br />                        <img alt='thumbnails' expr:height='data:thumbnailSize'<br />expr:src='data:post.thumbnail' expr:width='data:thumbnailSize' expr:title='data:post.title'/><br />                      </a><br />                    </div><br />                  </b:if><br />                  <div class='item-title'><a expr:href='data:post.href'<br />expr:title='data:post.title'><data:post.title/></a></div><br />                  <div class='item-snippet'><data:post.snippet/></div><br />                </div><br />                <div style='clear: both;'/><br />              </b:if><br />            </b:if><br />          </li><br />          </b:loop><br />        </ul><br />      </div><br />    </b:includable><br />    </b:widget> </blockquote><br /><h3><span style="font-size: small;">02.Cara Memasang kode js :</span></h3>Selanjutnya masih di edit html, Cari kode  <span style="color: blue;"></body></span>  gunakan <span style="color: blue;">Ctrl + f </span> kemudian copy<br />Kode dibawah ini kemudian pastekan script di bawah ini tepat diatas kode <span style="color: blue;"></body></span><br /><span style="color: blue;"><br /></span> <br /><blockquote class="tr_bq"><style type='text/css'><br />.cube { width: <span style="color: blue;">230px</span>; height: <span style="color: blue;">150px</span>;}<br />a img { border: none; }<br />#linksCube img { width: 100%; height: 100%; }<br /></style><br /><span style="color: red;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/></span><br /><script src='http://karrysta.googlecode.com/files/jqueryimagecube.js' type='text/javascript'/><br /><script charset='utf-8' type='text/javascript'><br />$(function () {<br />    $(&#39;.popular-posts ul&#39;).abupopularcube();<br />});<br /></script><br /><script src='http://karrysta.googlecode.com/files/popularposts3d.js' type='text/javascript'/></blockquote><br /><h3 style="text-align: left;"><span style="font-size: small;">Keterangan kode diatas :</span></h3>Pada kode diatas perhatikan yang berwarna Biru, bisa anda ganti ukuran lebar dan  tinggi widget<br />Popular posts ini, dan yang berwarna Merah, itu kode jquery apabila di template blog anda sudah <br />Ada jquery, script yang berwarna  Merah jangan di ikut sertakan,  atau ganti jquery pada widget ini<br />Jika  <b><i>Effect animasi 3D</i></b>  tidak muncul   pada blog,  silahkan anda  edite dan  konfigurasikan  entri<br />Populer. Contoh screnshoot nya seperti gambar di bawah ini :<br /><div><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="http://karristaent.blogspot.com/2013/10/modifikasi-popular-posts-effects-3d.html" imageanchor="1" rel="nofollow" style="margin-left: auto; margin-right: auto;"><img alt="Modifikasi Popular Posts Effects 3D" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ui0ZdZrVRfaZeXo75xni1_7D4a7vzu7zzQcxbWl2zvVTFauwe8xNZJFUQ2mYd7Zg6cc5dnEHPzf4ANN-YufM42oXO5bk0re36Y8fy9izi_rYswtSsvQhRgQlHNxdaSD-FvKbq99B1y98/s1600/Entri+Populer.jpg" title="Modifikasi Popular Posts Effects 3D" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Modifikasi Popular Posts Effects 3D</td></tr></tbody></table><br />Setelah semuanya terpasang dengan benar silahkan klik save  dan  lihat hasilnya<br />Selamat mencoba semoga artikel ini bisa bermanfaat buat sobat blogging semua</div></div></div>

Modifikasi Popular Posts Effects 3D P ada sebuah blog  atau blogspot,  sudah pasti, untuk  membuatnya  lebih memanjakan Pengunjung atau lebi...

Read More

Threaded Comments Rotating Cycle V3

<div dir="ltr" style="text-align: left;" trbidi="on"><h2 style="text-align: left;"><a href="http://karristaent.blogspot.com/2013/10/threaded-comments-rotating-cycle-v3.html" title="Threaded Comments Rotating Cycle V3"><span style="font-size: small;">Threaded Comments Rotating Cycle V3</span></a></h2><br />Di sela aktivitas kembali, saya luangkan waktu untuk berbagi,  buat sobat blogging  semua<br />Sebelumnya sudah posting,  <a href="http://karristaent.blogspot.com/2013/09/praktek-membuat-threaded-comment-di-blog.html" title="Praktek Membuat threaded comment di Blog">Praktek Membuat threaded comment di Blog V1</a>,  dan disusul<br />Dengan, <a href="http://karristaent.blogspot.com/2013/10/memasang-threaded-comments-stylish-light.html" title="Memasang Threaded Comments Stylish Light">Memasang Threaded Comments Stylish Light V2</a>,  dan pada  kesempatan  kali ini<br />Saya akan share, Threaded Comments Rotating Cycle V3,  tentu dengan fitur dan tampilan<br />Yang berbeda, karena ada sedikit di poles baik css,  ataupun markup  <u>threaded comments</u><br />Di version yang ke3 ini, salah satu nya,  tampilan avatar sedikit di perkecil, juga tampilan di<br />Image avatar, sedikit terhias pading,  dan effects Rotating, akan lebih  menambah  nuansa <br />Lain pada kolom  komentar blog,  jika anda tertarik silahkan simak  tutorialnya di bawah ini <br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="http://karristaent.blogspot.com/2013/10/threaded-comments-rotating-cycle-v3.html" imageanchor="1" rel="nofollow" style="margin-left: auto; margin-right: auto;"><img alt="Threaded Comments Rotating Cycle V3" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjQe3YEwALjNfnk1x9Zc7_HS5XgkAwA2KSHZ2Scz6NJY5jIhOZY8v9URCMXYh0o1MOwLaAExFZ_eCi4pHQDg494O47SgiplGtEajuZxfCPsEYPKCURVcchUjlCyPu-Ba9xJ29F0GbXXTSX/s1600/Threaded+Comments+Rotating+Cycle+V3.jpg" title="Threaded Comments Rotating Cycle V3" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Threaded Comments Rotating Cycle V3</td></tr></tbody></table><br />Threaded comments Rotating Cycle V3,  ini sengaja saya sungguh kan buat sobat blogging<br />Yang bosan dengan tampilan <u>threaded comments</u>,  yang sebelumnya  jadi anda  yang ingin<br />Memakai atau mengganti threaded comment yang lama, dengan yang v3 ini silahkan simak <br /><div><br /></div><i><b>Di bawah ini trik urutan cara memasang Threaded Comments Rotating Cycle V3 :</b></i><br /><div><br /></div>01.Pertama anda masuk account blog anda dan sign in,  selanjutnya pilih template<br />Kemudian  pilih edite  template,  lalu  cari  kode   <span style="color: blue;">]]></b:skin>  </span> tekan   <span style="color: blue;">Ctrl + F</span> untuk<br />Memudah kan  pencarian kodenya,  lalu copy kode Css di bawah ini,  dan pastekan<br />Kode  di bawah ini  tepat di atas  kode  <span style="color: blue;">]]></b:skin></span>  di bagian  template  blog  anda<br /><br /><div><div><blockquote class="tr_bq">/*=== Threaded Comments ===*/<br />.comments .comments-content .icon.blog-author {<br />background-image: url(http://siteexpansion.com/img/smilies/21.gif);/*icon untuk admin*/<br />background-repeat: no-repeat;<br />width:38px;<br />height:20px;<br />}<br />.comments .comments-content .loadmore a {<br />border-top: 1px solid silver;<br />border-bottom: 1px solid silver;<br />}<br />.comments .comment .comment-actions a {<br />padding-right: 5px;<br />padding-top: 2px;<br />}<br />.comments .continue {<br />margin-top:2px;<br />border-top: 2px solid silver;<br />}<br />.comments .comments-content .datetime a{<br />float: right;<br />font-size:10px;<br />}<br />#comments-block li, .comments .comments-content .comment-thread ol li, .comments .comments-content .comment:last-child {<br />background:#FAFAFA url(url comment) top repeat-x;<br />margin:5px auto 0;<br />padding:5px 5px;<br />border:1px solid silver;<br />}<br />.comment-actions a {<br />padding:2px 5px;<br />margin-right:10px;<br />border: 1px solid #C4C4C4;<br />border-top-color: #E4E4E4;<br />border-left-color: #E4E4E4;<br />color: #424242 !important;<br />text-align: center;<br />text-shadow: 0 -1px 0 white;<br />text-decoration: none;<br />font: 11px sans-serif;<br />border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;<br />background: #EDEDED;<br />background: linear-gradient( center top, white 20%, #E5E5E5 100% );<br />background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );<br />background: -webkit-linear-gradient( center top, white 20%, #E5E5E5 100% );<br />background: -o-linear-gradient( center top, white 20%, #E5E5E5 100% );<br />background: -ms-linear-gradient( center top, white 20%, #E5E5E5 100% );<br />}<br />.comment-actions a:hover {<br />text-decoration: none !important;<br />background: #CCC;<br />background: linear-gradient(center top,#EEE 20%,#CCC 100%);<br />background: -moz-linear-gradient(center top,#EEE 20%,#CCC 100%);<br />background: -webkit-linear-gradient(center top,#EEE 20%,#CCC 100%);<br />background: -o-linear-gradient(center top,#EEE 20%,#CCC 100%);<br />background: -ms-linear-gradient(center top,#EEE 20%,#CCC 100%);<br />}<br />.comments .avatar-image-container {<br />margin-left:0px;<br />}</blockquote></div><div><br /></div><h3 style="text-align: left;"><span style="font-size: small;">02.Tambahan Modifikasi avatar Threaded comments :</span></h3></div>Apabila anda ingin memodifikasi photo, pada avatar pada kolom comments agar <br />Lebih keren dan dinamis  Copy kode di bawah ini,  dan paste di bawah kode no 1 <br />Di atas,  atau paste kode dibawah ini tepat di atas kode  <span style="color: blue;">]]></b:skin></span><br /><div><div><br /></div><blockquote class="tr_bq">/*=== BOX Avatar dan Blank Avatar ===*/<br />.avatar-image-container {<br />box-shadow: 1px 1px 0 #CCC, 3px 3px 0 #FFF, 4px 4px 0 #CCC, 6px 6px 0 #FFF, 7px 7px 0 #CCC;<br />-webkit-box-shadow: 1px 1px 0 #CCC, 3px 3px 0 #FFF, 4px 4px 0 #CCC, 6px 6px 0 #FFF, 7px 7px 0<br />#CCC;<br />}<br />.avatar-image-container img {<br />background:url(https://lh5.googleusercontent.com/-roM2Sm4S9xk/UEtqddiMo4I/AAAAAAAAIQ8/oSOxOIGl5og/s1600/blog-anonim.png);<br />width:35px; height:35px; border:none;<br />}<br /><span style="color: red;">.avatar-image-container img:hover {<br />transform:scale(1.2) rotate(360deg); -ms-transform:scale(1.2) rotate(360deg); -o-<br />transform:scale(1.2) rotate(360deg); -moz-transform:scale(1.2) rotate(360deg); -webkit-<br />transform:scale(1.2) rotate(360deg);<br />transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; -moz-transition:0.5s; -webkit-<br />transition:0.5s;<br />}</span></blockquote><br /><h4 style="text-align: left;"><span style="font-size: small;">03 Keterangan kode diatas :</span></h4>Pada kode Css di nomor 02, yang berwarna  <span style="color: red;"><b>Merah</b></span>, itu CSS, avatar image dengan  effects hover<br /><u>Rotating Cycle</u>,  jika anda tidak mengingnkanya, tidak usah  di ikut sertakan, karena Css tersebut<br />Kurang valid jika sobat yang peduli dengan W3C, css validator,  namun jika anda inginkan effects<br />Tersebut tidak apa - apa, karena script tersebut kostumisasi effects pada image avatar komentar</div><div><br /></div><h4 style="text-align: left;"><span style="font-size: x-small;">04 KETERANGAN :</span></h4><div>Jika threaded comments belum muncul di template blog anda,  silahkan anda cari kode <br /><br /><blockquote class="tr_bq"><b:include data='post' name='comments'/></blockquote><br />05 Lalu ganti kode diatas dengan kode di bawah ini<br /><br /><blockquote class="tr_bq"><b:if cond='data:post.showThreadedComments'><br /><b:include data='post' name='threaded_comments'/><br /><b:else/><br /><b:include data='post' name='comments'/><br /></b:if></blockquote><br />Jika kodenya  lebih  dari satu,   gantikan semua,   kode nomor  4. di atas dengan<br />Kode pada  kolom  nomor 05 di atas,  kalau  tidak salah  ada 4. bagian  kodenya<br />Jika sudah selesai semua pemasangan Css diatas, silahkan klik save template</div><div><br />Sampai di sini dulu pertemuan kali ini,  semoga artikel ini  bisa bermanfaat buat<br />Sobat semua,  mari kita apresiasi bersama jika ada yang kurang pada artikel ini<br />Silahkan semaikan  teks pelengkap,  atau diskusikan di form comments blog ini</div></div>

Threaded Comments Rotating Cycle V3 Di sela aktivitas kembali, saya luangkan waktu untuk berbagi,  buat sobat blogging  semua Sebelumnya sud...

Read More

Trik Membuat Dynamic Heading Diblog

<div dir="ltr" style="text-align: left;" trbidi="on"><h2 style="text-align: left;"><a href="http://karristaent.blogspot.com/2013/10/trik-membuat-dynamic-heading-diblog.html" title="Trik Membuat Dynamic Heading Diblog"><span style="font-size: small;">Trik Membuat Dynamic Heading Diblog</span></a></h2><br />Untuk membuat  blog agar  semakin  baik di masa  mendatang,  maka  ketekunan dan<br />Kesabaran harus di tuntut,  dan  pada pembahasan  kali ini saya  sedikit ingin  berbagi<br /><b>Tips trik membuat dynamic heading</b>   pada  blog yang  kita kelola,  karena  baru - baru<br />Ini pada google  khusus nya,  yang  ber plaform blogspot  sangatlah  ketat  dan  bisa di<br />Bilang banyak aturan,  baru saja bulan kemarin google,  mengeluarkan  produk terbaru<br />Yaitu, <a href="http://karristaent.blogspot.com/2013/10/mengatasi-algoritma-google-dinosaurus.html" title="Algoritma Google Dinosaurus">Algoritma Google Dinosaurus</a>, menyikapi hal tersebut kita sebagai pemblogging<br />Tentu di harapkan  lebih berhati - hati  dengan blog kita dan isi content blog dan  lainya<br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="http://karristaent.blogspot.com/2013/10/trik-membuat-dynamic-heading-diblog.html" imageanchor="1" rel="nofollow" style="margin-left: auto; margin-right: auto;"><img alt="Trik Membuat Dynamic Heading Diblog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha_WpBGRf_IH3ZpP3mzh45TLovcHf0FtBi370qsGgQBo0f7mMQQW55_xvYDJ_Fdy_Oay8qjJFwBkxUiTuftOTLVFBcM5SYvnHY32JjWMlT98mawEA9VYRGLyWEwZsA4PAuU3tP8jvhIMPt/s1600/Dynamic+Heading.jpg" title="Trik Membuat Dynamic Heading Diblog" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Trik Membuat Dynamic Heading Diblog</td></tr></tbody></table><br />Walau seketat apapun di google untuk platform blogspot,  tetap saja untuk membuat blog<br />Kita lebih baik secara <i>onpage,</i> ataupun <i>offpage</i>, haruslah ada upaya yang intensip karena<br />Sebaik apapun blog dan contentnya, tanpa di dasari  <b>SEO,</b> hanya usaha yang sia-sia saja<br />Seperti contoh  artikel pada kali ini, yaitu tentang,  <u><b>Trik Membuat Dynamic Heading Diblog</b></u><br /><div></div><div><h3 style="text-align: left;"><span style="font-size: x-small;"><br /></span></h3><h3 style="text-align: left;"><span style="font-size: x-small;">Trik Membuat Dynamic Heading Diblog :</span></h3>Dynamic heading adalah salah satu metode optimasi <a href="http://karristaent.blogspot.com/search/label/Tips%20Trik%20SEO" title="Trik SEO">Trik Seo</a> yang bisa di terapkan pada blog<br />Pada dasarnya cara ini ialah merubah tag heading blog,  menjadi judul artikel  upaya ini sesuai <br />Apa yang di rekomendasi dari google agar,  template kita lebih  super seo, dan mudah di kenali <br />Oleh search engine.bila template blog anda belum terpasang dynamic heading,dan anda ingin<br />Atau tertarik, memasang trik ini,  silahkan simak  tutorial berikut  di bawah ini dengan, seksama</div><div><br /></div>Sebelum anda melanjutkan membaca artikel ini, ada baiknya silahkan anda kunjungi halaman<br /><div><a href="http://karristaent.blogspot.com/2013/08/tips-belajar-membuat-kayword-seo.html" title="Tips Belajar Membuat Keywords Seo "><b>Tips Belajar Membuat Keywords Seo</b></a>,  jika sudah silahkan lanjutkan trik <u>Dynamic heading</u> ini<br />Di bawah  ini  adalah  contoh  keterngan Dynamic Heading  dari  h1,  h2,  h3  dan  seterus nya :<br /><br /><ol style="text-align: left;"><li>Title Tag</li><li>Header Halaman</li><li>Judul Artikel</li></ol><br />Pada contoh ke 3 komponen diatas itu adalah bagian terpenting pada halaman  web-blog anda</div><div>Anda harus pandai memanfaat kanya, dan di sesuaikan pada tag h4 dan seterus agar template</div><div>Blog anda, benar - benar memenuhi standar <u>SEO</u>, dan tepat dengan keywords pada  blog anda</div><div><br /></div>Untuk membuat dynamic heading pada blog anda, langkah pertama anda harus merubah dan<br />Edit pada template anda, dan pertama anda masuk blog anda, lalu sign in. kemudian silahkan<br />Cari kode :   <span style="color: blue;"><b:include name='title'/> </span> tekan  <span style="color: blue;">Ctrl + F</span>  untuk memudahkan,  pencarian anda, lalu<br />Ganti kode   <span style="color: blue;"><b:include name='title'/></span> dengan kode di bawah ini :<br /><div><br /></div><div><blockquote class="tr_bq"><b:if cond='data:blog.pageType != &quot;item&quot;'><br />        <b:include name='title'/><br />        <b:else/><br />        <data:blog.pageName/><br />        </b:if></blockquote><div><div><br /></div><div><h4 style="text-align: left;"><span style="font-size: x-small;"> Ketrangan kode diatas :</span></h4></div><div>Kode script  diatas biasanya ada 1, 2, atau 3. saran saya silahkan anda coba pada bagian</div><div>Kode yang paling bawah,  atau  yang ke 3,  Namun jika  belum berhasil coba,  dengan kode</div></div><div>Yang ke, 2  atau yang ke 1.  Jadi kita  praktek  trial  dan error  saja,  pada  template  blog kita</div><div><br /></div><div>Silahkan anda klik save atau simpan,  dan cobalah buka salah satu artikel blog anda dan</div><div>Berhasil atau tidakah Judul Blog menjadi Judul Artikel, jika belum berhasil silahkan anda</div><div>Coba ganti kode :  <span style="color: blue;"><b:include name='title'/></span>,  pada  urutan ke 2 atau yang ke 1  di template</div><div><br /><h4 style="text-align: left;"><span style="font-size: x-small;"> Selanjutnya cara mengatur judul artikel :</span></h4></div>Pada blogspot secara standard biasanya template memberikan heading H3 untuk judul posting<br />Kalau di lihat, dari kaca mata <b>Seo</b>. trik ini  sebenarnya  kurang  memenuhi  standar  <b>SEO</b> friendly<br />Karena secara default  template blogger, memberikan heading H2 juga untuk nama widget. jadi <br />Di  bait artikel  ini,  saya  akan,  mengubah  judul  artikel  menjadi  heading  H2.  agar  lebih  <u>SEO</u></div><div><br /></div><b>Di bawah ini cara merubah tag judul artikel agar jadi dynamic heading :</b><br />Masih dalam edit template  sekarang cari kode,  <span style="color: blue;">h3.post  </span>kode seperti ini bisa lebih  dari satu<br /><div>Tergantung template blog anda.  Selanjutnta ubah semuanya kode, <span style="color: blue;">h3</span> post menjadi  <span style="color: blue;">h2</span>.post<br />Jika tehnik diatas sudah, selesai selanjutnya, anda cari lagi kode <span style="color: blue;"><h3 class='post</span> Ubah kode</div><div><span style="color: blue;"><h3 class='post</span> semuanya menjadi<span style="color: blue;"> <h2 class='post</span>. Ubah juga end tag <span style="color: blue;"></h3></span> menjadi<span style="color: blue;"> </h2></span><br />Jika suadah  selesai silahkan  klik save,  atau  Simpan perubahan  pada template  blog anda</div><div><br /><h4 style="text-align: left;"><span style="font-size: x-small;">Cara merubah judul widget menjadi h3 atau h4 :</span></h4>Sekarang template blog anda sudah menggunakan, <u>dynamic heading</u>  seumpamanya<br />Jika anda ingin,  merubah  judul widget, di  sidebar  atau  lainya,  yang tadi   h2 di  ganti </div><div>Atau di edite, menjadi h3 atau juga  bisa menjadi h4,  contohnya di bawah  ini  kita buat</div><div>Judul  widget Random Posts yang ada di sidebar pada halaman homepage blog anda</div><div><br /></div><div><blockquote class="tr_bq"><b:widget id='HTML1' locked='false' title='<span style="color: purple;">Random Posts'</span> type='HTML'><br />              <b:includable id='main'><br />  <!-- only display title if it's non-empty --><br />  <b:if cond='data:title != &quot;&quot;'><br />    <<span style="color: red;">h2</span> class='title'><data:title/></<span style="color: red;">h2</span>><br />  </b:if></blockquote><br />Silahkan ganti   teks berwarna,  <span style="color: red;">Merah,</span> diatas,  gantikan <span style="color: red;">h2 </span>menjadi <span style="color: red;">h3</span>,  gantikan semua</div><div>Pada widget yang terpasang pada blog anda secara manual, sampai selesai  dan benar</div><div><br /></div><div>Sampai di sini artikel saya kali ini, semoga bermanfaat buat sobat blogging semua</div><div>Terima kasih atas kunjungan  anda  sebelumnya,  mohon maaf  jika ada teks artikel </div><div>Yang keliru atau salah,  jika anda ingin  berapresiasi  bareng  saya marikita rengkuh</div><div>Bersama, namun jangan lupa jika anda  berkenan memberikan kata  motivasi untuk</div><div>Artikel atau blog saya, dengan senang hati saya terima,  dan akan di pertimbangkan</div></div>

Trik Membuat Dynamic Heading Diblog Untuk membuat  blog agar  semakin  baik di masa  mendatang,  maka  ketekunan dan Kesabaran harus di tunt...

Read More

Mengatasi Algoritma Google Dinosaurus

<div dir="ltr" style="text-align: left;" trbidi="on"><h2 style="text-align: left;"><span style="font-size: small;"><a href="http://karristaent.blogspot.com/2013/10/mengatasi-algoritma-google-dinosaurus.html" title="Mengatasi Algoritma Google Dinosaurus">Mengatasi Algoritma Google Dinosaurus</a></span></h2><br /><span class="awal">M</span>engantisipasi  content  atau blog  yang  kita kelola,  dari amukan,  algoritma  google  dinosaurus<br />Tentu akan mengawali  aktivitas diblog ini,  dan blogwalking, yang sebelumnya  sedikit  tertunda<br />Dengan kegiatan di rumah,  yang sekan tak kunjung selesai,  sebelumnya saya,  sudah berbagi<br />Tentang  cara,  <b><a href="http://karristaent.blogspot.com/2013/10/memasang-threaded-comments-stylish-light.html" title="Memasang Threaded Comments Stylish Light">Memasang Threaded Comments Stylish Light</a></b>,   dan  pada  kesmpatan  ini  saya<br />Akan membahas algoritma <u>Google</u> dinosaurus,  dimana bulan kemarin  <u>Google</u>   mengeluarkan<br />Produksi yang terbarunya  yang di beri nama Google Dinosaurus,  kerja dari <u> google</u>  dinosaurus<br />Tersebut  yang bisa mengakibatkan terhapusnya puluhan, juga ratusan website atau blog dalam<br />Jumlah yang tidak sedikit , google dinosaurus ini lebih menjurus kepada platform  blog-blogspot<br /><br />Maka buat sobat yang telah berupaya, blog nya, kearah  <b>SEO</b>  atau backlink  juga kontent dari<br />Artikel nya di harapkan  berhati-hati  dengan upaya <b>SEO</b>,  yang  berlebih,  juga  backlink  yang<br />Tidak  relevan   atau  tidak  berkualitas,  dan  content  artikel  yang  copy  paste,  maka  hakim<br />Dari algoritma google dinosaurus akan memvonis web-blog anda tanpa toleransi-negosiasi<br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="http://karristaent.blogspot.com/2013/10/mengatasi-algoritma-google-dinosaurus.html" imageanchor="1" rel="nofollow" style="margin-left: auto; margin-right: auto;"><img alt="Mengatasi Algoritma Google Dinosaurus " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-6GpnSwVdoFEaoJNKnnPiFD0eHDKoxb3ATmXlelK_hE3l6bLuPkaXMhZ_rQpjk3F2AhuTqw6vtVD_cj0mDw19dR_2I-D_nMpyj9diUrRmirG3dzySKiF7uhCHeN0Zgm2-DghlW4LUxmlj/s1600/Google+Algoritma.jpg" title="Mengatasi Algoritma Google Dinosaurus " /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Mengatasi Algoritma Google Dinosaurus </td></tr></tbody></table><br />Dengan adanya fitur baru dari <u>google</u>  dan dengan perubahan algoritma google baru tersebut, <br />Maka para pemblogging atau user pembuat konten,  web-blogger, kontributor,  online ataupun<br />Marketing, akan memiliki kekhawatiran dalam berbagai hal, karena polemik tersebut bisa jadi<br />Akan berpengaruh terhadap hasil SERP  (<i><b>Search Engine Result Page</b></i>)  pada blog  itu sendiri<br /><br /><h3 style="text-align: left;"><span style="font-size: small;">Mengatasi Algoritma Google Dinosaurus</span></h3>Algoritma Google Dinosaurus adalah bertujuan  agar peringkat hasil search penelusuran,  yang  dicari<br />Oleh user blog menjadi tepat sasaran, atau sesuai dengan topik atau keywords yang mereka inginkan Logikanya  algoritma Google  Dinosaurus ini sangat  di harapkan untuk  dapat  menurunkan  peringkat<br />Sebuah website  yang memiliki content  artikel yang rendah,  alias tidak berkualitas,  atau  tidak sesuai<br />Dengan  apa  yang  di cari  oleh  sobat  bloging.  <b><u>Algoritma Google Dinosaurus</u></b>   juga  bertujuan  untuk<br />Melindungi atau juga kecurangan  yang dilakukan oleh para pemblogging yang tak bertanggung jawab<br /><br /><b><u>Di bawah ini sesuatu hal, yang dapat di anggap spam oleh Algoritma Google Dinosaurus :</u></b><br /><br /><ol style="text-align: left;"><li> Optimasi SEO blackhat yang berlebih</li><li> Auto generated blog</li><li> Mendapat backlink dari hasil yang tak berkualitas</li><li> Artikel yang mengandung kata kunci dewasa secara berlebih</li><li> Terlalu banyak banner iklan di homepage blog atau di sidebar</li><li>Sengaja memposting content - link situs dewasa</li><li>Memasang code script yang terinfeksi malware</li></ol>Dengan adanya update algoritma  <u>Google</u> yang baru ini,  maka pemblogging  semua  akan lebih<br />Di haruskan untuk tetap bersosialisasi dengan para pemblogging yang lain. karena google akan<br />Mengetahui kalau artikel anda yang di buat itu  berkualitas,atau tidak, dan kesemuanya itu di lihat<br />Dari respon visitor atau sobat blogging yang  berkunjung atau berkomentar di website-blog anda<br /><br /><h4 style="text-align: left;"><span style="font-size: small;">Kesimpulan :</span></h4><div style="text-align: left;">Sebaik apapun blog  dan contentnya,  sudah pasti tidak lepas dengan  optimasi SEO</div><div style="text-align: left;">Jika sebuah blog ingin  lebih di kenal atau ramah  di mesin pencari,  sedikit trik yang </div><div style="text-align: left;">Saya lalukan, tetaplah saling berkunjung dengan sobat blogging, dan saling bertukar</div><div style="text-align: left;">Pendapat, karena sebaik  atau sebagus apapun  itu content jika prosedurnya  belum </div><div style="text-align: left;">Sepenuhnya  memenuhi  kriteria seo,  maka akan jadi artikel yang  tak berharga dan</div><div style="text-align: left;">Hanya sia-sia, selebihnya mungkin bisa anda rasakan sendiri arti manfaatnya saling</div><div style="text-align: left;">Berkunjung antar blog, atau blogwalking.</div><div style="text-align: left;"><br /></div>Sekian artikel saya kali ini,  apabila ada yang salah atau keliru sudilah kiranya anda<br />Meluruskanya teks postingan ini, terima kasih atas kunjungan anda happy blogging</div>

Mengatasi Algoritma Google Dinosaurus M engantisipasi  content  atau blog  yang  kita kelola,  dari amukan,  algoritma  google  dinosaurus T...

Read More

Memasang Threaded Comments Stylish Light

<h2 style="text-align: left;"><span style="font-size: small;"><a href="http://karristaent.blogspot.com/2013/10/memasang-threaded-comments-stylish-light.html" title="">Memasang Threaded Comments Stylish Light</a></span></h2><br />Sekarang ini sedang marak  sekali  pada kalangan blogging,  tentang  pembahasan<br />Pada komentar  dan segala, atribute nya, sebelumnya sudah  saya  posting  tentang<br /><b><a href="http://karristaent.blogspot.com/2013/09/praktek-membuat-threaded-comment-di-blog.html" title="Praktek Membuat threaded comment di Blog">Praktek Membuat threaded comment di Blog b1</a></b>   kali ini  saya akan bahas tentang<br /><b>Memasang Threaded Comments Stylish Light</b>,  di bagian 2 ini,  ada sedikit  agak di<br />Edit pada bagian markup tertentu guna untuk, lebih tampil elegan dan lebih dinamis <br />Tampilan komentar  blog anda, jika tertarik silahkan simak berikut  tutorial nya disini<br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="http://karristaent.blogspot.com/2013/10/memasang-threaded-comments-stylish-light.html" imageanchor="1" rel="nofollow" style="margin-left: auto; margin-right: auto;"><img alt="Memasang Threaded Comments Stylish Light" border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje9Qeu-0ldwtycJXjfsBIQ8vTIt_tQ-aZKv2Taux1et5bQZX7T674OVpzJ1lAw406ZnvbUYLs9bXiE0d32JO_4EAis5OvRvqjUYCAKLD0lykmnkzHanyUpJYfhuQxTQYUsLCMnxuA9AN72/s320/Threaded+Comments+Stylish+Light+4.jpg" title="Memasang Threaded Comments Stylish Light" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Memasang Threaded Comments Stylish Light</td></tr></tbody></table><br /><b>Memasang Threaded Comments Stylish Light :</b><br /><br /><i><b>Threaded Comments </b></i><br />Adalah  script  pembubuh,  untuk  di  terpkan  pelengkap,  atau  penghias  pada  suatu  web site<br />Atau pada  blog  juga  blogger,  di mana  sering  kita  jumpai,  jika  kita  berkomentar  pada  blog<br />Sobat di situ para web-blog  beraneka  ragam memodifikasi  form komentar sebagai kepuasan<br />Sang  pemblogger  juga sebagai , <a href="http://karristaent.blogspot.com/search/label/Accessories%20Blogger" title=" Accessories Blogger"> <b>Accessories Blogger</b>,</a>  dengan  memsang  script  penghias<br />Blog anda, maka itu sangat menyamankan, pengunjung blog anda untuk, memudahkan dalam<br />Berkomentar, karena sudah di lengakapi dengan button delet juga balas, silah simak langsung<br /><br /><h3 style="text-align: left;"><span style="font-size: small;">Cara Memasangnya :</span></h3>Biasa anda masuk blog  anda lalu sign in, kemudian pilih template,  dan pilih edite template<br />Sealnjutnya cari kode   <span style="color: blue;">]]></b:skin> </span> tekan,  <span style="color: blue;">Ctrl +F </span> untuk  memudahkan  pencarian  kodenya<br />Kemudian copy kode  di bawah ini,  dan paste kan  kodenya,  tepat di  atas kode  <span style="color: blue;">]]></b:skin></span><br /><br /><div><div style="margin: 2px; text-align: center;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"> </span></i><input class="BD_spoler" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TUTUP CODE'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'BUKA CODE CSS'; }" style="font-size: large; margin: 0px; padding: 0px; text-align: center; width: 320px;" type="button" value="BUKA CODE CSS" /></div><div class="alt2" style="background-color: #ebebeb; border: 1px inset; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 4px;"><div style="display: none;"><div align="left">#comments h4{margin:0;font-size:150%;margin-bottom:10px}<br />#comments-block .avatar-image-container.avatar-stock img { border-width:0; padding:1px }<br />#comments-block .avatar-image-container { height:40px; left:-45px; position:absolute; width:40px }<br />#comments-block.avatar-comment-indent { margin-left:45px; position:relative }<br />#comments-block.avatar-comment-indent dd { margin-left:0 }<br />iframe.avatar-hovercard-iframe { border:0 none; padding:0; width:25em; height:9.4em; margin:.5em }<br />.comments .comments-content { margin-bottom:16px }<br />.comments .comment .comment-actions a { background-color:#55AB21; color:#fff; font-family:Segoe UI; font-size:12px; font-weight:bold; letter-spacing:normal; padding:3px 7px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0 10px 0 -7px }<br />.comments .continue a:hover,.comments .comment .comment-actions a:hover { background-color:#F9AC48; text-decoration:none }<br />.comments .comments-content .comment-thread ol { margin:20px 0 0 -10px; overflow:hidden }<br />.comments .comments-content .inline-thread { padding:0 }<br />.comments .comments-content .comment-thread { margin:0 0 0 -15px }<br />.comments .comments-content .comment-thread:empty { display:none }<br />.comments .comments-content .comment-replies { margin-left:0; margin-top:0 }<br />.comments .comments-content .comment,.comments .avatar-image-container { padding:4px }<br />.comments .comments-content .comment:first-child { padding-top:4px }<br />.comments .comments-content .comment:last-child { border-bottom:0; padding-bottom:0 }<br />.comments .comments-content .comment-body { position:relative }<br />.comments .comments-content .user { font-style:normal; font-weight:bold; font-size:15px; text-transform:capitalize; margin-bottom:-3px }<br />.comments .comments-content .icon.blog-author { display:inline-block; height:18px; margin:0 0 -4px 6px; width:18px }<br />.comments .comments-content .datetime { font-size:10px; margin-left:0; line-height:12px; display:block; margin-top:-5px; margin-right:10px }<br />.comments .comments-content .datetime a { color:#888 }<br />.comments .comments-content .datetime a:hover { text-decoration:none }<br />.comments .comments-content .comment-header { position:relative; min-height:37px; line-height:37px; padding-left:45px }<br />.comments .comments-content .comment-content { border:1px solid #ccc; padding:5px 10px; margin:17px 0 7px -9px; position:relative; background-color:#ffffff; color:black; font:normal 16px Calibri,Arial,Sans-Serif; height:auto; -moz-box-shadow:0 0 3px #49b9a9; -webkit-box-shadow:0 0 3px #49b9a9; box-shadow:0 0 3px #49b9a9; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px }<br />.comments .comments-content .comment-content:before { content:""; width:0; height:0; position:absolute; bottom:100%; left:20px; border-width:10px; border-style:solid; border-color:transparent transparent #49B9A9 transparent; display:block }<br />.comments .comments-content .owner-actions { position:absolute; right:0; top:0 }<br />.comments .comments-replybox { border:none; width:100% }<br />.comments .comment-replybox-single { margin-left:4px; margin-top:5px }<br />.comments .comment-replybox-thread { margin:5px 25px }<br />.comments .comments-content .loadmore a { display:block; padding:10px 16px; text-align:center }<br />.comments .thread-toggle { cursor:pointer; display:none }<br />.comments .continue { cursor:pointer; display:inline-block; margin:0 0 0 50px }<br />.comments .continue a { display:block; font-weight:bold }<br />.comments .comments-content .loadmore { cursor:pointer; margin-top:3em; max-height:3em }<br />.comments .comments-content .loadmore.loaded { max-height:0; opacity:0; overflow:hidden }<br />.comments .thread-chrome.thread-collapsed { display:none }<br />.comments .thread-toggle .thread-arrow {width:7px;height:7px;padding-right:4px;}<br />.comments .avatar-image-container { padding-left:0; margin:5px 10px 5px 0; max-height:45px; width:45px }<br />.comments .avatar-image-container img { border:2px solid #1BDDAC; max-width:44px; width:44px; border-radius:30px; display:block; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; box-shadow:0 1px 1px #aaa; -moz-box-shadow:0 1px 1px #aaa; -webkit-box-shadow:0 1px 1px #aaa }<br />.comments .comment-block { margin-left:0; position:relative }<br />.comments .comments-content .comment { list-style:none outside none; margin:0 13px 15px 50px }<br />#comment-editor { background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrbWSBorQrfJubciSvzI4Kd9RQL14C_xyNUA4AeXODDB_PDmutMQcj2fr3gex6tziKZ8mUnqeYOxcjm87YIblkDHdNLMZnexX6G34Z6QljFcS6WZCm9w_Yg7Vj8FqWbpqhk88xx_b40GQY/s1600/loader.gif') no-repeat 50% 120px; width:100% !important }<br />.comment-form { width:100%; max-width:100% }</div></div></div></div></div><br /><br />Setelah kodenya terpasang dengan benar klik save atau simpan, dan cobalah cek blog anda<br />Kode Css di atas sedikit panjang,  namun cukup ringan,  untuk  di  terapkan  pada  blog anda<br /><h4 style="text-align: left;"> </h4><br /><h4 style="text-align: left;"><span style="font-size: small;">Keterangan :</span></h4>01. Jika threaded comments belum muncul di template blog anda silahlan anda cari kode <br /><br /><blockquote class="tr_bq"> <span style="color: blue;"><b:include data='post' name='comments'/></span><br /><span style="color: blue;"></span></blockquote><br />02. Lalu ganti kode diatas dengan kode di bawah ini<br /><br /><blockquote class="tr_bq"><span style="color: blue;"><b:if cond='data:post.showThreadedComments'></span><br /><span style="color: blue;"><b:include data='post' name='threaded_comments'/></span><br /><span style="color: blue;"><b:else/></span><br /><span style="color: blue;"><b:include data='post' name='comments'/></span><br /><span style="color: blue;"></b:if></span><br /><span style="color: blue;"></span></blockquote><br />Jika kodenya  lebih dari satu gantikan semua,  dengan kode nomor 1 diatas<br />Dan gantikan, pada kode nomor 2 di atas,  kalau tidak salah ada 4  kodenya</div>

Memasang Threaded Comments Stylish Light Sekarang ini sedang marak  sekali  pada kalangan blogging,  tentang  pembahasan Pada komentar  dan ...

Read More

Cara Memasang Comments Luv Di Blogger

<span class="awal">S</span>alam blogging buat sobat semua, sebelum dan sesudahnya saya ucapkan terima kasih<br />Atas kunjungan anda,  baik di sengaja datang  ataupun yang  kebetulan, sebelum artikel<br />Ini  saya  publish  sebelumnya  share tentang,   <a href="http://karristaent.blogspot.com/2013/10/trik-membuat-popular-posts-effects-spin.html" title="Trik Membuat Popular Posts Effects Spin">Trik Membuat Popular Posts Effects Spin</a><br />Dan pada kesempatan kali ini saya akan berbagi,  Cara memasang comments luv diblog<br />Dimana <u>comment luv</u>, adalah sebuah markup plugin wordpress sebenarnya, lalu dengan<br />Segala upaya juga jerih payah,  diadopsikan agar markup  tersebut bisa di terapkan pada<br />Plaform blogger untuk di pasang pada form komentar, yang penempatanya  paling bawah<br /><br /><img alt="Cara Memasang Comments Luv Di Blogger" border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt2A1xpw8hvjiPkPaB8gmDS02LErHDB3beBZfAkSRqP5PjSuvZaWVk56Rv8cuWUx2FBwiEzST4O7FDew8GZC5iZBtVeXy4gCr6vS6CKtF-xIPcKrWfN-QrK4lMdxAu_YsYW5q0ER6Itwx7/s400/Comments+Luv+0.jpg" title="Cara Memasang Comments Luv Di Blogger" width="400" /><br /><br /><h4 style="text-align: left;">Keterangan Comments Luv :</h4>Sepintas saya akan menerangkan tentang artikel ini, Comments luv adalah teori bersosial pada <br />Web   site  atau  blog,  dengan   menerapkan  widget,  <b>Comment luv</b>  blog  anda.  Maka  triks  dan<br />Cara strategi bersosial ini mungkin bisa pro dan contra,  pada pembahasan  para sobat blogger <br />Namun disini saya hanya sebatas berbagi, bukan mengharuskan memasang widget ini, karena<br />Menurut pengamatan saya,  Strategi bersosial  dengan memasang  <i>comment luv</i>  ini pada  form<br />Komentar, memang   memiliki resiko,  banyaknya outbound link in,  yang terjadi,   weblog  kita<br /><br />Tetapi berdasarkan pengetahuan saya terhadap  beberapa situs-situs besar yang pernah saya<br />Kunjungi, dan menggunakan Comments luv ini,  ternyata sampai saat ini masih tetap bertahan<br />Dengan keadaan banyak link ini, juga memberikan utbound link. karena jika anda memakai<br />Widget ini otomatis link,  artikel visitor akan  terbaca  pada kolom  komentar blog, anda pada<br />Artikel visitor yang terakhir di publikasi, dan yang masih belum bisa saya bahas di sini  ialah<br /><br />Apakah comments luv,  bisa lolos dari validasi, W3C dan Chkme.?  atau  penyumbang error<br />Dan mengurangi nilai seo, pada W3C juga Chkme, sementara saya  belum bisa menindak <br />Lanjuti, mungkin bisa di lain kesempatan yah sob.? di artikel ini saya hanya mencari solusi<br />Pemecahan tentang widget pembubuh pada kolom komentar ini, selebih nya mungkin kata<br />Pendapat dan masukan dari anda,  sangat  di harapkan, penuturan dan penilainya  tentang<br />Widget Comment luv ini, karena keberadaanya sementara masih bertolak belakang seperti<br />Keberadaan tentang Validasi Html 5 dan CSS 3, mungkin masih banyak pro dan contra nya<br /><br />Nah intinya artikel saya ini bukan mencari perbedaanya, tapi mencari solusi dan<br />Menyikapi, pemecahan tentang  dilema pro dan contra contoh artikel yang diatas<br />Agar tidak penasaran silahkan jika sobat, tertarik memasang comments luv, silahkan <br />Simak installasinya berikut di bawah ini,  agar anda bisa  memberikan kata masukan<br /><br /><h4 style="text-align: left;">Cara Memasangnya :</h4>Masuk blog anda dan sign in, lalu pilih template dan pilih edite template<br />Kemudian cari kode  <span style="color: blue;"></head></span>   tekan  <span style="color: blue;">Ctrl + F</span>  untuk pencarian  kodenya<br />Lalu copy kode script di bawah ini,  dan paste tepat diatas kode <span style="color: blue;"></head></span><br /><br /><blockquote class="tr_bq"><script type='text/javascript'><br />//<![CDATA[<br />/**<br />* Recent CommentLuv for Blogger<br />* Version : 1.1.0<br />* Author : <span style="color: red;">Saud Karrysta</span><br />* Author Url : <span style="color: red;">http://karristaent.blogspot.com/</span><br />* Google Plus : https://plus.google.com/<span style="color: red;">101891879621819684479</span><br />* (c) 2013 allrightsreserved.<br />*/<br />function commentluv(json) {<br />for (var i = 0; i < 1; i++) {<br />var entry = json.feed.entry[i];<br />var posttitle = entry.title.$t;<br />var posturl;<br />if (i == json.feed.entry.length) break;<br />for (var k = 0; k < entry.link.length; k++) {<br />if (entry.link[k].rel == 'alternate') {<br />posturl = entry.link[k].href;<br />break;<br />}<br />}<br />var postdate = entry.published.$t.substring(0,10);<br />var postauthor = entry.author[0].name.$t;<br />document.write('<br>');<br />document.write( postauthor + ' Recently posted >>> ' + posttitle + '');<br />document.write(' <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfOB37qXCXi8-2Y4H387f1HwdD2JNB92UlqvbOu_LV2kOXdnNcRixdbxvuet-tB4F2Ti91JNQt8IyKP3CYq_i71sRK4MSEMsTB6YKNrmVO0KRNKt_3eyFI2ZICZS35ArJ0YhkG5NYaN2s/s1600/commentluv.gif"/>');<br />}<br />}<br />//]]><br /></script></blockquote><br /><b>Keterangan kode diatas :</b><br />Ganti teks yang berwarna Merah dengan, <span style="color: red;">Nama Profil</span>,  <span style="color: red;">Url</span> dan  <span style="color: red;">ID</span>  google plus anda<br />Kemudian masih di edit html, cari kode, <span style="color: blue;"><data:comment.author/></span> saran saya letakan<br />Di urutan kode yang pertama, l alu copy kode di bawah ini dan  paste tepat di  bawah<br />Kode <span style="color: blue;"><data:comment.author/></span> sebelum kode <span style="color: blue;"></a></span><br />Contoh penerapanya : <br /><span style="color: blue;"><data:comment.author/></span><br /><span style="color: #cc0000;"><i>Disini letakan kode nya </i></span><br /><span style="color: blue;"></a></span><br /><br /><b>Di bawah ini kode yang harus anda copy :</b><br /><br /><blockquote class="tr_bq"><span style="color: red;"><script expr:src=' data:comment.authorUrl + &quot;/feeds/posts/default?alt=json-in-script&amp;callback=commentluv&quot;'/></span></blockquote><br />Selanjutnya masih edit Html cari link milik komentator pada template blog anda<br />Cari lagi kode <span style="color: blue;"></body></span> lalu copy kode di bawah ini,  paste di atas kode  <span style="color: blue;"></body></span><br /><br /><blockquote class="tr_bq"><script type='text/javascript'><br />    jQuery(document).ready(function($){ $(&#39;.comments .comments-content .user a&#39;).click<br />(function(){ window.open(this.href); return false; }); });<br />    </script></blockquote><br />Jika pemasangan kode script diatas benar memenuhi prosedur, klik save atau simpan<br />Sebagai tambahan saja,  untuk mencegah  komentar link aktip  juga spam,  copy kode<br />Di bawah ini dan letakan kodenya sebelum, kode  <span style="color: blue;"></head></span>  atau di atas kode  <span style="color: blue;"></head></span><br /><br /><blockquote class="tr_bq"><span style="color: darkorange;"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' <br />type='text/javascript'/></span><br />    <script type='text/javascript'><br />    jQuery(document).ready(function(){<br />     jQuery("#comments p").find("a").replaceWith("<span><span style="color: blue;">Mohon jangan nyepam sobat</span></span>");<br />    });</script> </blockquote><br />Keterngan kode diatas : jika di template blog anda sudah  ada  jqueri version  berapa saja<br />Maka kode yang berwarna  <span style="color: orange;">Orange</span>  jangan di ikut  sertakan,  dan  yang  berwarna  <span style="color: blue;">Biru</span>  itu<br />Teks peringatan untuk komentar link aktip, dan juga spamer,  save kembali template anda<br /><br />Di bawah ini list blog yang menggunakan comments luv,  jika anda  ingin mengunjunginya<br />Copy paste,  list  link nya  pada  browser  internet anda,  silahkan  tekan  button  <b>BUKA LIST</b><br /><b> </b><br /><br /><div><div style="margin: 2px; text-align: center;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"> </span></i><input class="BD_spoler" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TUTUP LIST'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'BUKA LIST'; }" style="font-size: large; margin: 0px; padding: 0px; text-align: center; width: 320px;" type="button" value="BUKA LIST" /></div><div class="alt2" style="background-color: #ebebeb; border: 1px inset; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 4px;"><div style="display: none;"><div align="left">116 - Daftar List Link blog yang menggunakan widget comment luv :<br /><br />1. http://www.birdsontheblog.co.uk<br />2. http://blondish.net<br />3. http://cravingtech.com<br />4. http://www.cravingtech.com<br />5. http://e-wali.com<br />6. http://www.famousbloggers.net<br />7. http://www.fansbridge.com<br />8. http://gradmoneymatters.com<br />9. http://www.iblogzone.com<br />10. http://www.intenseblog.com<br />11. http://rich-blogger.com<br />12. http://w3blog.dk<br />13. http://comluv.com<br />14. http://basicblogtips.com<br />15. http://growmap.com<br />16. http://freebloghelp.com<br />17. http://kikolani.com<br />18. http://www.attractionmarketingonline.com<br />19. http://awebsitedesigner.com.au<br />20. http://www.biggirlbranding.com<br />21. http://kaiserthesage.com<br />22. http://www.netchunks.com<br />23. http://nickstraffictricks.com<br />24. http://www.ryanhanley.com<br />25. http://sem-group.net<br />26. http://smallusbflashdrive.com<br />27. http://www.smartbloggerz.com<br />28. http://www.sweetsfoods.com<br />29. http://thattechchick.com<br />30. http://www.thesaleslion.com<br />31. http://theworkathomewife.com<br />32. http://tips4pc.com<br />33. http://www.vancesova.com<br />34. http://weblogbetter.com<br />35. http://www.webuildyourblog.com<br />36. http://www.workfromhomewisdom.com<br />37. http://adriennesmith.net<br />38. http://another-blogger.com<br />39. http://www.authopublisher.com<br />40. http://blazingminds.co.uk<br />41. http://bloggersnetwork.net<br />42. http://www.chadnicely.com<br />43. http://www.cleancutmedia.com<br />44. http://dougchampigny.com<br />45. http://fiddyp.co.uk<br />46. http://findingthehumor.com<br />47. http://www.blogpreneurs.com<br />48. http://www.freemakemoneyadvice.com<br />49. http://www.getpaidtowriteonline.com<br />50. http://growwithstacy.com<br />51. http://johnrobberson.com<br />52. http://just-ask-kim.com<br />53. http://legacymarketingservices.com<br />54. http://lisaangelettieblog.com<br />55. http://www.magnet4marketing.net<br />56. http://myblog2day.com<br />57. http://mywebgal.com/blog<br />58. http://profitonknowledge.com<br />59. http://www.seodiscovery.org<br />60. http://www.seommotips.com<br />61. http://superbloggingtips.com<br />62. http://www.technshare.com<br />63. http://www.thebadblogger.com<br />64. http://wassupblog.com<br />65. http://www.bloggingwithchris.com<br />66. http://crunchynow.com<br />67. http://www.inspiredtowrite.com<br />68. http://www.murlu.com<br />69. http://pattistafford.com/blog<br />70. http://www.seomkt.com<br />71. http://www.techinitio.com<br />72. http://www.socialwebcafe.com<br />73. http://sourceblogger.com<br />74. http://bizhax.com<br />75. http://robcalhoun.com<br />76. http://www.shalusharma.com<br />77. http://www.benspark.com<br />78. http://www.blogincomelife.com<br />79. http://seventoten.com<br />80. http://www.techbucket.org<br />81. http://www.niharsworld.com<br />82. http://techpatio.com<br />83. http://www.blogging24h.com<br />84. http://www.guideandnews.com<br />85. http://www.geekrevealed.com<br />86. http://www.techotalk.com<br />87. http://www.awesomebloggers.com<br />88. http://peterfuller.org<br />89. http://www.relationshippa.com<br />90. http://www.eyes4tech.com<br />91. http://tecknobuzz.com<br />92. http://blogpunch.com<br />93. http://useme4info.com<br />94. http://bloggersmakemoney.com<br />95. http://www.donofweb.com<br />96. http://www.crunchyhub.com<br />97. http://www.makemenoise.com<br />98. http://buildyourblog.net<br />99. http://www.bloggingcage.com<br />100. http://www.teckilla.com<br />101. http://kathydobson.com<br />102. http://www.iblognet.com<br />103. http://bloggingandwb.com<br />104. http://www.thechefscookbook.com<br />105. http://keepupwiththeweb.com<br />106. http://www.thetopblogger.com<br />107. http://www.theepicblog.com/home/the-blog/<br />108. http://likeadad.net<br />109. http://hairulazni.my/<br />110. http://www.asyrofasristudio.com/<br />111. http://www.kakiblog.my/<br />112. http://onlajer.com/<br />113. http://www.arenagajet.com/<br />114. http://nazray.com/blog/<br />115. http://alfirdausi.com/<br />116. http://www.akmaomar.com/</div></div></div></div></div><br />Cukup sampai disini artikel saya, semoga sedikit banyaknya, bisa bermanfaat  buat sobat<br />Silahkan anda berapresiasi, bareng saya dan taburkan teks,   pendapat tentang  artikel ini

S alam blogging buat sobat semua, sebelum dan sesudahnya saya ucapkan terima kasih Atas kunjungan anda,  baik di sengaja datang  ataupun yan...

Read More

Menurun Kan Rank Alexa Secepat Kilat

<div dir="ltr" style="text-align: left;" trbidi="on"><h2><a href="http://karristaent.blogspot.com/2013/06/menurun-kan-rank-alexa-secepat-kilat.html" rel="nofollow">Menurun Kan Rank Alexa Secepat Kilat</a></h2><h2> </h2>Salam dari blogger indonesia rekan dan sobat semua. kembali di kesempatan ini<br />Saya akan  berbagi <b> tips dan trik</b> cara,  menurunkan  peringkat  rank Alexa  di blog<br />Mari kita belajar bersama dalam,  usaha membuat  web - site blog kita   agar rank<br />Alexa kita lebih kecil,  karena dengan, rank  Alexa  yang kecil  dan ramping  maka?<br />Sudah barang  tentu, blog kita akan,  di banjiri  pengunjung,  dan visitor traffic blog<br />Kita akan lebih mudah, di mata mbah Google search engine, silahkan simak sob<br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="http://karristaent.blogspot.com/2013/06/menurun-kan-rank-alexa-secepat-kilat.html" imageanchor="1" rel="nofollow" style="margin-left: auto; margin-right: auto;" target="_blank"><img alt="Menurun Kan Rank Alexa Secepat Kilat" border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz98v4LDbfmbieh8bDWRD7I93p8u_xT0CJVo4KBKSiGfLws5SOcNTQAaBg0Ai86WIURBSu-2baaRy-_GfB0gVM0mIZd9XGkl0xpY3VrsyQCQp5LS9c54XzRHP0EB5pT5bGun86ozoUTEk/s320/Alexa+Rank+small+Karrysta.jpg" title="Menurun Kan Rank Alexa Secepat Kilat" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Menurun Kan Rank Alexa Secepat Kilat</td></tr></tbody></table><br />Alexa, adalah penyedia terkemuka gratis,  metrik web global. cari <a href="http://alexa.com/" rel="nofollow" target="_blank">Alexa</a>  untuk  menemukan situs<br />Yang paling sukses di weblog dengan kata kunci,  kategori, atau negara. gunakan  Alexa analisis<br />Kami untuk analisis kompetitif,   benchmarking, riset pasar, atau pengembangan bisnis. apa pun<br />Gunakan alat Pro untuk mengoptimalkan,  kehadiran perusahaan anda di weblog, atau yang free<br />Untuk yang simple class super economy,  dan standar,   namun tetap offtimal untuk sebuah  rank<br /><br />Rank alexa adalah suatu nilai atau rangking yang diberikan oleh  <a href="http://www.alexa.com/" rel="nofollow" target="_blank" title="alexa home">alexa</a>, sedangkan alexa sendiri<br />Ialah salah satu produk amazon yang sudah terkenal rank alexa sendiri ialah  tolak ukur  tentang<br />Vsitor suatu blog, jadi  jika  suatu blog,  memiliki  rank yang  lebih kecil dapat  di pastikan  bahwa<br />Pengunjung sudah lumayan  banyak tapi tidak menutup  kemungkinan  untuk kita  memiliki  rank<br />Alexa yang  kecil  dengan  pengunjung  blog yang  sedikit , untuk  para   blogger seperti saya rank<br /><br />Alexa mungkin tidak begitu penting karena tidak berfungsi untuk serp google, namun untuk<br />Affiliate dan adsense rank alexa - rank  <a href="http://google.com/" rel="nofollow" target="_blank" title="google">google</a>  penting untuk advertiser mereview blog kita<br /><br />Cara untuk merampingkan Rank Alexa ada banyak cara , diantaranya :<br /><i><b>Widgate Alexa</b></i><br />Pasang widget alexa di blog anda cara ini bertujuan agar alexa bisa melihat atau <br />Mengindex blog kita,  yang  bertujuan, untuk  merampingkan  rank alexa dan   kita <br />Bisa dengan  mudah melihat rank alexa kita di blog sendiri, buka halaman nya di<br />Sini untuk membuat widgate Alexa : <a href="http://www.alexa.com/" rel="nofollow" target="_blank" title="Join The Alexa home">Join The Alexa home</a><br /><br /><b>Dapatkan Pasilitas hasil maksimal dari Alexa dengan layanan ini :</b><br /><br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="http://karristaent.blogspot.com/2013/06/menurun-kan-rank-alexa-secepat-kilat.html" imageanchor="1" rel="nofollow" style="margin-left: auto; margin-right: auto;" target="_blank"><img alt="Menurun Kan Rank Alexa Secepat Kilat" border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWnoJqpcOSt7NBoT4dkiURfwmpp33xFTmtNXvo3LEGdOv84_JRqlRqS-udiAppdh_pAyBDbrGRWaHoJtxPftXS3yYEJV1kn9RBPBpScAfwkcFWWyNmAlY7pSVWkhF2AsVxPMCI-M_CJAU/s320/%2540.1+Rank+Alexa+Karrysta+2.jpg" title="Menurun Kan Rank Alexa Secepat Kilat" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><br />Menurun Kan Rank Alexa Secepat Kilat</td></tr></tbody></table><b>Tag Title site Alexa : </b><br /><a href="http://www.alexa.com/siteowners/claim?site=karristaent.blogspot.com&ax_atid=siteinfo-nlink-claim" rel="nofollow" target="_blank" title="Claim your site">Claim your site</a> <br /><a href="http://www.alexa.com/siteowners/edit?site=karristaent.blogspot.com&ax_atid=siteinfo-nlink-edit" rel="nofollow" target="_blank" title="Edit your site listing">Edit your site listing</a><br /><a href="http://www.alexa.com/toolbar-creator?ax_atid=siteinfo-nlink-atc" rel="nofollow" target="_blank" title="Build a custom toolbar">Build a custom toolbar</a><br /><a href="http://www.alexa.com/siteowners/widgets?site=karristaent.blogspot.com&ax_atid=siteinfo-nlink-widget" rel="nofollow" target="_blank" title="Get widgets Alexa">Get widgets Alexa</a><br /><br /><ul></ul><b>Pasang Alexa Toolbar :</b><br />Memasang alexa toolbar bisa menurunkan rank alexa mungkin cara ini bisa <br />di coba oleh anda. Alexa toolbar bertujuan untuk melihat rank suatu blog hanya dengan melihatnya di browser anda, tepatnya di sebelah pojoj kanan atas. Silahkan download extensi alexa toolbar di situs Resminya Silah klik disin untuk memasang : <a href="http://www.alexa.com/toolbar" rel="nofollow" target="_blank" title="Alexa Toolbar install">Alexa Toolbar install</a><br /><br /><b>Daftar Blog ke Search Engine</b><br />Cara ini  di lakukan  agar  blog kita,  cepat terindex  di  mesin  pencari atau  search  engine<br />Terutama yang Sudah terkenal dan  besar  seperti  google,  yahoo,  Msn  dll,  baru  setelah<br />Itu ke search engine copy-paste link untuk membuka nya  : <span style="color: blue;"><i>http://freewebsubmission.com/</i></span><br />Atau buka  halaman, page rank google buka :  <a href="http://karristaent.blogspot.com/2013/06/cara-mendapatkan-page-rank-dari-google_12.html" rel="nofollow" title="Cara Mendapatkan Page Rank Dari Google">Cara Mendapatkan Page Rank Dari Google</a><br /><br /><b>Cari Backlink</b><br />Cari backlink sebanyak - banyaknya dan  berkualitas  sebaiknya sih  sesuai kategori  blog<br />Karena google menilai berdasarkan kuantitas dan kualitas link, Saya sarankan lebih yang<br />Diperoleh berasal dari blog dofollow dan juga mermiliki <u>rank alexa</u>  yang ramping. Carilah<br />Backlink yang  berkualitas dan alami,  dengan cara  :  <b><a href="http://karristaent.blogspot.com/2013/07/saling-follow-blog-dan-google-plus.html" rel="nofollow" title="Saling Follow Blog dan Google Plus">Saling Follow Blog dan Google Plus</a></b><br /><br /><b>Tulis artikel Tentang Alexa :</b> <br />Tulis artikel tentang Alexa misalnya seperti yang  sedang sobat baca  tentang <br />Trick cara  meningkatkan  Alexa rank. ini dan  ajak para  pembaca untuk  men<br />Download Alexa Toolbar. dan Jangan lupa sa,at membuat artikel tentang rank<br />Alexa, selalu gunakan label atau kategori dengan keyword : <u> Home , Alexa</u> <br /><u>Alexa rank, Alexa traffic rank, Rangking Alexa</u>, dsb. Intinya  ada  kata alexa <br /><br /><b>Melakukan Ping</b><br />Lakukan ping secara berkala ,  saya baru lakukan ini  dua kali <br />Ping ini untuk merefresh blog kita di data base mesin pencari<br />Minta teman  untuk mereview,  dan merating  profil  blog Anda di Alexa.<br />Memang belum ada bukti, namun mungkin saja cara ini ada guna nya<br />Untuk melakukan ping buka halaman : <b><a href="http://karristaent.blogspot.com/2013/08/apakah-ping-perlu-untuk-artikel-seo.html" rel="nofollow" title="Apakah Ping Perlu Untuk Artikel SEO?">Apakah Ping Perlu Untuk Artikel SEO?</a></b><br /><br /><b>Blogwalking - Berkomentar :</b><br />Dengan blogwalking, atau berkomentar di blog semua sobat blogging anda, itu salah satu upaya<br />Agar<b>  <a href="http://karristaent.blogspot.com/2013/08/rank-alexa-membuncit.html" rel="nofollow">Rank alexa tidak membuncit</a></b>,  Tapi  akan   meramping  dan  mengecil sedikit  demi  sedikit<br /><br /><b>Tingkatkan Trafik blog anda :</b><br />Meningkatkan trafik itu sangat penting. dengan trafik yang tinggi,<br />pastinya alexa cepat menurun berikut adalah tips Submit Ke Social Bookmarking <br />Dengan mengsubmit blog atau artikel anda ke social bookmarking atau sosbok, saya yakin rank<br />Alexa blog anda akan menurun menurun dan menurun. cari juga daftar atau list sosbok yang ber<br />Pagerank tinggi,  dan dofollow. selain dapat  backlink, alexa juga akan  turun dengan  sendiri  nya<br />Buka halamanya untuk mendapat <u>submit ribuan web site - blog</u> : <b><a href="http://karristaent.blogspot.com/2013/06/trik-mendapat-backlink-ribuan-sites.html" rel="nofollow" target="_blank" title="Disini">Disini</a></b><br /><br />Dengan cara diatas itu rank alexa akan lebih baik,   tapi semua nya kembali  kepada <br />kita kalau ada kemauan dan upaya untuk <u>rank alexa</u>, menjadi ramping dan menurun <br /><br />Dengan sendirinya. butuh usaha yang keras untuk  mendapatkan hasil yang maximal <br />Sekian dulu  artikel  dari saya,  tentang  cara  <b><a href="http://karristaent.blogspot.com/2013/06/menurun-kan-rank-alexa-secepat-kilat.html" rel="nofollow">Menurun Kan Rank Alexa Secepat Kilat</a></b><br />Semoga sedikit banyak nya bisa membantu mengecilkan  rank alexa blog kita semua<br />Kalau ada kesulitan silahkan, bertanya atau berkomentar sesuai artikel  pada blog ini</div>

Menurun Kan Rank Alexa Secepat Kilat   Salam dari blogger indonesia rekan dan sobat semua. kembali di kesempatan ini Saya akan  berbagi  t...

Read More

Trik Membuat Popular Posts Effects Spin

<div dir="ltr" style="text-align: left;" trbidi="on"><h2 style="text-align: left;"><a href="http://karristaent.blogspot.com/2013/10/trik-membuat-popular-posts-effects-spin.html" target="_blank">Trik Membuat Popular Posts Effects Spin</a></h2><br />Dimana ada kemauan disitu ada jalan, seperti di hari ini ada kesempatan<br />Waktu luang,  untuk berbagi  tutorial yang  sederhana dan ringan,  tentang<br />Popular posts dengan effects  berputar,  dan sudah valid html 5, css3 jadi<br />Buat sobat yang berminat dengan widget ini, silahakan simak dibawah ini<br /><div><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="http://karristaent.blogspot.com/2013/10/trik-membuat-popular-posts-effects-spin.html" imageanchor="1" style="margin-left: auto; margin-right: auto;" target="_blank"><img alt="Effects Blogger" border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKXWJ75xR2q_SSIHzq7FI9Up_eP-RiwecRW79orLzQSvEzvLNqd66NaAHoYb-cfqEVrgidv4-FGflF-BDadZjaKBvHBh5P6Pq3nSdAja0FBAmpqG8LCQS9ZF0-wABxaNQ5m268Ip0T65Vg/s320/Popular+Posts.jpg" title="Trik Membuat Popular Posts Effects Spin" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Trik Membuat Popular Posts Effects Spin</td></tr></tbody></table><br />Sebelum anda simak artikel  ini lebih lanjut,  sebelumnya  saya  publikasi  tentang<br /><a href="http://karristaent.blogspot.com/2013/09/menghapus-batas-tabel-gambar-postingan.html"><b>Menghapus Batas Tabel Gambar Postingan</b></a>,   dan  pada  kali  ini saya akan share<br /><u><b>Trik Membuat Popular Posts Effects Spin</b></u>,   di  mana   widget   P<i><b>opular  Posts</b></i>  ini <br />Berperan penting pada artikel anda,  manakala  postingan tersebut yang sering  di<br />Kunjungi oleh pengunjung blog anda, jika di blog anda belum ada atau sudah ada<br />Dan ingin mencoba  <a href="http://karristaent.blogspot.com/search/label/Tips%20Trik%20SEO"><b>Trik</b></a>  popular post yang ini,  silahkan  berapresiasi  di sini sob</div><div dir="ltr" trbidi="on"><br /></div><h3 style="text-align: left;">Cara memasangnya :</h3>Masuk blog anda dan <span style="color: red;">sign in</span>, kemudian pilih dasboard dan pilih template<br />Lalu pilih edit template, selanjutnya anda cari kode <span style="color: red;">]]></b:skin></span> tekan <br />Ctrl + f untuk memudahkan pencarian anda, setelah ketemu kode yang<br />Anda cari copy kode di bawah ini dan paste tepat di atas kode <span style="color: red;">]]></b:skin></span><br /><div dir="ltr" trbidi="on"><br /><blockquote class="tr_bq">.popular-posts .item-thumbnail{float:left;} .popular-posts ul{padding-left:30px;} .popular-posts ul li {list-style-image: none;list-style-type: none;display:inline;} .popular-posts ul li img<br />{padding:0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;} .popular-posts ul li img:hover {border:2px solid #ccc;-moz-transform: scale(1.3) rotate(-360deg) ;-webkit-transform: scale(1.3) rotate(-360deg) ;-o-transform: scale(1.3) rotate(-360deg) ;-ms-transform: scale(1.2) rotate(-360deg) ;transform: scale(1.3) rotate(-360deg);}</blockquote><br />Masih di edit html Kemudian Cari koode <span style="color: red;"><b:section class='sidebar'</span><br />Atau lengkap cari kode nya seperti di bawah ini<br /><div dir="ltr" trbidi="on"><span style="color: red;"><div id='sidebar-wrapper'></span></div><div dir="ltr" trbidi="on"><span style="color: red;">          <div style='clear: both;'/></span></div><div dir="ltr" trbidi="on"><span style="color: red;">          <b:section class='sidebar' id='sidebar' preferred='yes'></span></div>Setelah ketemu copy kode di bawah ini dan pastekan tepat di bawah kode<br /><span style="color: red;"><b:section class='sidebar' id='sidebar' preferred='yes'></span><br /><br />Di bawah ini kode yang harus anda copy :</div><div dir="ltr" trbidi="on"><br /><blockquote class="tr_bq"><b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'><br />              <b:includable id='main'><br />  <b:if cond='data:title'><h3><data:title/></h3></b:if><br />  <div class='widget-content popular-posts'><br />    <ul><br />      <b:loop values='data:posts' var='post'><br />      <li><br />        <b:if cond='data:showThumbnails == &quot;false&quot;'><br />          <b:if cond='data:showSnippets == &quot;false&quot;'><br />            <!-- (1) No snippet/thumbnail --><br />            <a expr:href='data:post.href'><data:post.title/></a><br />          <b:else/><br />            <!-- (2) Show only snippets --><br />            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><br />            <div class='item-snippet'><data:post.snippet/></div><br />          </b:if><br />        <b:else/><br />          <b:if cond='data:showSnippets == &quot;false&quot;'><br />            <!-- (3) Show only thumbnails --><br />            <div class='item-thumbnail-only'><br />              <b:if cond='data:post.thumbnail'><br />                <div class='item-thumbnail'><br />                  <a expr:href='data:post.href' target='_blank'><br />                    <img alt='' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail'<br />expr:width='data:thumbnailSize'/><br />                  </a><br />                </div><br />              </b:if><br />              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><br />            </div><br />            <div style='clear: both;'/><br />          <b:else/><br />            <!-- (4) Show snippets and thumbnails --><br />            <div class='item-content'><br />              <b:if cond='data:post.thumbnail'><br />                <div class='item-thumbnail'><br />                  <a expr:href='data:post.href' target='_blank'><br />                    <img alt='' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail'<br />expr:width='data:thumbnailSize'/><br />                  </a><br />                </div><br />              </b:if><br />              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><br />              <div class='item-snippet'><data:post.snippet/></div><br />            </div><br />            <div style='clear: both;'/><br />          </b:if><br />        </b:if><br />      </li><br />      </b:loop><br />    </ul><br />  </div><br /></b:includable><br />            </b:widget></blockquote><div dir="ltr" trbidi="on"><br /></div><h4 style="text-align: left;">Keterangan :</h4>Setelah penempatan kode nya,  terpasang dengan benar,  silahkan klik save - simpan<br />Dan buka  blog anda,  dan cek popular  posts nya,  bekerja  dengan oftimal atau  tidak<br />Jika belum tampil di blog anda, silahkan baca kembali dengan seksama artikel diatas<br />Dan jika anda, ingin mengatur jumlah pos t yang tampil pada   popular posts  silahkan <br />Anda atur ulang menurut jumlah yang di inginkan,  dengan membuka halaman  layout<br />Pilih  tata letak  dan edit widget popular post,  silahkan  atur  jumlah posts atau  lainya<br />Menurut yang anda kehendaki, sekian semoga tutorial sederhana ini bisa bermanfaat</div></div>

Trik Membuat Popular Posts Effects Spin Dimana ada kemauan disitu ada jalan, seperti di hari ini ada kesempatan Waktu luang,  untuk berbagi ...

Read More