B-Seo V2 SEO Friendly Blogger Template

 DEMO | DOWNLOAD

1 Sidebar kanan ( lebar : 330px sangat cocok untuk iklan adsense dll ).

2 Kolom.

4 Kolom Footer bawah.

2 Header kanan dan kiri ( yang kanan untuk banner / iklan ).

Read more otomatis.

Share button.

Kotak komentar simpel.

Menu Horizontal di bawah dan di atas Header.

Meta Tags Otomatis Seo friendly.

H1 Setiap judul postingan.

Minimal penggunaan gambar / image.

Breadcrumb.

Platinum Seo Blogger Template

Demo | Download

Bamz style seo blogger template

Fitur:

2 kolom (2 column).

Seo friendly template.

Title H1.

Read More Otomatis.

Breadcrumb.

2 Header kanan dan kiri.

Sidebar kanan dengan lebar 300px.

Ads Ready.

Menu horizontal.

White Color.

Tabel, blockquoute, H2,H3,H4,H5,H6 sudah di sesuiakan dan lebih menarik.

Loading blog lebih cepat.

Title, Meta description, meta tags (keyword) sudah seo friendly.

Enabel Thread Comments.



DEMO |  DOWNLOAD

Flash twitter button animated

Jika sobat ingin button follow twitternya animated flash,

dapatkan di http://www.twitterflash.net/



Banyak button animated di site tersebut.

Tinggal masukkan id twitter sobat kemudian generate code

Copy kode dan paste di gadget blog sobat.



Selamat mencoba

Cara membuat show hide komentar blog

Cara show hide komentar blog ini bermanfaat untuk menyembunyikan komentar yang panjang kebawah.

Membuat komentar blog lebih simple dan rapi.

Dengan klik comment, maka komentar2 terbuka.

Jika sobat ingin membuatnya,

berikut ini caranya:

1. login blog

2. rancangan

3. edit html dan centang "expand widget template"

4. letakan kode berikut di atas ]]></b:skin>

#comments {

display : none;

}

.tombol-komentar a{

text-align: center;

}

.stylewadah {background: #000;

padding: 5px;

}

5. letakkan kode berikut di atas </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js' type='text/javascript'/>

<script type='text/javascript'>

$(document).ready(function(){

    $(&quot;.tombol-komentar&quot;).click(function(){

        $(&quot;#comments&quot;).slideToggle(&quot;slow&quot;);

        $(this).toggleClass(&quot;active&quot;);

        return false;

    });

});

</script> 

6. letakkan kode berikut di bawah <b:includable id='comments' var='post'>

<center>

<div class='stylewadah'>

<a class='tombol-komentar' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

<b:if cond='data:post.numComments == 0'>No Comments be the first<b:else/><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></b:if>

</a>

</div>

</center> 

7. simpan dan selesai

Selamat mencoba!

Cara membuat halaman under maintenance pada blog

Memasang halaman bergambar under maintenance bertujuan

 untuk memberitahu kepada pengunjung,

bahwa blog sobat dalam perbaikan

Halaman ini berada pada home/tampilan depan blog sobat.

Berikut caranya, apabila sobat ingin memasangnya

 1. login blog

2. rancangan

3. edit html dan centang "expand widget template"

4. letakkan kode berikut di atas ]]></b:skin>

html {

height: 100%;

background: url(http://www.ventiq.com/wordp/wp-content/uploads/2011/12/maintenance_dofus.jpg) no-repeat center 50%; margin: 0; 

}

 body { 

display: none; 

}

kode gambar berwarna kuning ganti sesuai keinginan.

5. simpan

Mudah bukan cara membuat halaman under maintenance pada blog?

Selamat mencoba!

Cara membuat like fan page facebook melayang pada blog

Contoh like fan page facebook melayang seperti gambar di atas.

Di sertai tombol close.

Jika sobat ingin membuatnya,

Berikut ini caranya:

1. login blog

2. rancangan

3. Add gadget "html/javascript"

4. Copast kode b erikut

<style type="text/css">

#topbar{

position:absolute;

padding-top:120px;

padding-left:330px;

background-color: transparancy;

width: 292px;

visibility: hidden;

z-index: 100;

}

</style>

<script type="text/javascript">

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session

var startX = 30 //set x offset of bar in pixels

var startY = 5 //set y offset of bar in pixels

var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

function get_cookie(Name) {

var search = Name + "="

var returnvalue = "";

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

if (offset != -1) {

offset += search.length

end = document.cookie.indexOf(";", offset);

if (end == -1) end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset, end))

}

}

