0 Cara Posting Artikel Otomatis ke Facebook Menggunakan RSS Graffiti

    

     

      

Postingan kali in saya akan membahas Bagaimana Cara Posting Artikel Otomatis ke Facebook Menggunakan RSS Graffiti. Jika kita mempunyai Pages di Facebook tentang Blog kita, tentunya kita ingin menampilkan Postingan terbaru di Pages Facebook. Kalau misalnya kita Postingnya secara manual, tentu cukup merepotkan. Makannya itu kita perlu menggunakan Aplikasi RSS Graffiti yang sudah disediakan di Facebook. RSS Graffiti ini memudahkan kita untuk menampilkan Postingan Blog, karena Aplikasi ini secara Otomatis akan menampilkan Postingan Blog kita, tanpa harus Posting satu persatu.

Berikut Cara Posting Artikel Otomatis ke Facebook Menggunakan RSS Graffiti:

1. Login ke Akun Facebook sobat, dan masuk ke Halaman Aplikasi RSS Graffiti

2. Kemudian Akan muncul halaman, seperti gambar dibawah ini:

3. Lalu sobat Klik "Ke Aplikasi"

4. Bila sudah, maka akan muncul halaman seperti gambar dibawah ini:

5. Klik "Izinkan"

6. Kemudian akan muncul halaman seperti gambar dibawah, lalu Klik "OK!"

7. Kemudian akan muncul halaman seperti gambar dibawah ini, lalu Klik "Add New Publishing Plan"

8. Kemudian Akan muncul seperti gambar dibawah ini, lalu Klik "Create Publishing Plan"

9. Kemudian akan muncul halaman seperti gambar dibawah, lalu Klik "ADD NEW" Pada kolom SOURCES, ini berfungsi untuk URL Blog dan TARGET adalah untuk merubah target dimana sobat banyak mengelola facebook page

10. Selanjutnya akan muncul seperti gambar dibawah, lalu sobat masukkan URL Blog di kotak yang tersedia, misal http://tutorial-blogz.blogspot.com, lalu Klik "Add Source"

11. Kemudian akan muncul seperti gambar dibawah:

Keterangan:

FEED SETUP

*Feed Title : isi Judul Feed

*Feed URL : isi Url Feed

Source Name Override: isi Nama Blog (tidak di isi juga tidak apa2)

Source URL Override: isi URL Blog (tidak di isi juga tidak apa2)

SCHEDULING

Update Frequency: Pilih sesuai keinginan sobat

Maximum Post per Update: Pilih sesuai keinginan sobat

Post Order per Update: Pilih sesuai keinginan sobat

12. Bila sudah, Klik "Save"

13. Kemudian Aktifkan RSS Graffiti 2.0 Beta pada Facebook sobat, dengan mengklik "OFF" untuk menggantinya menjadi "ON"

 

Silahkan sobat Posting Artikel di Blog sobat, dan lihat hasilnya.

Semoga artikel ini bermanfa'at untuk kalian semua..

Selamat mencoba..

»»»» Baca Selanjutnya...

0 Cara Pasang Meta Tag SEO Friendly di Blog

    

     

      

Salah satu yang dapat menyebabkan keberhasilan seorang blogger ialah jika seoarang blogger tersebut tidak hanya sekedar ngeblog / mosting- mosting saja, akan tetapi seorang blogger yang berhasil ialah blogger yang mau mempelajari/memperhatikan trik2 SEO dan mencoba mempraktekannya di blog mereka, sebab SEO sangat berpengaruh besar terhadap maju atau tidaknya blog mereka. SEO (Search Engine Optimization) itu sendiri merupakan serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kulitas trafik dari mesin pencari menuju alamat situs web tertentu, dengan memanfaatkan mekanisme kerja alami algoritma dari mesin pencari tersebut (Wikipedia). Atau dapat disimpulkan, seo merupakan sebuah metode agar postingan yang kita posting bisa terindex dan bisa nangkring di halaman pertama google, sehingga berpeluang besar untuk menarik pengunjung ke blog kita.

Sebenarnya ada banyak metode yang bisa dilakukan agar blog kita menjadi seo friendly, salah satunya dengan memasang meta tag yang seo friendly di blog. Dan metode ini hampir dilakukan oleh semua blogger. Dan hasilnya memang cukup efektif untuk menjadikan blog menjadi seo friendly. Ok. Dari pada saya berpanjang lebar, langsung saja menuju ke TKP.

Cara Memasang Meta Tag SEO Friendly di Blog

1. Login ke dasboard blog dan masuk ke Template.
2. Kemudian pilih edit HTML.
3. Centang Expand Widget Template.
4. Lalu cari kode berikut ini 

<b:include data='blog' name='all-head-content'/>   atau   <title><data:blog.pagetitle/></title>   atau 

<title><data:blog.pageName/> - <data:blog.title/></title>  atau  <title><data:blog.title/></title>

