Cara Memasang Tombol Like Facebook Di Blog

Cara Memasang Tombol Like Facebook Di Blog

Ini semacam widget yang sudah banyak dgunakan para blogger untuk promosi atau membuat blog cepat naik rank dengan salah satu widget facebook ini.

Keuntungan memasang tombol like ini adalah pembaca dapat dengan mudah berbagi postingan yang mereka sukai kepada teman facebook mereka hanya dengan satu klik. Dan sebagai pemilik blog, anda juga mendapat keuntungan berupa tambahan trafik dari pembaca yang mengelink artikel anda di profil Facebook mereka.

Nah bagi anda yang tertarik memasang tombol like ini, silahkan ikuti langkah- langkah dibawah ini:

1. Buka Blogger. Masuk ke menu Design -> Edit HTML

2. Beri centang pada "Expand Widget Templates"

3. Cari kode <data:post.body/>

4. Jika anda menemukan dua kode <data:post.body/> maka pilih yang pertama

5. Letakkan kode berikut ini dibawah <data:post.body/> jika anda ingin memasang tombol like dibawah posting atau letakkan diatas <data:post.body/> jika anda ingin memasang tombol like diatas posting

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none;overflow:hidden; '/>

6. Lalu Save template anda.

Hasilnya akan seperti ini

Kalau anda ingin membuat tombol like dalam bentuk ini

 

maka ganti standard dengan button_count

Anda juga dapat mengganti warna background tombol menjadi gelap dengan mengganti light menjadi dark.

Selamat mencoba dan sukses selalu

You might also like:

• Cara Memasang Profil Facebook di Blog
• Cara Meningkatkan Trafik Blog
• Cara Membuat Chat Box di Blogger

LinkWithin

Read more: http://tanyajawabsemua.blogspot.com/2012/04/cara-memasang-tombol-like-facebook-di.html#ixzz2IWUj9ErN

Cara Membuat Menu Navigasi Horizontal di Blog

Cara Membuat Menu Navigasi Horizontal di Blog - Penyakit tidak bisa tidur kambuh lagi, buat ngisi waktu tidak bisa tidur seperti ini biasanya nonton TV, karna acara TV nya diulang-ulang terus bosan akhinya nyalain laptop dan langsung menuju rumah blogger ini. Kalai ini Master Chef ingin share soal Menu Navigasi Horizintal.

Jauh sebelum Tutorial ini dibuat Master Chef Dapur Tutorial Blogspot Juga sudah pernah Postinga Tutorial Tehnik Membuat Menu Dropdown Horizontal Plus Search Enggine Blog. Menu Navigasi Horizontal yang akan kita buat adalah Menu Navigasi Horizontal seperti berikut :

DEMO

Buat Pemula mungkin akan kebingungan bagaimana caranya untuk memasang ke halaman blog, namun Sekarang sobat tidak perlu bingung lagi karena Master chef akan berikan resepnya sebagai berikut :

1. Silahkan login kehalaman blogger masing-masik
2. Pada bagaian Dashboard Pilih Template
3. Kemudian Klik Tombol Edit HTML
4. Klik lagi pada Tombol Proses atau Lanjutkan
5. Sekarang Anda sudah berada di area Edit HTML
6. Supaya tidak berakibat fatal saat Edit HTML Sebaiknya anda Mengamankan template anda terlebih dahulu. Lebih Lanjut Baca Tutorial Cara Upload dan Back-Up Template pada Tampilan Baru Blogspot
7. Apabila Template sudah aman Cari kode ]]></b:skin> (Gunakan Tombol CTRL + F dan F3 untuk mempermudah pencarian kode
8. Copy kode berikut dan letakan diatas kode ]]></b:skin> 