return returnvalue;

}

function closebar(){

if (persistclose)

document.cookie="remainclosed=1"

document.getElementById("topbar").style.visibility="hidden"

}

function staticbar(){

 barheight=document.getElementById("topbar").offsetHeight

 var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;

 var d = document;

 function ml(id){

  var el=d.getElementById(id);

  if (!persistclose || persistclose && get_cookie("remainclosed")=="")

  el.style.visibility="visible"

  if(d.layers)el.style=el;

  el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};

  el.x = startX;

  if (verticalpos=="fromtop")

  el.y = startY;

  else{

  el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;

  el.y -= startY;

  }

  return el;

 }

 window.stayTopLeft=function(){

  if (verticalpos=="fromtop"){

  var pY = ns ? pageYOffset : iecompattest().scrollTop;

  ftlObj.y += (pY + startY - ftlObj.y)/8;

  }

  else{

  var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;

  ftlObj.y += (pY - startY - ftlObj.y)/8;

  }

  ftlObj.sP(ftlObj.x, ftlObj.y);

  setTimeout("stayTopLeft()", 10);

 }

 ftlObj = ml("topbar");

 stayTopLeft();

}

if (window.addEventListener)

window.addEventListener("load", staticbar, false)

else if (window.attachEvent)

window.attachEvent("onload", staticbar)

else if (document.getElementById)

window.onload=staticbar

</script>

<br />

<div class="clear">

</div>

<div id="topbar">

<div style="text-align: center;">

<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHkVBNwACLpb3KQ9SarZozc1EXhyphenhyphenaJsQqylR3GqmHskrw9vjBuzz1J0m31q3YoezGSEdpFNPgoqsztrWP7VPnaCCZO2lEK8ZUKDlpjkwrTAyYujgqDmnFXumvBjPj-f89sTp8o-62W5hdh/s1600/Close+Button.gif" /></a></div>

<center>

<div style="background: #000;">

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FTutorial-Blog-Zona-Mig33-internet%2F327653677253564&amp;width=300&amp;height=300&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=ff0000&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:190px; height:300px;" allowtransparency="true"></iframe> 

</div>

</center>

</div>

Kode warna kuning adalah kode like fan page facebook.

Ganti dengan kode sobat atau dapat di ganti dengan widget yang lain.

Semoga tutorial cara membuat like fan page facebook melayang pada blog nya bermanfaat.

Cara memasang emoticon plurk pada komentar blog

Emoticon plurk contohnya seperti gambar di atas sob...

Apabila sobat blogger tertarik untuk memasangnya pada komentar blog,

Berikut ini caranya:

1. Login blog

2. Rancangan

3. Edit template dan centang expand widget template

4. Letakkan kode berikut di atas </body>

<script src='http://nova13.googlecode.com/files/nova13_plurk_kompres.js' type='text/javascript'/>

5. Letakkan kode berikut di bawah  <p class='comment-footer'> atau di atas <b:if cond='data:post.embedCommentForm'>

<b><img src="http://statics.plurk.com/4f01bac8a707e5450307f97065ec0fa7.gif" />

:a:

<img src="http://statics.plurk.com/65271ac2126706bc09d31ff67c525d67.gif" />

:b:

<img src="http://statics.plurk.com/fcd28d7d78ec1f828c76930fa63270e6.gif" />

:c:

<img src="http://statics.plurk.com/3385896779bf1c13188bf92ca516878e.gif" />

:d:

<img src="http://statics.plurk.com/bac8c8392f7ca8f5ac74612be4d08b74.gif" />

:e:

<img src="http://statics.plurk.com/d1a6f08507b126ec6a215e6a2372e8bb.gif" />

:f:

<img src="http://statics.plurk.com/373cd2f23dab7528d4875170d13d64f7.gif" />

:g:

<img src="http://statics.plurk.com/e8ed6c7eed76d2acd9dbf469f29fbec2.gif" />

:h:

<img src="http://statics.plurk.com/aabbc82c2b0dc72bfbce2f82c97a95e8.gif" />

:i:

<img src="http://statics.plurk.com/35b16fc25623670e41c2be6bf8ac38c7.gif" />

:j:

<img src="http://statics.plurk.com/843739a95294fd0bf4c958840b46408f.gif" />

:k:

<img src="http://statics.plurk.com/b0b0596acce9ffc1f2a27548aa642eaf.gif" />

:l:

<img src="http://statics.plurk.com/1c890273544559b17f090d09238fa763.gif" />

:m:

<img src="http://statics.plurk.com/95e69aa508d4bb435706b9db0a610dad.gif" />

:n:

<img src="http://statics.plurk.com/db4c4a7d141fdcaca4d4b11f8fb360db.gif" />

:o:

<img src="http://statics.plurk.com/bb1e3fed482959a00013f7f1efcc17a0.gif" />

:p:

<img src="http://statics.plurk.com/e49c8ae965452550c98fc7f99741ae0d.gif" />

:q:</b>

 Selesai, kemudian simpan.

Demikian cara membuat emoticon plurk pada komentar blog.

Semoga infonya bermanfaat.

Link Exchange

Banner Mig33 Eagle

<a href="http://www.mig33eagle.com/" target="_blank" title="Mig33 Eagle"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiinbXbEJKiSysmAo7zG6Kw7FWLP3qpoLtHY0FDH7RrsYB7fOEI4w4W21Nitp85avM9k_khm8aUNRFwzqkbl5badJnmy3OLaa52QRpUL9LYdNQKSm3gKeEVSei7aJcFYHlCN7KA7oUA24E/s1600/mig33eagle.gif" /></a>

Mig33 Eagle

<a href="http://www.mig33eagle.com/" target="_blank" title="Aplikasi Mig33 dan Tutorial Blog">Aplikasi Mig33 dan Tutorial Blog</a>

LINK FRIENDS 

B-digg - Tutorial blogger dan SEO blogger



Christian Tatelu



Tutorial Blog | Spesifikasi Harga Ponsel Handphone | Tips Komputer



TRIK BLOGGER



Belajar Blogging



Tutorial Blog



Blognya Reggy | Tutorial Blogspot | Downloads



Wayjar' Blog



Cirebon-Cyber4rt



TOKO SEPATU FUTSAL KW NIKE

Hadi's Blog

BANNER FRIENDS

Daftar Antivirus Palsu

Mungkin sebagian dari sobat ada yang belum tahu ternyata ada antivirus palsu (Fake) kalau di instal dikomputer bukannya virus terhapus justru sebaliknya virusnya semakin bertambah banyak, tidak hanya itu virus palsu bisa saja kombinasi dari keylogger yang bisa mengambil semua data-data penting anda

Berikut adalah daftar anti virus Fake (palsu) yang beredar.

• Cyber Security


• Alpha Antivirus


• Windows Enterprise Suite


• Security Center


• Control Center


• Braviax


• Windows Police Pro


• Antivirus Pro 2010


• PC Antispyware 2010


• FraudTool.MalwareProtector.d


• Winshield2009.com


• Green AV


• Windows Protection Suite


• Total Security 2009


• Windows System Suite


• Antivirus BEST


• System Security


• Personal Antivirus


• System Security 2009


• Malware Doctor


• Antivirus System Pro


• WinPC Defender


• Anti-Virus-1


• Spyware Guard 2008


• System Guard 2009


• Antivirus 2009


• Antivirus 2010


• Antivirus Pro 2009


• Antivirus 360


• MS Antispyware 2009

Sekarang sobat tahu kan, antivirus fake atau palsu

Silahkan serahkan untuk urusan antivirus pada Anti virus yang memang sudah punya nama dan kredibilitas seperti AVG, AVIRA, Norton, MC Afee, Kaspersky, ESET, dll

Gift Animator Animake

Animake adalah seorang animator gif sangat efisien dan sederhana untuk digunakan.

 Ini animator gif alamat sendiri spesial untuk webmaster dan semua orang,

yang ingin menghasilkan mudah dan cepat animasi gif dari gambar gif tunggal.

Dengan Animake animator gif Anda dapat menghasilkan gambar animasi gif tanpa pengetahuan sebelumnya.

Para Animake animator gif beredar cocok untuk animasi gif gambar dengan fungsi operasional berikut:

• Produksi animasi gifs untuk aplikasi web.


• Langsung mengkonversi video ke dalam animasi gif (divx2gif,mpeg2gif, mpg2gif, asf2gif, avi2gif dll.).


• Menghasilkan animatios dari screenshot selektif / snapshots ataujendela individu.


• Perubahan ukuran dan warna gambar dalam bmp format, PCD, PCX, tga, tif, jpg, ico.


• Perhitungan palet umum untuk pilihan layar.


• Ekstrak gambar individu dari video (mpeg, mpg, divx, avi, dll.)Dan animasi dalam format Autodesk.