5. Jika sobat telah menemukan salah satu dari kode di atas, silahkan untuk meletakkan kode meta tag berikut di bawahnya: 

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content=' ISI DENGAN DESKRIPSI BLOG SOBAT ' name='DESCRIPTION'/>
<meta content=' ISI DENGAN KEYWORD BLOG SOBAT ' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content=' NAMA PENGGUNA BLOG ' name='author'/>
<meta content='2012, ISI DENGAN JUDUL BLOG ' name='copyright'/>
<meta content='1 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='all-language' http-equiv='Content-Language'/>
<meta content='global' name='Distribution'/>
<meta content='global' name='target'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Googlebot-Image'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='all' name='Scooter'/>
<meta content='ALL' name='spiders'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='never' name='Expires'/>


6. Klik Simpan dan tunggu hasilnya sampai google bot meng crawler blog sobat.

Catatan !!

Ganti kode kalimat berwarna merah sesuai dengan yang sobat inginkan, seperti untuk deskripsi silakan sobat isi dengan deskripsi blog sobat masing-masing. 

Atau Jika sobat menginginkan kode yang lebih sederhana bisa mengcopy kode di bawah ini dan paste kan di tempat yang sama. Tapi ingat !! gunakan salah satunya saja, jangan gunakan keduanya..

<b:if cond='data:blog.url == &quot;Isi dengan Url blog sobat&quot;'>

<title><data:blog.pageTitle/></title>

<meta content='Isi dengan deskripsi blog sobat' name='description'/>

<meta content='Isi dengan keyword blog sobat' name='keywords'/> </b:if>

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

<title><data:blog.pageName/> - <data:blog.title/></title>

<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='description'/>

<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>

</b:if>

Semoga bermanfaat dan semoga berhasil..

»»»» Baca Selanjutnya...

0 Cara Mempercantik Blog

    

     

      

Agar blog anda terlihat cantik, anda dapat menambahkan aksesoris blog ke dalam blog anda. Banyak pernak-pernik blog yang bisa anda tambahkan ke blog anda seperti jam blog, buku tamu/ kotak komentar, traffic visitor, dan masih banyak yang lain, bahkan iklanpun dapat anda letakkan di blog anda.

Untuk memasang aksesoris blog, anda hanya perlu memindahkan atau mengcopy kode java script ke halaman baru di blog anda.

Untuk mempercantik blog anda bisa mengklik situs di bawah ini :

1. www.clocklink.com (jam blog)
2. www.webcounter.com (traffic visitor)
3. www.redcounter.com (traffick visitor)
4. www.shoutmix.com (buku tamu)
5. www.cbox.com (buku tamu)
6. www.feedjit.com (recent pengunjung)
7. www.oggix.com (aksesoris)
8. www.mypagerank.net (rank traffick)
9. www.blogkatalog.com (recent visitor)

Demikianlah infomasi dari saya, Semoga Bermanfa'at untuk sobat blogger semua..

»»»» Baca Selanjutnya...

0 Cara Mengecek Berat Loading Suatu Blog

    

     

      

Kali ini saya akan share cara mengecek loading blog, loading blog juga memengaruhi ke visitor, dan jika loading blog kita berat / loadingnya lebih dari 1 menit maka otomatis visitor jadi malas membuka blog kita lagi alhasil blog kita akan mendapatkan sedikit visitor maka dari itu usahakan loading blog kita kurang dari 30 detik lalu bagaimanakah cara mengecek loading blog kita ?

Ok,saya kasih situs-situs yang bisa mengecek loading blog kita, Berikut situs-situs yang bisa mengecek loading blog kita :

• http://www.numion.com/stopwatch/
• http://gtmetrix.com/
• http://websiteoptimization.com/services/analyze
• http://iwebtool.com/speed_test
• http://tools.pingdom.com

Kelima situs itu bisa jadi memberika hasil yang berbeda-beda, Hal itu wajar bagi saya dan anda tidak perlu binggung yang perlu anda lakukan hanyalah membandingkan rata-rata dan membandingkan kelima situs tersebut, Jika hasilnya loading blog kita terlalu berat maka kurangilah widget yang tidak perlu dll

Ok,sekian informasi dari saya, Semoga Bermanfa'at..

»»»» Baca Selanjutnya...

0 Cara Membuat Objek Keliling di Mouse

    

     

      

Bagaimana anda gayakan mouse bagi pengunjung yang mengunjungi blog anda.?
Apakah anda biarkan secara default atau lakukan pengubahsuaian.?
Kali ini, satu lagi ubahsuai yang anda boleh lakukan, iaitu objek berpusing keliling mouse.

Ikuti tutorial di bawah ini:

1. Dari dashboard > design > add a gadget > HTML/javascript.

2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang anda buka.

