Masalah Pesan Formulir Komentar Blogger yang Jatuh ke Bawah

Saya akan menjelaskan tentang "Masalah Pesan Formulir Komentar Blogger yang Jatuh ke Bawah" biasanya masalah seperti ini pernah di alami oleh para Blogger, karena seringkali tampil pada tempat yang salah jika kita menggunakan template standar Blogger. Dari pada bingung sendiri, lihatlah contoh screenshoot dibawah ini :

Itulah salahsatu contoh pesan formulir komentar yang jatuh kebawah, langsung saja ke tutorialnya ya, berikut tutorialnya :

1. Login ke Blogger.com

2. Masuk ke Template --> edit HTML

3. cari kode yang mirip dengan kode dibwah ini, dan ganti semua kode tersebut :

<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>

3. Jika sudah ketemu ganti kode di atas ini, dengan kode dibawah ini :

<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
<div id='form-wrapper'>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
</div>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>

5. Cari lagi kode dibawah ini :

document.getElementById(domId).insertBefore(replybox, null);

6. Lalu ganti kode di atas dengan kode :

document.getElementById(domId).insertBefore(document.getElementById('form-wrapper'), null);

7. Klik simpan template, dan sekarang pesan formulir komentar anda telah berubah posisi, menjadi ke atas.
Jangan lupa tinggalkan komentar anda, karena satu komentar saja sangat berarti bagi saya, kenapa demikian ?, karena dengan sobat berkomentar saya bisa tau letak kesalahannya dimana, dan juga sobat bisa memberikan motivasi/masukan tentang kekurangan blog ini.

Cara Rahasia Meningkatkan SEO di Blog 100% Work

Hai sobat Blog Krizeer, kali ini saya akan berbagi lagi nih, kali ini saya akan menjelaskan Cara Rahasia Meningkatkan SEO, tutorial ini terbukti berhasil, kalo saya SEO nya meningkat tadinya 82% menjadi 86% wah lumayan kan ?, memang memasang widget kebanyakan akan mengurangi nilai SEO sobat, tapi pada widget  ini berbeda dengan widget yang lainnya, widget ini ajaib banget, kenapa ?, karena dapat meningkatkan nilai SEO sobat, hanya dengan memasang widget dibawah ini, langsung saja, berikut tutorialnya :

1. Masuk ke Blogger.com
2. Masuk ke tata letak --> tambah gadget --> pilih HTML/Java Script, lalu masukan kode dibawah ini di dalam HTML :

<!-- Start Backlink Code --><a title="SEO Links Exchanges | Blog Link Building Service" target="_blank" href="http://seo-links-exchanges.blogspot.com/"><img width="80" alt="SEO Links Exchanges, Blog Link Building Service" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu1xYRw985ILi63eszHUR_YwGXIjTDdqU5mk6gP6UoIBLeq2ojTs5iiGKrcn-xr9MwQmnLdc9ZOab4x4zFfRIlXXsXlGoyFpgjSflhcuOA3sTsnGfoOSRY1T-7S5k0PYqjPMMaka_O-xY/s1600/Free+Links+04.png" height="15" /></a><!-- End Backlink Code -->  <!-- Start Backlink Code --><a title="Build Your Links For Free | Links Building Service" target="_blank" href="http://free-links-building.blogspot.com/"><img width="80" alt="Build Your Links For Free, Links Building Service" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgdCJTAR4xwMKseJYjkX6w7qC6r6cT6h8m20MQO8kvRk9t7Wa65pQgfwGQGNSo8AH6PQbEcce3rd2DfGr4xooh0A3FGv7gbpinP-KRig2L19ZDCHd4RU56TyNCGZdxlQ-QTTwi4pPvfxAb/s1600/Free+Links+03.png" height="15" /></a><!-- End Backlink Code -->  <!-- Start Backlink Code --><a title="SEO Links Attitude | Free SEO Links Building " target="_blank" href="http://free-links-exchanges.blogspot.com/"><img width="80" alt="SEO Links Attitude | Free SEO Links Building " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx_7xDFw4JtzIrOLq2oIQrs062oNoqAYqyQ7XHjJAUNDYcsR925_0dKdGh_c5YOwERiP3tcUt5ck71p2XTtluOSo4TlwqNvbZztjd0-8HZgmj3jExi1r86cjusrW9WED8WfFwNdzrktsM/s1600/Free+Links+02.png" height="15" /></a><!-- End Backlink Code -->  <!-- Start Backlink Code --><a target="_blank" href="http://linux-tutor-and-tips.blogspot.com/"><img width="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg-MlXVSqQMZHQbJrJA7PRQoEmgWI_eJwGvQwadQILs8T50l4v2fSvokXKssnTs6i1Jy-byrPfLo4yTsvmvZ_R0pDjdYL4JAhVhZkMnwYZtfkDMzG4JaHuYqGCPFkDlAEa6WIqsgV9toY/s1600/Free+Links+01.png" height="15" /></a><!-- End Backlink Code --> <!-- Start backlink -->  <!-- Start Backlink Code --><a title="Free Backlink Service, Links Building 4 Free" target="_blank" href="http://free-backlink-service.blogspot.com/"><img width="80" alt="Free Backlink Service, Links Building 4 Free" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWPDEmcnGd52daYPxcnxxHTKT9B4IqzoByZ1F4M9ybObOkFCa_k_ExXaWJrnjpThU-TlhWppc9hadYUQiL573ItRmz_1dmQHectzj6EIpAojt8ADX4fhfT504-exY2ex20WTT2OpDfOd8/s1600/Free+Links+05.png" height="15" /></a><!-- End Backlink Code -->