• Menghasilkan animasi di flash shockwave dan format Autodesk

DOWNLOAD ANIMAKE

Download software animasi maker Easy GIF Animator

jika sobat ingin membuat animasi sendiri

Sobat dapat menggunakan Easy Gift Animator.

DOWNLOAD

Cara menampilkan update post blog ke facebook fanpage

Apabila fan page facebook blog sobat kosong tidak ada kontennya, pasti terasa hambar.

Kali ini saya akan share cara menampilkan update postingan blog ke facebook fan page

1. Login facebook

2. search rss graffity dan "go to app"

pilih izinkan.

3. Pilih page sobat yang berada pada kiri gambar avatar

(lihat panah gambar di bawah ini)

4. Configured

5. Add feed

dengan mengisi form:

feed url: http://www.cybermig.com/feeds/posts/default

source name: cyber mig33

source url: http://www.cybermig.com

Ganti url di atas dengan url sobat

6. save

Untuk melihat hasilnya klik "preview"

Monggo dicoba.

Semoga tutorialnya berguna.

Black Effect Seo Blogger Template

Featured:

Slideshow

Simple Template But Elegant

Fast loading



DOWNLOAD

Black Feat Blue Seo Blogger Template

Featured:

Slideshow

fast loading

seo friendly

rigth sidebar



DOWNLOAD

Colourfull Theme Seo Blogger Template

Featured:

Transforming Column (3 Column to 2 column)

Different comment style for admin

Breadcrumb navigation

Adsense (Full size ads)

External google font

Auto readmore

Comment count at post title

Color Change

Fast loading

DOWNLOAD

Silver Carving Seo Blogger Template

Featured:

Transforming Column (3 Column to 2 column)

Different comment style for admin

Breadcrumb navigation

Adsense (Full size ads)

External google font

Auto readmore

Comment count at post title

Color Change

Fast loading

DOWNLOAD

Boxtube Free Blogger Template Elegan SEO Friendly

DOWNLOAD

Cara membuat iklan melayang dengan 1x klik untuk close

Seperti pada aturan iklan kumpulblogger.com yaitu dapat menggunakan

 iklan melayang tetapi dengan tombol close 1x klik.

Berikut kode yang harus di tambahkan pada script iklan:

<style type="text/css">

#gb{

position:fixed;

top:10px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbcontent{

float:right;

background:transparant;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir-100;

gb.style.top = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:left">

<a href="javascript:showHideGB()">

[Close]

</a>

</div>

<center>

KODE SCRIPT IKLAN

</center>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.center = (20-gb.offsetWidth).toString() + "px";

</script></div></div>

Letakkan di rancangan add gadget "html/javascript" blog sobat

Jangan lupa simpan ..

Selamat mencoba.

Cara memasang share facebook, digg,twitter dan google + pada blog

Contoh seperti gambar di atas sob.

Jika sobat ingin membuatnya,

berikut ini langkah2nya:

1. Login blog

2. Rancangan

3. Edit html dan cenyang "expand widget template"

4. Letakkan kode berikut di atas <div class='post-body entry-content'> atau class='post-body entry-content' yang pertama, karena biasanya ada 2 kode.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>

<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>

Share on :

</div>

<div style='float:left;padding-left:10px;'>

<a name='fb_share' type='button_count'/>

<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>

</script></div>

<div style='float:left;padding-left:10px;'>

<a class='DiggThisButton DiggCompact'/>

<script type='text/javascript'>

(function() {

var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];

s.type = &#39;text/javascript&#39;;

s.async = true;

s.src = &#39;http://widgets.digg.com/buttons.js&#39;;

s1.parentNode.insertBefore(s, s1);

})();

</script>

</div>

<div style='float:left;padding-left:10px;'>

<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

</div>

<div style='float:left;padding-left:10px;'>

<!-- Place this tag where you want the +1 button to render -->

<g:plusone size="medium"></g:plusone>

<!-- Place this render call where appropriate -->

<script type="text/javascript">

  (function() {

    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;

    po.src = 'https://apis.google.com/js/plusone.js';

    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

  })();

</script>

</div>

</div>

</b:if>

5. Simpan template dan selesai

Selamat mencoba dan happy blogging!!

Cara memasang sharing is sexy pada blog

Memasang Social Bookmark adalah salah satu cara yang cukup mudah,

sebagai salah satu cara untuk melakukan promosi blog.

Bookmark sosial adalah metode untuk pengguna internet untuk berbagi, mengatur, mencari, dan penanda suatu web atau blog.