&lt;script language="JavaScript" type="text/javascript"&gt;
var xCol = "#FF0000";
var yCol = "#FFFF00";
var zCol = "#0000FF";
var n = 6; //number of dots per trail.
var t = 40; //setTimeout speed.
var s = 0.2; //effect speed.
var r,h,w;
var d = document;
var my = 10;
var mx = 10;
var stp = 0;
var evn = 360/3;
var vx = new Array();
var vy = new Array();
var vz = new Array();
var dy = new Array();
var dx = new Array();
var pix = "px";
var strictmod = ((document.compatMode) &amp;&amp;
document.compatMode.indexOf("CSS") != -1);
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;
for (i = 0; i &lt; n; i++)
{
var dims = (i+1)/2;
d.write('&lt;div id="x'+(idx+i)+'" style="position:absolute;'
+'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+xCol+';font-size:'+dims+'px"&gt;&lt;\/div&gt;'
+'&lt;div id="y'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+yCol+';font-size:'+dims+'px"&gt;&lt;\/div&gt;'
+'&lt;div id="z'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+zCol+';font-size:'+dims+'px"&gt;&lt;\/div&gt;');
}
if (domWw) r = window;
else
{
if (d.documentElement &amp;&amp;
typeof d.documentElement.clientWidth == "number" &amp;&amp;
d.documentElement.clientWidth != 0)
r = d.documentElement;
else
{
if (d.body &amp;&amp; typeof d.body.clientWidth == "number")
r = d.body;
}
}
function winsize()
{
var oh,sy,ow,sx,rh,rw;
if (domWw)
{
if (d.documentElement &amp;&amp; d.defaultView &amp;&amp;
typeof d.defaultView.scrollMaxY == "number")
{
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else
{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh;
w = rw;
}
else
{
h = r.clientHeight;
w = r.clientWidth;
}
}
function scrl(yx)
{
var y,x;
if (domSy)
{
y = r.pageYOffset;
x = r.pageXOffset;
}
else
{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}
function mouse(e)
{
var msy = (domSy)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number')
{
my = e.pageY - msy + 16;
mx = e.pageX + 6;
}
else
{
my = e.clientY - msy + 16;
mx = e.clientX + 6;
}
if (my &gt; h-65) my = h-65;
if (mx &gt; w-50) mx = w-50;
}
function assgn()
{
for (j = 0; j &lt; 3; j++)
{
dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) *
Math.sin((stp+j*25)/2) + scrl(0) + pix;
dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) *
Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix;
}
stp+=s;
for (i = 0; i &lt; n; i++)
{
if (i &lt; n-1)
{
vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left;
vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left;
vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left;
}
else
{
vx[i].top = dy[0]; vx[i].left = dx[0];
vy[i].top = dy[1]; vy[i].left = dx[1];
vz[i].top = dy[2]; vz[i].left = dx[2];
}
}
setTimeout(assgn,t);
}
function init()
{
for (i = 0; i &lt; n; i++)
{
vx[i] = document.getElementById("x"+(idx+i)).style;
vy[i] = document.getElementById("y"+(idx+i)).style;
vz[i] = document.getElementById("z"+(idx+i)).style;
}
winsize();
assgn();
}
if (window.addEventListener)
{
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
document.addEventListener("mousemove",mouse,false);
}
else
if (window.attachEvent)
{
window.attachEvent("onload",init);
document.attachEvent("onmousemove",mouse);
window.attachEvent("onresize",winsize);
}
&lt;/script&gt;

3. Save dan lihat hasilnya.


NB:
  Ganti teks yang berwarna merah dengan warna yang anda inginkan, Selamat mencoba..

»»»» Baca Selanjutnya...

0 Cara Membuat Revolvermaps Di Blog

    

     

      

Belakangan ini ketika saya sedang berkunjung ke beberapa blog , saya menemukan sesuatu yang unik. Saya melihat ada sebuah widget yang sangat menarik, namanya Revolver Maps. Widget yang menampilkan visitor blog dengan efek 3D dengan tampilan globe yang berputar sepertihalnya bumi. Dan saya pun tertarik untuk memasangnya. Karena efek 3D nya tersebut bisa membuat blog terlihat lebih hidup. Dan akhirnya timbul keinginan saya untuk berbagi info ini, tentang bagaimana cara memasang widget revolver maps kepada para blogger sekalian.

Nah ,. Caranya mudah kok .. 

Langkah Pertama

1. Masuklah ke situsnya Revolver Maps, klik saja disini Revolver Maps
2. Kemudian Klik Get Standard Version
3. Atur Widgetnya sesuai keinginan anda.
4. Copy kodenya

 Atau bagi anda yang tidak mau repot , bisa copy kode di bawah ini:

<script type="text/javascript" src="http://ji.revolvermaps.com/r.js"></script><script type="text/javascript">rm_f1st('0','280','true','false','000000','8z2akiyoa8x','true','ff0000');</script><noscript><applet codebase="http://ri.revolvermaps.com/j" code="core.RE" width="280" height="280" archive="g.jar"><param name="cabbase" value="g.cab" /><param name="r" value="true" /><param name="n" value="false" /><param name="i" value="8z2akiyoa8x" /><param name="m" value="0" /><param name="s" value="280" /><param name="c" value="ff0000" /><param name="v" value="true" /><param name="b" value="000000" /><param name="rfc" value="true" /></applet></noscript><small><a href="" target="_blank"> Widget</a></small>

Langkah ke-2

1. Login ke dasbor blog anda
2. Pilih Rancangan
3. Pilih elemen laman
4. Pilih tambah gadget
5. Pilih edit Html / java script
6. Kemudin Paste kan kode tadi
7. Atur di mana anda mau meletakannya
8. Simpan
9. Selesai

Mudah bukan ? Selamat mencoba. Dan buatlah blog anda menjadi lebih hidup dan menarik..

»»»» Baca Selanjutnya...

0 Cara Merampingkan / Mengecilkan Alexa Rank

    

     

      

Siapa yang tidak menginginkan alexa ranknya terus meramping ? pasti semua blogger menginginkannya bukan ? ya ! sebab alexa rank yang ramping atau dengan digit yang kecil menandakan bahwa blog tersebut memiliki rangking yang bagus secara global maupun negara. Hal ini dikarenakan alexa memberikan sebuah layanan yang mana membuat suatu rangking sebuah blog secara global (dunia) maupun negara. Jadi jelas bagi blog yang beralexa ramping menandakan rangkingnya sangat bagus. Akan tetapi untuk membuat rangking alexa menjadi ramping tidak mudah loh,,, ada yang perlu dilakukan dan di usahakan. Berikut cara untuk Menurunkan Alexa Rank.

Cara Menurunkan / Mengecilkan Digit Alexa Rank

1. Pasang widget alexa di blog anda untuk memantau keadaan blog anda.
Cara paling mudah dan murah meriah adalah dengan Blogwalking dan meninggalkan komentar di Blog-blog dengan Alexa Rank yang lebih tinggi dari Blog anda .

2. Daftar Blog ke Search Engine Terutama Google, Yahoo dan MSN
Ini dilakukan agar blog kita cepat terindek di mesin pencari terutama yang sudah terkenel dan besar seperti Google, Yahoo, MSN dll, baru setelah itu ke search engine lainnya.

3. Daftar Blog ke Technorati
Technorati merupakan salah satu direktori blog yang sudah terkenal, bia juga berfungsi sebagai blogsearch, tags aggregator, online bookmarks, juga bisa mengetahui blog mana saja yg memasang link blog kita..

4. Cari Backlink
Cari backlink sebanyak-banyaknya dan berkualitas sebaiknya sih sesuai kategori blog, karena google menilai berdasarkan kuantitas dan kualitas link, tapi akhirnya mana saja yang mau bertukar link.. saya terima.

5. Bookmark Blog Sebagai Homepage Browser
Bookmark blog sebagai homepage di komputer yang sering digunakan untuk browsing ini juga baru kemarin saya lakukan di komputer rumah sebenarnya sih ini bisa juga dikantor, diwarnet atau dimana saja, makin banyak tentu semakin baik.

6. Update blog 2 hari sekali , 1 minggu 2 kali atau 1 bulan sekali . bila perlu setiap hari justru lebih bagus lagi.

7. Tulis artikel Tentang Alexa
Tulis artikel tentang Alexa misalnya seperti yang sedang sobat baca tentang Cara Meningkatkan Alexa Rank ini dan ajak para pembaca untuk men-download Alexa Toolbar. Jangan lupa saat membuat artikel tentang Alexa, selalu gunakan label atau kategori dengan keyword : Alexa, Alexa rank, Alexa traffic rank, Rangking Alexa, dsb. Intinya ada kata ' Alexa '.

8. Melakukan Ping
Lakukan ping secara berkala , saya baru lakukan ini dua kali , ping ini untuk merefresh blog kita di data base mesin pencari.

9. Minta teman untuk mereview dan merating profil blog Anda di Alexa. Memang belum ada bukti, namun mungkin saja cara ini berguna.

Download/ Instal Alexa toobar Disini

Semoga bermanfaat..

»»»» Baca Selanjutnya...

0 Cara Membuat Komentar Blog dan Facebook Berdampingan

    

     

      

Saya rasa dengan screnshot diatas Anda sudah paham mengapa judul postingan ini bertemakan membuat komentar blog dan facebook berdampingan. Sebelum kita masuk ke cara pembuatannya, saya ingin sekali menyampaikan kepada Anda bahwa, komentar facebook yang kita pasang di blog menggunakan trik ini, juga secara tidak langsung merupakan sarana promosi blog yang kita miliki. Artinya jika pengunjung menggunakan komentar facebook untuk berkomentar maka secara otomatis ada pemberitahuan di wall sipengunjung tersebut bahwa dia berkomentar di blog Anda. Kemudian setelah berkomentar coba Anda lihat diwall facebook Anda, disana akan tertera berupa pemberitahuan bahwa Anda berkomentar di blog.

Sekarang bagaimana, tertarik untuk membuat komentar blog dan facebook ke dalam blog Anda ? tentu donk. Jika demikian perhatikan tutorial berikut ini :


1. Login ke account blogger Anda

2. Klik rancangan lalu klik Edit HTML

3. Download template Anda dulu untuk berjaga-jaga

4. Beri centang atau ceklis pada  Expand Template Widget

5. Jika sudah, cari kode  ]]></b:skin>