4. Simpan, dan silahkan menuju ke www.chkme.com, lalu masukan URL sobat, dan lihat skor SEOnya pasti bertambah.
Sumber kode dari : http://seo-cyberjr.blogspot.com/2013/07/cara-rahasia-meingkatkan-seo.html

Cara Mudah Membuat Scroll Pada Label/Widget Blog

Cara Mudah Membuat Scroll Pada Label, Kategori Blog, Widget Blog | Share kali ini mengenai Cara Membuat Scroll Pada Label/Widget Blog, mungkin judul artikel ini tidak asing lagi buat para blogger, dan banyak sekali yang sudah mengetahui trik membuat scroll pada label atau widget di sidebar, namun banyak puka yang belum mengenalnya sama-sekali, tutorial kali ini yang gunanya untuk tampilan jadi menarik, ringkas dan kelihatan rapi pada widget sobat, dan juga supaya tidak kelihatan berantakan widget yang sobat pasang, dengan memakai scroll, blog akan terlihat rapi, dan pengunjung juga akan betah lama-lama di blog sobat. Untuk template yang biasa scroll pada table tentunya tidak ada, kecuali template yang sudah dimodif sedemikian rupa. Tapi sobat jangan kwatir semua itu bisa sobat miliki sekarang dengan mudah. Sudah jelas bukan penjelasannnya? Untuk demonya sobat bisa lihat sendiri di bagian sidebar saya yang memakai scroll, contohnya seperti Link Exchange (di sidebar), untuk lebih memperjelas tujuan tutorial saya kali ini, lihatlah gambar di bawah ini :

 Nah gk pake lama langsung simak dibawah ini. Cekidot….

Berikut ini langkah-langkah Cara Membuat Scroll Pada Label, Kategori Blog, tau widget blog:
1. Masuk ke Blogger.com
2. masuk ke Template --> edit HTML
3. Kemudian Cari kode ]]></b:skin> (Gunakan tombol CTRL+F, untuk mempercepat, dan memudahkan proses pencarian)
4. Copy paste kode dibawah ini, tepat di atas kode ]]></b:skin>

#Label1 .widget-content{ height:150px; width:auto; overflow:auto; } /* Scroll pada Label */

5. Simpan template, dan semoga berhasil

Nah tutorial di atas sudah berhasil, lalu bagaimana ya cara membuat scroll pada widget yang lainnya ?, langsung saja simak, penjelasannya dibawah ini :
1. Masuk seperti tutorial di atas masuk ke edit HTML -->
2. Lalu cari nama widget sobat yang mau menggunakan scroll, untuk memperjelas lihat gambar dibawah ini :

Pertama sobat ambil nama judul widget yang mau menggunakan scroll, contohnya seperti di atas ambil nama "Popular Posts" nya saja.

3. Jika sudah di copy judul widget yang mau menggunakan scroll, selanjutnya masuk ke edit HTML, jika sudah, tekan tombol CTRL+F lalu copy judul widget yang mau menggunakan scroll tadi, jika sudah ketemu, simaklah gambar dibawah ini :