So bagaimana cara membuat share social bookmark sharing is sexy?

Simak langkah2nya:



1. Login blog

2. Rancangan

3. Edit html dan centang:expand widget template"

4. Letakkan kode di atas ]]></b:skin>

div.beauty-bookmarks {

height:54px;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgRGy7MzWSLucEZ-V0oY5KGqvsGNo8aaiTNZym-EEmHGKHrZJhhXxks-hTI2kEsQbpVgBhyphenhyphen7-p26UoyX-EqIsbKHSnokyNgjeJWb4-o069noPAKWbp2I5XUT5Nu8Hvwk4D84zgoO4I4gvb/') no-repeat left bottom;

position:relative;

width:455px;

}

div.beauty-bookmarks span.beauty-rightside {

width:17px;

height:54px;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgRGy7MzWSLucEZ-V0oY5KGqvsGNo8aaiTNZym-EEmHGKHrZJhhXxks-hTI2kEsQbpVgBhyphenhyphen7-p26UoyX-EqIsbKHSnokyNgjeJWb4-o069noPAKWbp2I5XUT5Nu8Hvwk4D84zgoO4I4gvb/') no-repeat right bottom;

position:absolute;

right:-17px;

}

div.beauty-bookmarks ul.socials {

margin:0 !important;

padding:0 !important;

position:absolute;

bottom:0;

left:10px;

}

div.beauty-bookmarks ul.socials li {

display:inline-block !important;

float:left !important;

list-style-type:none !important;

margin:0 !important;

height:29px !important;

width:48px !important;

cursor:pointer !important;

padding:0 !important;

}

div.beauty-bookmarks ul.socials a {

display:block !important;

width:48px !important;

height:29px !important;

font-size:0 !important;

color:transparent !important;

}

.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover {

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF0DkwVUOCbqsDwdnnB1frYOBmod88mIxoDxk30ASjYuenmRpr7T9I0rvCQkKlKLjT5z3w5e0beTW374v_Vz3BCzlmjKIEVm31N91e6mqeOTjMz94uHeCUzu8cQpNq_pEMz0xBbIYa8vKB/') no-repeat !important;

}

.beauty-furl {

background-position:-300px top !important;

}

.beauty-furl:hover {

background-position:-300px bottom !important;

}

.beauty-digg {

background-position:-500px top !important;

}

.beauty-digg:hover {

background-position:-500px bottom !important;

}

.beauty-reddit {

background-position:-100px top !important;

}

.beauty-reddit:hover {

background-position:-100px bottom !important;

}

.beauty-stumble {

background-position:-50px top !important;

}

.beauty-stumble:hover {

background-position:-50px bottom !important;

}

.beauty-delicious {

background-position:left top !important;

}

.beauty-delicious:hover {

background-position:left bottom !important;

}

.beauty-technorati {

background-position:-700px top !important;

}

.beauty-technorati:hover {

background-position:-700px bottom !important;

}

.beauty-twitter {

background-position:-350px top !important;

}

.beauty-twitter:hover {

background-position:-350px bottom !important;

}

.beauty-facebook {

background-position:-450px top !important;

}

.beauty-facebook:hover {

background-position:-450px bottom !important;

}

.beauty-script-style {

background-position:-400px top !important;

}

.beauty-script-style:hover {

background-position:-400px bottom !important;

}

.beauty-designfloat {

background-position:-550px top !important;

}

.beauty-designfloat:hover {

background-position:-550px bottom !important;

}

5. Letakkan kode berikut di bawah <data:post.body> yang ke2

<b:if cond='data:blog.pageType == "item"'>

<div class='beauty-bookmarks'>

<ul class='socials'>

<!-- delicious start-->

<li class='beauty-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<!-- delicious end-->

<!-- digg start-->

<li class='beauty-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<!-- digg end-->

<!-- technorati start-->

<li class='beauty-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<!-- technorati end-->

<!-- reddit start-->

<li class='beauty-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<!-- reddit end-->

<!-- Stumbleupon start-->

<li class='beauty-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<!-- Stumbleupon end-->

<!-- designfloat start-->

<li class='beauty-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<!-- designfloat end-->

<!-- facebook start-->

<li class='beauty-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<!-- facebook end-->

<!-- twitter start-->

<li class='beauty-twitter'><a expr:href='&quot;http://twitter.com/home/?status=Chk Out-&quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank'/></li>

<!-- twitter end-->

<!-- furl start-->

<li class='beauty-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<!-- furl end-->