6. Masukkan kode berikut ini di atas kode ]]></b:skin>

.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px;
cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}

7. Kemudian Anda cari kode </head>

8. Jika sudah dapat, masukkan kode berikut ini tepat diatas kode </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID FB Anda disini' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script><span style="font-size: 50%">Widget edited by <a href="http://daffanett.blogspot.com/" target="_blank" rel="follow">Daffa-net</a></span>

Perhatikan tulisan yang berwarna merah di atas, ganti dengan ID facebook Anda, misalkan https://www.facebook.com/nama Anda maka ID Anda berada pada tulisan yang berwana biru. Namun jika Anda belum merubah ID Anda maka yang tertera adalah berupa angka. Udah ngertikan ? jika sudah maka Akan saya lanjut.

9. Kemudian cari kode  <div class='comments' id='comments'>

Keterangan:  Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini dibawah kode
<div class='comments' id='comments'> yang pertama dan kedua.

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

Perhatikan angka yang berwarna merah dan biru diatas, angka 2 merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka 400 merupakan lebar kotak komentar facebook. Anda dapat menyesuaikannya sesuka hati, tapi kalu boleh saya kasih saran, sesuaikanlah dengan lebar template Anda agar kelihatan rapi. Dan perhatikan pula kode yang berwarna merah, jika penempatan kode dibawah <div class='comments' id='comments'> yang kedua terdapat kode yang sama, maka hapus salah satu kode tersebut.