Sekarang sobat sudah ada gambaran kan ?,  pada tutorial di gambar di no 3. ambil nama kode "PopularPosts1" copy kode tersebut, awas jangan sampai salah antara huruf besar dan yang kecilnya, jika salah maka scrollnya tidak akan bekerja/scroll tidak akan muncul.

4. Selanjutnya cari kode ]]></b:skin> lalu copy kode dibawah ini tepat di atas kode ]]></b:skin> dan terapkan sesuai nama HTML widgetnya, simaklah kode dibawah ini :

#PopularPosts1 .widget-content{ height:150px; width:auto; overflow:auto; }

Dan hasilnya seperti gambar dibawah ini :

kalo yang tadi itu Label1, sekarang PopularPosts1 jadi yang membedakan scroll pada widgetnya yaitu dengan nama kode didepan tanda pagar "#" contohnya #PopularPosts1, #Label1, atau HTML1, dan seterusnya. Untuk mengatur tingginya bisa sobat atur tadinya 150px menjadi 180px, 120px, 100px, dan seterusnya, sesuai kebutuhan sobat.

Tutorial kali ini cukup segini dulu, jika ada yang mau ditanyakan, silahkan berkomentar dibawah, jika sudah berhasil jangan lupa kasih kenang-kenangan kepada saya dengan cara berkomentar, hehe :D

Cara Verifikasi Komentar OpenID di Blog

Cara Verifikasi Komentar OpenID di Blog - halo sobat Blog Krizeer, selamat sore, kali ini saya akan memposting Cara Verifikasi Komentar OpenID di Blog, kali ini saya akan memposting secara singkat dan jelas, OpenID digunakan para blogger untuk blogwalking / lainnya, nah, sebelum kalian Verifikasi, pasti akan ada problem, kurang lebih saat isi nama blog seperti ini :

Saya juga pernah ngalami hal itu, buktinya ada ssnya :v, nah bagi kalian yg ingin berkomentar menggunakan OpenID, silahkan ikuti tutorial berikut :

• Login ke blogger
• Klik Template -> Edit HTML
• Copy kode dibawah ini dan taruh tepat dibawah kode <head>

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/><link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

• Klik simpan template

Selamat anda sekarang bisa berkomentar menggunakan OpenID untuk mempermudah blogwalking :)

Sekarang saya lagi males ngetik, dan nyusun kata-katanya buat ngepostkan artikel ini, memang artikel ini tidak panjang, namun singkat tapi JELAS, dan mudah dipahami.

Sumber:http://sch-xp.blogspot.com/2013/07/Cara-Verifikasi-Komentar-OpenID-di-Blog.html

Cara Membuat Wiget Kode Warna di Blog

Siang sobat Blog Krizeer, kali ini saya akan berbagi lagi, judulnya "Cara Membuat Wiget Kode Warna di Blog", pasti sobat tidak aneh lagi mendengar kalimat "Cara Membuat Wiget Kode Warna di Blog", untuk lebih mengenalnya lihatlah screenshoot nya di bawah ini (klik gambar untuk melihat lebih jelas lagi) :

• Demo

Sudah tau kan maksud saya, oke kalo begitu langsung saja ke tutorialnya ya, berikut tutorialnya:

• Login ke Blogger
• Buat Entri Baru/Postingan Baru
• Pada menu pembuatan artikel, pilih/klik tab menu HTML (Biasanya ada di pojok kiri atas, dekat tab Compose)
• Copy script di bawah ini didalam HTML (di postingan)

<object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="420" id="col" width="420"> <param value="sameDomain" name="allowScriptAccess"><param value="http://www.2createawebsite.com/build/col.swf" name="movie"><param value="high" name="quality"><param value="#ffffff" name="bgcolor"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="420" align="middle" height="420"></object>

Jika sudah dicopy paste, simpan postingan sobat dengan cara mengklik Publiskan (di kanan atas), dan lihat hasilnya, selamat mencoba dan semoga berhasil, jika sobat kurang paham dengan tutorial kali ini, bisa sobat tanyakan dengan cara berkomentar dibawah postingan ini.

Cara Membuat Lightbox dengan Jquery di Blog