.menupic2{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOcpn9fWgiIZtu9NEZZr0DYRFzl-KqirEpHiturUUuLscO0x8ymit2S7lNvRIWIxW7A26s5dmq0VYp7N7sv8B2D3fUuzHNMEQWcK3durdK2SkUVGmItK3V5beB9PmVCoevwzI5QG6RJIn4/s1600/menu-orange.jpg) repeat-x bottom left;width:980px;margin:0 auto;padding:0 auto;border-left:1px solid $bordercolor;border-right:1px solid $bordercolor;}
.menuhorisontal2 {width:980px;height:24px;margin:0 auto; padding:5px 0px;border-bottom:solid 1px #fff;}
.menuhorisontal2 ul{margin: 0; padding-left:7px;color:#666;text-transform: capitalize;list-style-type: none;font:normal 12px Arial, Helvetica,Verdana,sans-serif;}
.menuhorisontal2 li{display: inline; margin: 0;}
.menuhorisontal2 li a{float: left;display: block;text-decoration:none;
padding: 5px 6px 4px 6px;border-right:0px solid #415770;font-weight:bold;color: #fff}
.menuhorisontal2 li a:visited{color: #fff;}
.menuhorisontal2 li a:hover {background:#979797;border-radius:10px;-webkit-border-radius:10px;-opera-border-radius:10px;-moz-border-radius:10px;color:#222;text-decoration:none;-moz-box-shadow: inset 2px 2px 2px #404040;-webkit-box-shadow: inset 2px 2px 2px #404040;box-shadow: inset 2px 2px 2px #404040;}

Keterangan :

• Kode Warna Hijau adalah panjang Menu Horizontal (silahkan sesuaikan)
• Kode Warna Pink adalah Tinggi Menu Horizontal (silahkan sesuaikan)
9. Jika sudah sekarang cari kode berikut :

<div id='header-wrapper'>  
.............
</b:section>
    </div>

Jika tidak ketemu kode diatas Cari kode seperti ini :


<div class='header-outer'>
    ...............................
</b:section>
    </div>

10. Apabila sudah ketemu salah satu kode diatas Copy kode berikut dan letakan diatas salah satu kode pada point 9

<div class='menupic2'>
<div class='menuhorisontal2'>
<ul>
<li class='current_page_item'><a href='http://mister-complete.blogspot.com/' title='Home'>Home</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
<li><a href='#'>Menu 5</a></li>
<li><a href='#'>Menu 6</a></li>
<li><a href='#'>Menu 7</a></li>
<li><a href='#'>Menu 8</a></li>
<li><a href='#'>Menu 9</a></li>
<li><a href='#'>Menu 10</a></li>
</ul>
</div>
</div>

Keterangan :
• Kode Warna Biru Silahkan Ganti Dengan URL (sesuai keinginan)
• Kode Warna Merah Silahakah ganti sesuai yang diinginkan
11. Terakhir Klik Simpan dan lihat hasilnya

Nah itu itu dia resep Cara Membuat Menu Navigasi Horizontal di Blog. mungkin sekian dulu tutorial kali ini semoga bisa bermanfaat. dan jangan lupa nantikan tutorial-tutorial lainnya di Dapur Tutorial Blogspot.

Download software gratis

 Hai sobat! jika kamu bingung mencari software gratis yg legal, disinilah tempatnya.. dibawah ini saya hadirkan beberapa software yang mungkin kamu cari dan kamu bisa download secara gratis pada link-link dibawah ini,, silahkan langsung saja ke TKP !
 Download software gratis
10 software-pemutar-audio terbaik
software-cek-monitor-hardware.
cara-download-youtube dengan cepat
Daftar Software

Image	Deskripsi
	Adobe Reader Adobe merupakan sebuah perusahaan yang telah didirikan dan membangun kredibilitasnya sejak tahun 1982. Software Adobe reader ini berfungsi untuk membuka dan membaca file-file ebook berformat PDF. Download softwarenya melalui link ini
	PrimoPDF Software untuk membuat file berformat PDF dari document apapun dengan memunculkan virtual printer. Sangat berguna, mengingat fasilitas software pembuat file berformant PDF sebenarnya dimiliki adobe acrobat yang dijual lewat adobe.com dengan harga yang cukup mahal, kalau tidak salah sekitar $ 449. Download softwarenya melalui link ini
	Rapid Typing Tutor Software yang dapat membantu anda untuk belajar mengetik dengan cepat sekalipun tanpa melihat keybord. Selama proses berlatih, software ini memanjakan mata kita dengan tampilan bawah laut yang cukup menarik. Download softwarenya melalui link ini
	BricoPack Vista Inspirat Ultimate Software untuk memodifikasi tampilan sistem windows xp agar nampak menjadi seperti windows vista, baik icon windows, logon, hingga tampilan visualnya. Software ini telah mendapatkan banyak penghargaan dari majalah-majalah komputer. Harga upgrade dari XP ke vista kalau tidak salah sebesar $ 295.95, lumayan kan buat penghematan. Download softwarenya melalui link ini
	Photobie Banyak orang yang menganggap software ini sebagai versi freewarenya adobe photoshop, mengingat software ini memiliki beragam fungsi yang mirip dengan photoshop. Sebagai perbandingan, harga photoshop CS3 saat ini $ 649, sementara harga Photobie 4.4 hanya $ 0,-. Download softwarenya melalui link ini
	IZArc Ini adalah compression tool terbaik!. versi kami, hehe. Memiliki kemampuan untuk mengekstrak hampir semua jenis archive file & mensupport lebih dari 50 bahasa, termasuk bahasa indonesia. Harga winzip pro terbaru sebagai software sejenis saat ini sudah mencapai $ 49.99, buat beli bakso dapat berapa mangkok ya?. Download softwarenya melalui link ini
	Free and Easy Biorhythm Calculator Software unik yang berfungsi untuk memprediksikan bagaimana kondisi emosional, fisik, intelektual, bahkan intuisi anda dalam suatu waktu/hari tertentu. Sangat menarik!, software ini juga dapat memberikan tips-tips perihal bagaimana sebaiknya menjalani hari-hari anda. Yaa... semacam software untuk meramal lah, "tapi jangan terlalu dianggap serius ya!". Download softwarenya melalui link ini

	XnView Merupakan software untuk menampilkan dan menconvert file-file gambar. Yang luar biasa adalah, software ini mensupport lebih dari 400 jenis file gambar. Jadi kalau misalnya anda mempunyai gambar-gambar tertentu yang tidak bisa dibuka/ditampilkan di komputer anda, coba anda download dan install software ini. Software ini bisa jadi saingan baru ACDSee loh! Download softwarenya melalui link ini
	AVG AntiVirus Free Kualitas software anti virus ini sudah tidak diragukan lagi. Terbukti!, 50 juta orang di dunia telah menggunakan anti virus ini. Versi gratis dari anti virus AVG mendapatkan rating bintang 5 dari CNET Download.com. Download softwarenya melalui link ini
	Winamp Software yang kami rasa sudah sangat populer di masyarakat. kini hadir dengan desain baru dan tentunya beragam fitur fitur baru yang menarik. Download softwarenya melalui link ini
	BioniXWallpaper Software perubah tampilan desktop background otomatis. Lengkap dengan fasilitas playlist editor dimana anda dapat menentukan interval waktu kemunculan gambar-gambar tertentu sesuai keinginan anda. Membuat tampilan monitor menjadi begitu interaktif dan tidak monoton. Download softwarenya melalui link ini
	Free Screen Hunter Merupakan software screen capture gratis untuk membuat beragam screenshot dari tampilan layar computer anda. Salah satu keistimewaan yang masih jarang dimiliki oleh software-software sejenis adalah dalam hal kemampuan screen capture software ini menagkap tampilan pointer mouse. Download softwarenya melalui link ini
	Download Accelerator Plus Software download manager terpopuler di dunia. Kehebatan software ini sudah tidak diragukan lagi mengingat 150 juta orang pengguna software ini tidak mungkin salah pilih. Speedbit.com mengklaim software ini mampu meningkatkan kemampuan download hingga mencapai 400%. Download softwarenya melalui link ini
	CCleaner Lebih dari 100 juta orang telah mendownload software ini. Fungsi utama dari software ini adalah untuk mengoptimalkan kinerja komputer, dengan menghilangkan file-file tidak berguna dari system komputer anda. Diluaran anda bisa mendapatkan software dengan fungsi serupa, namun harganya bisa mencapai puluhan hingga ratusan dolar. Download softwarenya melalui link ini
	Ad-Aware Free Merupakan software anti spyware terpopuler di dunia saat ini. Software ini bahkan bisa didownload oleh hampir 1 juta orang setiap minggunya. Lindungi data-data rahasia dan penting anda dengan menggunakan software ini, jangan sampai diketahui apalagi dicuri orang. Download softwarenya melalui link ini
	Smadav Anti Virus (Review terbaru!) "Virus indonesia akan segera punah!", whew... itulah kata kata "inspiratif" yang di tampilkan pada bagian atas halaman website begitu www.smadav.net di buka. Anti virus lokal kebanggaan indonesia, yang mereka klaim sebagai salah satu anti virus tercepat dan paling ringan sedunia, sehingga dapat di pergunakan bahkan pada komputer dengan spesifikasi yang paling rendah sekalipun. Download softwarenya melalui link ini
	Youtube Downloader (Review terbaru!) Youtube merupakan situs video terpopuler di dunia, dimana kita dapat menonton beragam video secara gratis, meski sayang setiap video yang kita tonton tidak dapat kita simpan ataupun download. Dengan menggunakan Youtube Downloader, kita dapat mendownload video video youtube yang memiliki format FLV (Flash Video), Software ini dapat pula mengkonversi format video yang telah kita download ke bentuk lain seperti AVI, WMV, atau MP3. Download softwarenya melalui link ini
	FLV Player (Review terbaru!) Software ini dapat anda pergunakan untuk membaca file file berformat Flash Video (FLV), salah satu contohnya adalah video video yang biasa anda temukan di Youtube. Jadi anda dapat memanfaatkan Youtube downloader untuk mendownload video videonya lalu memanfaatkan FLV Player untuk memutar file file video tersebut di komputer anda secara "Off Line". Download softwarenya melalui link ini
	GOM Player (Review terbaru!) Merupakan sejenis pemutar video seperti Winamp, hanya saja GOM Player ini memiliki keistimewaan dalam kemampuannya membaca begitu banyak jenis file video, dari mulai DivX, DAT, VOB, MP4, 3GP, RMVB, FLV, hingga MOV, di samping itu software ini dilengkapi pula dengan fitur Pan & Scan, Screen Capture & Advance Capture. Download softwarenya melalui link ini
	Mozilla Firefox (Review terbaru!) Ini merupakan browser terpopuler di dunia saat ini, kelebihan dari Mozzila adalah dalam hal kemampuan akses yang relatif lebih cepat & aman dari gangguan gangguan yang biasa kita temukan di internet, mampu memblok pop up & aktifitas spyware, juga dilengkapi fitur browsing dengan "multi tab". Download softwarenya melalui link ini
	Google Earth (Review terbaru!) Software "pendidikan" yang sangat canggih sebagai salah satu proyek besar garapan perusahaan raksasa di internet Google. Memiliki kemampuan dalam menampilkan foto foto dari seluruh belahan bumi di dalam komputer anda dengan resolusi tinggi!. Download softwarenya melalui link ini
	CD Burner XP (Review terbaru!) Sebuah software burn CD & DVD gratis yang telah banyak menerima penghargaan ini memiliki beragam fitur yang patut untuk di perhitungkan, dan bahkan mampu bersaing dengan software software berbayar. Software ini mampu mem-burning dengan/tanpa gaps (jarak) antar track, multi bahasa, membuat audio CD dari extension mp3, wav, wma. Download softwarenya melalui link ini
	Quran Auto Reciter (Review terbaru!) Software sederhana namun cukup canggih yang wajib untuk di miliki oleh setiap umat muslim! Software ini dapat membantu anda untuk belajar "membaca" sambil "mendengarkan" Al-Qur'an. Quran Auto Reciter juga di lengkapi dengan pengingat "sholat 5 waktu". Download softwarenya melalui link ini
	Camstudio (Review terbaru!) Camstudio merupakan sebuah software yang dapat anda perguakan untuk "merekam" segala aktivitas anda di layar komputer ke dalam bentuk AVI file. fitur fiturnya memang masih relatif lebih sederhana ketimbang software berbayar, namun dalam ketajaman hasil video yang di hasilkan tidak kalah jauh. Download softwarenya melalui link ini

Cara Membuat Read More Otomatis di Blog Blogspot

Cara Membuat Read More Otomatis di Blog Blogspot 

Selain menambahkan widget yang keren, kita juga dapat mengubah penampilan blog kita dengan membuat Read More. Read more ada 2 macam yaitu read more yang dibuat setiap memposting dan berlaku untuk setiap postingan, dan read more yang dibuat sekali dan berlaku untuk semua postingan atau sering disebut dengan read more Otomatis. nah, kali ini Ave_Blog akan membahas yang instan saja ( read more otomatis ).

langkah-langkahnya adalah sebagai berikut :
1. log in ke dasbor blogger sobat.
2. lalu pilih menu rancangan / tata letak  > Edit HTML
3. centang kata " Expand Template Widget "
4. lalu cari kode </head> untuk mempermudah sobat dapat mencari dengan F3 atau ctrl + F.
5. selanjutnya silahkan sobat masukkan kode di bawah ini tepat diatas kode tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>

<script type='text/javascript'>

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

6. setelah itu, silahkan sobat cari lagi kode <data:post.body/> seperti biasa untuk mempermudah silahkan

    sobat gunakan ctrl + F atau F3

7. kemudian selanjutnya ganti kode tersebut dengan kode dibawah ini :

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

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'> <b> readmore</b> &#187;&#187;&#160;&#160; </a></span>

</b:if>

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

</b:if>

8. setelah selesai, read more sobat telah jadi. namun, sebaiknya sebelum sobat meng-klik kata save template 

    silahkan sobat klik pratinjau dulu untuk memastikan bahwa read morenya sudah tepat.

....selamat mencoba.....

DOWNLOAD SILABUS RPP BERKARAKTER SD/MI

DOWNLOAD SILABUS RPP BERKARAKTER SD/MI
download-rpp-berkarakter-dan-silabus sd/MI

SILABUS RPP BERKARAKTER SD,SMP,SMA,SMK

SILABUS RPP BERKARAKTER SD,SMP,SMA,SMK
Bagi mereka yang berprofesi sebagai seorang guru SD/MI,SMP/MTs/SMA sederajat, silahkan anda download silabus RPP Berkarakter sesuai dengan keinginan anda pada link-link di bawah ini, semua gratis untuk anda demi kejayaan pendidikan dinegeri kita Indonesia .
silahkan langsung aja ke TKP :
.download-rpp-dan-silabus-berkarakter kls 123456
download program-tahunan-dan-program-semester terbaru kls 123456
download-rpp-dan-silabus-sma-lengkap.
rpp-dan-silabus-ips-berkarakter-smp/mts.
rpp-dan-silabus-pai-berkarakter-smp/mts.
rpp-dan-silabus-matematika-berkarakter. smp/mts kls 789
rpp-dan-silabus-bahasa-inggris. berkarakter smp/mts
rpp-dan-silabus-bahasa-indonesia berkarakter-smp./mts