10. Kemudian klik save, dan lihat hasilnya.

Jika semua langkah-langkah membuat komentar blog dan facebook berdampingan ini Anda ikuti dengan benar, maka seharusnya Anda berhasil melakukannya. Karena langkah diatas sudah saya lakukan dan berhasil seperti yang Anda lihat milik saya. Namun jika Anda memiliki struktur template yang berbeda, Anda dapat meletakkan kode pada poin no.9 dibawah kode <div class='comments' id='comments'> yang kedua saja.

»»»» Baca Selanjutnya...

0 Kode javascript Agar Blog Tidak Bisa Klik Kanan / Copy Paste

    

     

      

Mungkin Anda sering dibuat jengkel oleh para copassser, ditegur sudah, dilaporkan sudah juga. Bingung juga mau diapain lagi tuh blogger. Nah jika Anda tidak mau artikel dan gambarnya di copas, ada satu cara efektif yaitu dengan menambahkan kode javascript disable right click tersebut.

Di sini saya akan share Kode Javascript yang bisa dipasang di blog:

<script language="JavaScript">
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="Maaf Yee Klik Kiri Aja.";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>

Cara pasang :

1. Masuk ke akun blogger

2. Dasbor > Tata Letak > Tambahkan Gadget > pilih HTML / Javascript

3. Kemudian masukkan kode di atas tadi. Terus Simpan > Simpan Setelan

Memang kode ini tidak begitu cepat kerjanya apalagi jika loading blog sobat lelet. Masih ada kemungkinan di copas, dengan kesempatan waktu beberapa detik, namun setelah itu kode javascript anti klik kanan ini sudah bisa bekerja dengan baik.

Update :

Jika sobat kurang puas, silakan pakai kode javascript di bawah ini:
cari kode </head> lalu masukkan kode dibawah ini di bawahnya

<!-- Disable Copy Function-->
<script language='JavaScript1.2'>
function disableselect(e){
return false}
function reEnable(){
return true}
document.onselectstart=new Function (&quot;return false&quot;)
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable}
</script>

Nah silakan dicoba Sob..

»»»» Baca Selanjutnya...

0 Cara Membuat Background Berubah-Ubah

    

     

      

Siapa pun senang jika mempunyai blog yang keren dan tampil elegan, kali ini saya akan berbagi tentang background yang bisa berubah-ubah sesuai minat pengunjung nya, keren kan!!
Kalo mau check silakan di bawah :

Pilih Background Yg Kamu Suka


None Daffa_Net Green Matrix Red Matrix Blue Matrix Hacker Green Hacker Red Devil May Cry Naruto Assassin

1. Login ke blogger > rancangan template > tambah widget baru > pilih HTML/Javascript
2. Copy paste kode di bawah ini dan taruh di HTML/Javascript

<div class="widget-content">
<center><blink><span style="font-weight: bold;color:#0EE6E6;" >Pilih Background Yg Kamu Suka</span></blink>

<center><select onchange="document.body.style.background = this.value;this.style.background = this.value;" name="DADcbgc" title="Change Background Image" width="185" height="30">