Selamat sore sobat Blog Krizeer, sekarang "Smart Education" sudah ganti judul blog :D, pada kali ini Blog Krizeer mau berbagi "Cara Membuat Lightbox dengan Jquery di Blog". Lightbox itu lho ketika gambar di klik di dalam postingan akan muncul gambar dengan ukuran originalnya di artikel tersebut, dan tidak usah menuju ke link gambarnya terlebih dahulu. Mungkin banyak yang sudah mengetahui tutorial saya kali ini, dan ada juga yang belumtau sama-sekali, Sebetulnya tutorial ini sudah dijelaskan oleh Blog Johanes, saya akan share lagi. Berikut screen shootnya, sobat bisa lihat sendiri gambar dibawah ini sebagai contohnya:

Sudah tau kan maksud saya ?, yaudah kalo sudah tau, simaklah tutorial berikut:

1. Buka Blogger -> edit HTML
2. Cari kode ]]></b:skin> dengan menekan tombol CTRL + F (supaya mempercepat proses pencarian, dari pada di liatin kodenya satu-satu, entar lebaran duluan deh :D)
3. Copy paste kode dibawah ini tepat di atas kode ]]></b:skin>

/* Lightbox by www.yoga-tc.blogspot.com */
#jquery-overlay{position:absolute;
top:0;left:0;z-index:90;
width:100%;height:500px}
#jquery-lightbox
{position:absolute;top:0;left:0;width:100%;
z-index:100;text-align:center;line-height:0}
#jquery-lightbox a,#jquery-lightbox a:hover
{border:none}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box
{position:relative;background-color:#fff;border-radius: 5px 5px 0px 0px;
width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0%;
height:25%;width:100%;text-align:center;
line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;
height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext
{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;
background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;
width:100%;padding:0 10px 0;border-radius: 0px 0px 5px 5px;}
#lightbox-container-image-data
{padding:0 10px;color:#666}
#lightbox-container-image-data
#lightbox-image-details
{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber
{display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px;float:right;
padding-bottom:0.7em}
/* End Lightbox by www.yoga-tc.blogspot.com */

Setelah itu letakan Jquery dibawah ini tepat diatas kode </body>

<script src='http://lightbox-blogger.googlecode.com/files/jquery.min.js' type='text/javascript'/>
<script src='http://lightbox-blogger.googlecode.com/files/lightbox.min.js' type='text/javascript'/>

Setelah itu simpan template dan lihat hasilnya dengan klik gambar pada postingan anda. Semoga bermanfaat :D
Source dari : http://djogzs.blogspot.com/2013/07/lightbox-blogger-dengan-jquery.html

Cara Menghapus Link Aktif Pada Komentar Dengan Javascript

Cara Menghilangkan Link Aktif pada Komentar - Terkadang kita sering dipusingkan dengan banyaknya spmmer pada komentar, dengan menyimpan link aktif /hidup. Kebanyakan dari mereka komentarnya tidak bermutu, dan hanya mengharapkan backlink. Tentunya kita harus mengambil cara agar para spammer tidak seenaknya menyimpan tautan aktif pada komentar.Contoh penulisan link aktif pada form komentar:



Ada beberapa cara untuk menghilangkan link aktif / link hidup pada komentar, diantaranya dengan CSS dan JavaScript.

Dengan JavaScript (Recommended)
Javascript pertama, Sebetulnya ada banyak javaScript untuk menghilangkan link hidup pada komentar ini, namun pada kesempatan ini saya akan berbagi 2 JavaScript saja.

Sebelum ditambahkan Jacascript hasilnya seberti dibawah ini:



Simpan salah satu JavaScript ini di atas </body>

<script type='text/javascript'>//<![CDATA[$(function(){$('#comments p').find('a').contents().unwrap();});//]]></script>

Dan setelah ditambahkan Jacascript hasilnya akan menjadi seperti ini:



Javascript yang kedua, jika orang memakai link aktif di blog yang sudah memasang anti link aktif di komentar blog, maka yang muncul hanya kalimat "No Live Link!!!", berikut kode javascriptnya:

<script type='text/javascript'> //<![CDATA[ function blockLinks(parentID, children) { var parent = document.getElementById(parentID), content = parent.getElementsByTagName(children); for (var i = 0; i < content.length; i++) { if (content[i].innerHTML.indexOf('</a>') !== -1) { content[i].innerHTML = "<mark>No live link!!!</mark> Dilarang nyepam di sini!"; content[i].className = "spammer-detected"; } } } blockLinks('comment-holder', 'p'); //]]> </script>

Dan hasilnya seperti gambar dibawah ini, hanya berupa kalimat "No Live Link!!!"

Sekian dulu tutorial kali ini semoga bermanfaat bagi kalian semua, dan bila ada kata2 yang salah, mohon dimaklumi saja ya (baru belajar mengetik), Blog Krizeer mengucapkan selamat menunaikan ibadah puasa, semoga puasa kalian lancar, amin. Salam Blog Krizeer.

Source dari : http://blog.kangismet.net/2013/05/menghilangkan-link-aktif-pada-komentar.html

Twitter Blogger Template

Twitter Blogger Template terinspirasi dari mikro pertama blogging situs Twitter.com dunia. Padahal, tema ini bukan replika Twitter.com tapi masih memiliki sentuhan yang akan mengkonversi blog Blogger Anda ke situs jaringan sosial yang kuat. Kombinasi warna biru muda dan tempat memberikan sentuhan elegan. Karena, tema ini terinspirasi dari Twitter. Oleh karena itu, kami juga telah terpasang twitter tombol Tweet. Tema ini sangat efisien dan sadar yang membuatnya menonjol dari template lain. Ini memiliki beberapa built-in fitur luar biasa seperti navigasi halaman bernomor, dan masih banyak lagi. Untuk screenshotnya sobat bisa lihat gambar dibawah ini :

Fitur Twitter Blogger Template:

• Menu melayang di header: Memiliki bar hitam kepala mengambang ramping dan bergaya yang terdiri dari LOGO Kecil, menu navigasi dan bar pencarian. Mengapung di sepanjang layar Anda setiap kali gulir ke atas atau bawah halaman.
• Halaman bernomor Navigasi: Kami telah memasang halaman Nomor Plugin navigasi dalam tema ini yang secara otomatis mengesampingkan tua / baru tombol pos. Ini mengurangi tingkat bouncing dan meningkatkan keterlibatan pengguna.
• SEO-Friendly: Kami juga telah menginstal Plugin SEO pada template ini, yang pasti akan membantu Anda untuk meningkatkan lalu lintas organik Anda secara berurutan. Padahal, plugin ini tidak gratis, tetapi disponsori oleh MyBloggerLab.com. Oleh karena itu, gratis hanya untuk tema ini.
• Kustom CSS3 Label: Di antara beberapa fitur yang menonjol, kami juga menambahkan megah CSS3 Label cloud dalam tema ini yang pasti akan menangkap perhatian ekstra.
• Fitur Lebih: Twitter Dengar, Web 2.0, Majalah Gaya, cahaya biru dan hitam Skema warna, sistem komentar berulir, dan banyak lagi.

Bagaimana untuk menyesuaikan menu Melayang?

Kembali ke Blogger.com >> Template >> Edit HTML >> Lanjutkan. Sekarang mencari berikut kode di template. Setelah menemukan itu Ganti # dengan URL Anda dan Simpan template.

<ul class='art-hmenu'>
<li> <a class='active' href='#' title='Home'> Home </ a> </ li>
<li> <a href='#' title='About yang theme'> Tentang tema </ a> </ li>
<li> <a href='#' title='Buy Theme'> Buy Tema </ a> </ li>
<li> <a href='#' title='Plugins'> Plugin </ a> </ li>
<li> <a href='#' title='Help'> Bantuan </ a> </ li>
<li> <a href='#' title='Contact'> Kontak </ a> </ li>
</ ul>

Demo | Download

WebDepot Blogger Template

The WebDepot Blogger Template adalah kombinasi dari skema warna yang berbeda yang membuatnya terlihat unik. Tema ini sangat ideal untuk Merancang, mengembangkan web, dan situs web berbasis Majalah terutama bagi mereka yang stres lebih ke arah merancang niche. Tidak seperti tema kami yang lain, ini memiliki banyak fitur tak tertandingi termasuk beberapa inklusi CSS3 dan fungsi penting lainnya. Ketika Anda berbicara tentang merancang murni, template ini hampir tak terlihat karena kita telah menggunakan banyak fitur untuk pertama kalinya. Ini memiliki desain yang bersih dan ramping dan memiliki banyak utilitas berani. Untuk screenshotnya anda bisa lihat gambar dibawah ini :

Fitur WebDepot Blogger Template:

• Judul Sidebar Keren: Tidak seperti template blogger lain, kita harus pertama kali menggunakan teknik baru untuk menampilkan judul sidebar berwarna-warni bersama dengan ikon bertubuh kecil. Sebagai contoh, untuk Facebook Widget, kita telah menggunakan gelap judul sidebar biru bersama dengan Icon kecil "F" Logo yang mewakili Facebook.
• Tombol Kontra Sosial: Di bagian bawah setiap posting, Anda dapat melihat tombol hitung sosial diatur sedemikian rupa sehingga bisa membawa percikan eye-catching pengunjung Anda. Kami telah menambahkan Facebook, Twitter dan Google+ tombol sosial kontra.
• SEO Friendly: Seperti kebanyakan kami dari tema, ini juga SEO Friendly. Ini adalah pra-dioptimalkan untuk SEO pada halaman. Termasuk pos tag, Meta tag, Kata Kunci, dan hal mengoptimalkan mendalam. Lebih penting lagi, kecepatan ini secara signifikan lebih cepat daripada mayoritas template-tugas berat lainnya.
• Posting terkait/Related Post: Dalam tema ini, kami telah menambahkan Thumbnail Terkait posting widget yang akan bekerja pada otomatisasi. Para Thumbnail adalah dari ukuran normal sehingga dengan mudah bisa dilihat oleh pembaca.Fitur Lebih: Drop Down Menu, 4 footer kolom, skema multi-warna, sistem komentar berulir, 2 kolom template, dan banyak lagi.

More Features :  Drop Down Menu, 4 footer kolom, skema multi-warna, sistem komentar berulir, 2 kolom template, dan banyak lagi. Berikut demo, dan download template ini :

Demo | Download

Xenon Blogger Template

Hai sobat Blog Krizeer, kali saya akan share template gratis, dan juga keren dehh, nama templatenya : Xenon Blogger Template. Inilah SSnya, sobat bisa lihat dibawah ini :

Berikut fitur-fitur templatenya :

• 1 Sidebar
• 2 Columns
• Black
• Elegant
• Fixed width
• Fresh
• Left Sidebar
• Magazine
• Top Navigation Bar

Buat yang mau download silahkan, dan untuk yang mau tanya-tanya tentang templatenya bisa ditanyakan langsung kepada pembuatnya di : www.fabthemes.com, karena saya tidak tau selak beluk HTML template tersebut, dan saya hanya mengepostkan ulang. Berikut live demo, dan downloadnya :

Demo | Download

Pasang Logo Blogger Sunda di Blog

Pasang Logo Blogger Sunda di Blog - Selamat sore semuanya, kali ini saya akan berbagi sedikit tentang widget yang baru saja kami buat bersama, dan saya bekerjasama dengan Fitrah Gilang Fadillah, sebetulnya widget ini bukan sebuah clan atau grup, namun widget ini dibuat hanya untuk mencirikan identitas sebagai orang sunda. Dan widget ini kami beri nama widget Blogger Sunda. Contohnya bisa sobat lihat di sudut kiri atas blog ini, atau lihat gambar dibawah ini sebagai contohnya :

Sobat blogger sunda yang tertarik memasang widget blogger sunda di blog, silahkan.

Cara Memasang Logo Blogger Sunda di Blog
 

1. Masuk ke tata letak --> Tambah gadget --> HTML/Javascript
2. Lalu letakan kode widget dibawah ini didalam HTML/Javascript.

ini dia widgetnya :

<!-- Blogger Sunda by www.yoga-tc.blogspot.com -->
<script src="https://googledrive.com/host/0By9Vs49VphQqVFpvUXlfY0tQRkU" type="text/javascript"></script><script type="text/javascript"> cot("http://i.imgur.com/e13tcHD.png")</script>
<!-- End Blogger Sunda by www.yoga-tc.blogspot.com -->

3. yang terakhir klik simpan setelan, dan lihat blog anda sudah terpasang widget Blogger Sunda

Ingat widget ini bukan sebuat grup ataupun clan melainkan hanya untuk memberikan identitas sebagai blogger orang sunda, maaf yah kalo wodgetnya jelek xD. Dan bagi yang mau memasang widget ini silahkan.