</ul>

<span class='beauty-rightside'/>

</div>

</b:if>

6. Simpan template

Selamat mencoba sob!

Cara mengganti warna background iklan kumpulblogger pada blog

Jika kita ingin mengubah background iklan kumpul blogger,

 untuk menyesuaikan dengan warna template blog sobat,

berikut ini caranya:

di bawah ini script iklan

<script src="http://kumpulblogger.com/scahor.php?b=180202&onlytitle=1" type="text/javascript"></script>

modif menjadi seperti ini:

<div class='widget-content'>

<center><div style="background:red;

rgb(204, 204, 204); padding: 3px 3px 5px; text-align: left;"> <script src="http://kumpulblogger.com/scahor.php?b=180202&onlytitle=1" type="text/javascript"></script>

</div></center>

</div>

hasilnya:

ubah warna background sesuai keinginan ya..

Selamat mencoba mengubah warna background iklan kumpul blogger

Semoga infonya bermanfaat.

Cara membuat recent komentar dengan avatar pada blog

Contohnya seperti di atas sob..

Komentar terakhir menampilkannya dengan avatar.

Penasaran bagaimana cara membuatnya?

Berikut ini caranya:

1. Login blog

2. Rancangan "add gadget html/javasscript"

3. Copast kode berikut

<style type="text/css">

    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}

    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}

    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}

    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}

    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}

    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}

</style>

<script type="text/javascript">

//<![CDATA[

    // Recent Comments Settings

    var

 numComments  = 5,

 showAvatar  = true,

 avatarSize  = 30,

 roundAvatar = true,

 characters  = 30,

 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",

 hideCredits = true;

//]]>

</script>

<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>

<script type="text/javascript" src="http://codecyber.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

4. Save

Demikian cara membuat recent komentar dengan avatar.

Semoga tutorial nya bermanfaat.

Cara membuat floating like fan facebook pada blog

Apabila sobat penasaran seperti apa like fan page facebook floating,

Contoh gambar lihat atas.

Dan untuk mengerti detailnya, ikuti cara membuatnya:

1. Login blog

2. Rancangan

3. Edit html  

4. Letakkan kode berikut di atas </head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">

</script> 

5. Simpan template

kemudian  pada rancangan "add gadget html/javascript"

Copast kode berikut dan simpan

<script type="text/javascript">

//<!--

$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

//-->

</script>

<style type="text/css">

.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjiIiOvZ3mvown-sZ31X_98kfTVXmWRgQGFBAZCftKKMqfUtXb_cYIBC8wzfQyWxiDPo3cO9fUyjp74CbbT_DXBzi6Wt1fpbIcg9QpbiMydDSHQe_JvDzTeRfnBWOBgwwDJIPvAoa2XzQ/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}

.floatinglikebox div{border:none;position:relative;display:block;}

.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

.floatinglikebox span a{color: #808080;text-decoration:none;}

.floatinglikebox span a:hover{text-decoration:underline;}

</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FTutorial-Blog-Zona-Mig33-internet%2F327653677253564&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://www.cybermig.com/2012/02/cara-membuat-floating-like-fan-facebook.html" target="_blank">+Get This!</a></span></div></div>

Ganti kode merah diatas dengan url like fan pade sobat.

 6. Selesai

Silahkan mencoba.

Semoga tutorial tentang membuat floating like fan page facebooknya bermanfaat.

Cara membuat efek zoom pada gambar post blog

Jika sobat ingin membuat efek zoom pada gambar postingan,

seperti gambar di atas(sorot mouse aja jika ingin lihat contohnya)

simak caranya:

1. Login blog

2. Rancangan

3. Edit html dan centang expand widget template

4. Letakkan kode berikut di atas ]]></b:skin>

.hovergallery img{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;opacity:0.7;margin:0 10px 5px 0}.hovergallery img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);box-shadow:0px 0px 30px gray;-webkit-box-shadow:0px 0px 30px gray;-moz-box-shadow:0px 0px 30px gray;opacity:1}

5. Simpan template

Kemudian dalam editor postingan letakkan kode berikut pada gambar

<div class="hovergallery"> URL GAMBAR  </div> 

<div class="hovergallery"> <img src="http://dl4.glitter-graphics.net/pub/563/563974hf7kaxk18y.gif" width=90 height=90 border=0> </div>

Selanjutnya simpan postingan.

Mudah bukan cara membuat efek zoom pada gambar.

Selamat mencoba aja deh,

semoga tutornya bermanfat...