<option value="url(http://daffanett.blogspot.com/) repeat center center fixed" />None
<option value="url(http://i1287.photobucket.com/albums/a639/Cobain_Donk/Wall_Blog.jpg) repeat center center fixed" />Daffa_Net
<option value="url(http://i1287.photobucket.com/albums/a639/Cobain_Donk/MatrixGreen_zps4762154d.jpg) repeat center center fixed" />Green Matrix
<option value="url(http://i1287.photobucket.com/albums/a639/Cobain_Donk/MatrixRed_zps1089fdff.jpg) repeat center center fixed" />Red Matrix
<option value="url(http://i1287.photobucket.com/albums/a639/Cobain_Donk/MatrixBlue_zps59920a94.jpg) repeat center center fixed" />Blue Matrix
<option value="url(http://i1287.photobucket.com/albums/a639/Cobain_Donk/Hacker_zpscbf888d1.jpg) repeat center center fixed" />Hacker Green
<option value="url(http://www.wallsave.com/wallpapers/1280x800/hacking/263842/hacking-hd-p-for-windows-263842.jpg) repeat center center fixed" />Hacker Red
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpJjPt9oZRorQ56vRsIcX1NWd0mDzZd2NvaxVu5CbMI_mwx2DV5lwgyr0aOb7YbNs98wCTF_0jtOOmhIygcC4xdmj92VdtccX_Of3l2_TQ3FyJjd8m-OXOiaXwdGgS6sGuf-gIfPvyPtJU/s1600/Devil_May_Cry_4_Wallpaper_by_Pedroaf.png) repeat center center fixed" />Devil May Cry
<option value="url(http://i1287.photobucket.com/albums/a639/Cobain_Donk/Naruto_zps3158f98f.jpg) repeat center center fixed" />Naruto
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDT7jVu07LGCyGZfF2JeGqNnBjZ5WhX4NkFB4qwFOft3DwJ1OHq6O8k_mk4Pq24DLNNjvwJCK1aBc52RgNu4zcwg6HeM4c61rCmL_w7VymKZXMGmfEz90xRAMo3C3KinY5zvvLofsv-uZ4/s1600/assassins+creed+2+wallpaper+background.jpg) repeat center center fixed" />Assassin
</select></center></center>
</div>

<center></center>
<center><a href="http://daffanett.blogspot.com/2012/12/cara-membuat-background-berubah-ubah.html" target="_blank">.::._.::.</a></center>

3. Simpan dan lihat hasilnya

Mudah sekali bukan? Nah Semoga Tips ini Bermanfaat..

»»»» Baca Selanjutnya...

0 Cara Memasang Translate Gambar Bendera di Blog

    

     

      

Kebanyakan blog menggunakan bahasa internasional, yaitu bahasa Inggris dengan tujuan agar blognya dapat dimengerti oleh semua orang diseluruh dunia. Namun jangan khawatir apabila blog yang kita miliki berbahasa Indonesia, dengan menggunakan tambahan widget google translate maka blog kita yang berbahasa Indonesia akan dapat diterjemahkan ke dalam beberapa bahasa yang digunakan di dunia, seperti bahasa Inggris, Perancis, Italia, Jerman, Brazilia, Portugal, Yunani, Jepang, Cina, Korea, maupun bahasa Arab. 

Pada kesempatan kali ini saya akan memberikan tutorial kepada teman-teman tentang cara memasang translate yang berupa gambar bendera.

1. Pertama login ke blogger terlebih dahulu
2. Klik Tata Letak
3. Klik tab Elemen Halaman
4. KlikTambah Gadget
5. Pilih Tambah HTML/JavaScriptCopy pastekan code translate di bawah kedalam kolom yang tersedia.

Tampilan Ke-1

Copy Code ini :

<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPDqa5DonLoG9GEvU_CagpJnE8UdLAt0lz4AkQQotzyluofLjJulTZIZafWO2Uh18RZ2azICLIFuZJEPZaWQtvuTp45VAg8gtW6qGjOYNram4WxDRZhRE1iRJzASOoby4ohUIdXajpr-E/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrp7sOFhrGOrHLhVmJ5k1gXEa3gkkFIoXey6xq8nqkI0hwER2dq7GPIC1YBQ5grOGLKiB4kAVESGUB4K5C7HJurU52gZJPjIRItxXEc7KYfDzuy1bsdNhgbaKl2N6MDcCRMDuXR3sLp9I/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQjTd3wOmhNoIw934CfQFnQw8GaMx4KNLhEI3akt2hf3th2a9g-jIw0sG8oMjSwXzaP8Cu1paqj7mpsrdUnTV_VG3SbGuvzlK1Zl_lcJeuqcPHhfy2dR6DxUk1-rPCEHf9Zg3YKCpgwo7u/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieomhTVsbUW_SrfKLkszLRCMookRrXA1QtomLIuXl0DEDeobKQqjpEzfEa0zALmwRYHdEzoIjMxuV0phNLSMOuAO5UZIh3Cs0w0v9Zc1pei_g3jaCKH-5lvMRascdhlCtT0KB5KE7dnPPX/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIsPA-MewLR5PyE1FwC0ItY9k2n6UAFG3LrbtZO0jnlkK-K8xzCrxpTjj77FHBShnb62oJ1wypsvqNGJuh4xRddaoAOU5v6QU5_qclPtH5WQgCd7-7uULcB9IxvrY9T60qEBjHWshIEF0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBqQlKCgRkW-l6SZhWO5f6-zw0_5Wevl79pjDS2Ikq1lmya1GKGQALaB-RHmziFah6m4Kb-AmAOmIp_EJvcIW1kCThRW-dTAKVsWGwQsYAfONdgch-SQ2j0YTYNijJiexidDflTunyuII/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSAWQV5dRGjMGDil3g9F_HfsXxrf2Fw68OjKfpTa4cYZeitlOX0C_AcgKCc5r1-snhXc4zExYKXOAhR5lHJXsRbd-QXP3XeB6RlaCUW_M_lJDHanGAN7glTjnWBz_RxC-aB1-6TqX_VWU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCKJ3eAnZPqRw6F60Dcs6riMyTn_frapr6d1MymfHfFcc2cEjCtCcDYaoJqay4lMSzXuDW24O5iPkRzQ_gNqxVjBdrR1pM543fToPIXna76LCr6-5PlPYbasNhiz9GDPrdUF-fuq3Y-UE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN1-xiJAI54tG9xEzvz5-GKCv25h9E2QCaQC2eCF9OQsnmwdSfv3KByQ5tGUWKsD1p_K55rhBi_YLZKF1WWwauIvVQpkxIfr9hltKlTgCa4BD69Xkg_LZgLWjf5jQTxvjaGU3X2pg-3hro/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmH_y-Inpp82dsxKegpx-rLmMMNAbZkz0-HagTUFZlT_VGSZ1D92f4fZJ2xJpHS2TCbDHDsRlS23jFOLtZYt8leBwyeFIDyTz4T_J_scddNtCdsBXFGpdqRjcCOnKVcmS_5h0SqaUhCQ8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3LNHHAU8ZPSXC2khZ7RfsI6QfFghdcrNvNlduMyZ1L3xy38nto3lvTJSFIdVzOYO2yfs1oG4GPhaQBVHjhp0cYN6Esk1quQ_YKbpL61qFbUfQZ2doQgxZGNsezpLXDivFJXTev3etzuI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUUuVA3iALRXXxrtaX0uij5XsGoKMlSSzyNA5UO2q8eZhU3C3Vaqcb3aNpWhOpAXJ-EXuy_iWrYENq41YEL3D7741U2A5-UBCPMTeTfm-I2lTGRwF3RQxxbSYKJuK95iMQ4yDjAGJrBS4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=font-size:10px;margin:8px 0px 3px 0px>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>

 Tampilan Ke-2

Copy Code ini :

<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPDqa5DonLoG9GEvU_CagpJnE8UdLAt0lz4AkQQotzyluofLjJulTZIZafWO2Uh18RZ2azICLIFuZJEPZaWQtvuTp45VAg8gtW6qGjOYNram4WxDRZhRE1iRJzASOoby4ohUIdXajpr-E/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrp7sOFhrGOrHLhVmJ5k1gXEa3gkkFIoXey6xq8nqkI0hwER2dq7GPIC1YBQ5grOGLKiB4kAVESGUB4K5C7HJurU52gZJPjIRItxXEc7KYfDzuy1bsdNhgbaKl2N6MDcCRMDuXR3sLp9I/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQjTd3wOmhNoIw934CfQFnQw8GaMx4KNLhEI3akt2hf3th2a9g-jIw0sG8oMjSwXzaP8Cu1paqj7mpsrdUnTV_VG3SbGuvzlK1Zl_lcJeuqcPHhfy2dR6DxUk1-rPCEHf9Zg3YKCpgwo7u/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieomhTVsbUW_SrfKLkszLRCMookRrXA1QtomLIuXl0DEDeobKQqjpEzfEa0zALmwRYHdEzoIjMxuV0phNLSMOuAO5UZIh3Cs0w0v9Zc1pei_g3jaCKH-5lvMRascdhlCtT0KB5KE7dnPPX/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIsPA-MewLR5PyE1FwC0ItY9k2n6UAFG3LrbtZO0jnlkK-K8xzCrxpTjj77FHBShnb62oJ1wypsvqNGJuh4xRddaoAOU5v6QU5_qclPtH5WQgCd7-7uULcB9IxvrY9T60qEBjHWshIEF0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBqQlKCgRkW-l6SZhWO5f6-zw0_5Wevl79pjDS2Ikq1lmya1GKGQALaB-RHmziFah6m4Kb-AmAOmIp_EJvcIW1kCThRW-dTAKVsWGwQsYAfONdgch-SQ2j0YTYNijJiexidDflTunyuII/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSAWQV5dRGjMGDil3g9F_HfsXxrf2Fw68OjKfpTa4cYZeitlOX0C_AcgKCc5r1-snhXc4zExYKXOAhR5lHJXsRbd-QXP3XeB6RlaCUW_M_lJDHanGAN7glTjnWBz_RxC-aB1-6TqX_VWU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCKJ3eAnZPqRw6F60Dcs6riMyTn_frapr6d1MymfHfFcc2cEjCtCcDYaoJqay4lMSzXuDW24O5iPkRzQ_gNqxVjBdrR1pM543fToPIXna76LCr6-5PlPYbasNhiz9GDPrdUF-fuq3Y-UE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN1-xiJAI54tG9xEzvz5-GKCv25h9E2QCaQC2eCF9OQsnmwdSfv3KByQ5tGUWKsD1p_K55rhBi_YLZKF1WWwauIvVQpkxIfr9hltKlTgCa4BD69Xkg_LZgLWjf5jQTxvjaGU3X2pg-3hro/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmH_y-Inpp82dsxKegpx-rLmMMNAbZkz0-HagTUFZlT_VGSZ1D92f4fZJ2xJpHS2TCbDHDsRlS23jFOLtZYt8leBwyeFIDyTz4T_J_scddNtCdsBXFGpdqRjcCOnKVcmS_5h0SqaUhCQ8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3LNHHAU8ZPSXC2khZ7RfsI6QfFghdcrNvNlduMyZ1L3xy38nto3lvTJSFIdVzOYO2yfs1oG4GPhaQBVHjhp0cYN6Esk1quQ_YKbpL61qFbUfQZ2doQgxZGNsezpLXDivFJXTev3etzuI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUUuVA3iALRXXxrtaX0uij5XsGoKMlSSzyNA5UO2q8eZhU3C3Vaqcb3aNpWhOpAXJ-EXuy_iWrYENq41YEL3D7741U2A5-UBCPMTeTfm-I2lTGRwF3RQxxbSYKJuK95iMQ4yDjAGJrBS4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=âfont-size:10px;margin:8px 0px 3px 0pxâ>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>

Temen-temen bisa menambah negara mana lagi yang mau ditampilkan, silahkan dicoba.
Semoga bermanfa'at..

»»»» Baca Selanjutnya...

0 Cara Membuat Tombol Hidden di Blog

    

     

      

Jika anda seorang kaskuser mungkin anda sudah tau apa itu tombol hidden, Yup,, di forum sosial tersebut tombol hidden ini sering digunakan untuk menyembunyikan suatu image atau tulisan agar loading page tidak berat. Sama juga fungsinya di blogger, namun cara membuat tombol hidden di blogger berbeda dengan di kaskus. Jika di kaskus menggunakan script " <spoiler= judul> IMAGE </spoiler> maka di blogspot seperti penjelasan di bawah ini:

Cara Membuat Tombol Hidden di Blog

<div><div style="margin-bottom: 2px;"><i><b><small>Klik Untuk melihat</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
disini anda meletakkan artikel / gambar atau terserah anda.
</div></div></div>

Cara memasangnya di postingan blog :

1. login ke blogger

2. buat entri baru

3  klik Edit HTML disebelah Compose

4. copy paste kode diatas

Cara menggunakannya di sidebar (untuk menghidden widget)

1. login ke blogger

2. klik elemen laman

3. tambah gadget di bagian sidebar blog

4. copy paste kode diatas

Catatan:

Ganti tulisan yang berwana Merah sesuai dengan kebutuhan Anda.

Lihat Contohnya:

Klik Untuk melihat

»»»» Baca Selanjutnya...

0 Cara Membuat Link Berwarna Pelangi

    

     

      

Hai Sobat. Bertemu lagi nih dengan saya, semoga saja anda ga merasa bosan. Hari ini saya mau berbagi dengan sobat-sobit semua, biasa, terutama buat blogger pemula biar sama-sama dengan saya kita ramaikan suasana perbloggeran Indonesia. Mungkin ada diantara anda yang ingin mencoba menerapkannya di blog, yaitu 'Link Berwarna Pelangi'. Kalau anda belum tahu cara membuatnya, ikuti langkah-langkahnya berikut ini :

1. Cara Pertama :

-  Dalam Dasbor, klik Edit HTML.
-  Download dahulu template anda
   sebagai antisipasi kalau-kalau anda
   salah meng-klik, bukan pratinjau yang di klik
   tetapi malah simpan template yang anda klik.
-  Sebelumnya anda copy dahulu kode di bawah ini :

<script language='javascript' src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/LinkPelangi.js'/>.

-  Terus cari kode  <head>
-  Kalau sudah ketemu, paste-kan kode yang anda
   copy tadi persis di bawah kode <head> ini.
-  Pratinjaulah dahulu, baru simpan template anda.

2. Cara Kedua :

-  Masih di Dasbor, klik Edit HTML.
-  Seperti tadi, jangan lupa download dahulu template
   anda. dan copy kode di berikut ini :

<script language='javascript' src='http://coretanfelix.googlecode.com/files/rainbow.js'></script>

-  Terus cari kode </head>
-  Kalau sudah, letakkan kode yang anda copy tersebut
   di atas kode </head> ini.
-  Pratinjau, terus simpanlah template anda.

3. Cara Ketiga :

-  Pada areal Dasbor, klik Tambah gadget, pilih HTML/
    Javascript.
-  copy terlebih dahulu kode di bawah ini :

</style>
<script src='http://enes-sc.googlecode.com/files/tabview.js' type='text/javascript'></script>
<script src='http://roele112.googlepages.com/rainbow.js' type='text/javascript'></script>
<link href='http://i814.photobucket.com/albums/zz65/arzaqnie09/newblueeleganttemplatexxxx.gif' rel='shortcut icon'/>
<script type='text/javascript'>
var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}
function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}
function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}
</script>

-  Paste-kan kode tersebut ke dalam kontennya.
-  Terakhir, simpan, selesai.

* Gimana hasilnya ? Mudah-mudahan anda puas.
   Selamat Mencoba dan Good luck !!!

»»»» Baca Selanjutnya...