Komputer dan Internet

Cara Menghapus Widget Yang Tak Bisa di Hapus »»»

Cara Menghapus Widget Yang Tak Bisa di Hapus

by Doni Masrul >>> Tutorial

Kali ini saya akan bahas cara menghapus widget yang tidak bisa di hapus, cara mengatasinya mudah saja, silahkan anda ikuti langkah berikut ini:

Login blogger
Rancangan
Edit Html
Kemudian anda cari kode ini,

locked='true'
ubah menjadi
locked='false'

Atau jika anda ingin simpel lagi carilah kode yang ingin di hapus. Misal anda ingin menghapus widget pengikut/follower yang tidak bisa di hapus, hapuslah dari kode awal sampai kode penutup, seperti ini contoh-nya.

Ikuti langkah-langkahnya seperti di atas,

<b:widget id='Followers1' locked='true' title='Followers' type='Followers'/>

Semoga bermanfaat..

4 komentar Baca Selengkapnya...

Cara Menyingkat Postingan (Read More)

by Doni Masrul >>> Tutorial

Read more untuk mempersingkat sebuah postingan sehingga tidak kelihatan memanjang kebawah, untuk membuat Read more ikuti langkah² sebagai berikut:

Silahkan Masuk Ke Dasbor
Lalu Klik Rancangan
Edit HTML lalu centang kotak expand template widget

Lalu cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = "no-float" ;summary_noimg = 430;
summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

Selanjutnya, cari kode html berikut ini:

<data:post.body/> atau <p><data:post.body/></p>

Ganti kode tersebut dengan kode di bawah ini:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url' target='new'><span style='color: rgb(255, 0, 0);'>»» <span style='font-weight: bold; font-style: italic; font-family: webdings;'>READ MORE..</span></span><span style='color: rgb(255, 0, 0);'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Kemudian klik simpan template.

> dialerbisnis.blogspot.com

Cara Menyingkat Postingan (Read More) »»»

4 komentar Baca Selengkapnya...

Cara Pasang Buku Tamu Facebook di Blog

by Doni Masrul >>> Tutorial

Cara Pasang di Blogspot:

Silahkan Masuk Ke Dasbor Lalu Klik Rancangan
Sekarang Klik Tambah Gadget baru
Lalu Klik Tambah HTML/JavaScript
Silahkan Isi Judul Terserah Sobat contoh " Buku Tamu"
Lalu isikan kode berikut didalamnya,

<div style="text-align: center;">
<span style=" ">Selamat Datang</span>
<span style="font-size: x-small;"><b style="color: red;">Please a Comment!</b></span><span style="color: blue; font-size: x-small;">
</span><span style="font-size: x-small;"><b style="color: blue;"></b></span>
</div>
<iframe src="http://www.facebook.com/plugins/livefeed.php?app_id=ID APP&width=290&height=400&xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowTransparency="true"></iframe><div style="color: #999999;">
<span >Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://www.kumpulancara.com/" target='new'>kumpulancara</a></span>
</div>

Note :
Ganti ID APP anda
Lebar dan Panjang sesuaikan dengan Keadaan Blog Masing-masing
Silahkan Simpan..

Cara Pasang Buku Tamu Facebook di Blog »»»

Pasang Kotak Komentar Facebook di Blogger »»»

Pasang Kotak Komentar Facebook di Blogger

by Doni Masrul >>> Tutorial

Langkah-langkahnya sebagai berikut:

1. Silahkan Buat Aplikasi Anda disini: Facebook Developer Page

Agar Alamat Blog Sobat di terima Jgn Lupa Tambahkan Backslash " / " di belakang Url.

Contoh : http://kumpulancara.com
Menjadi : http://kumpulancara.com/
Ambil ID Aplikasi Copy dulu di Notepad

Sekarang LoginLah ke Account Blogger sobat
Silahkan Menuju Layout ( Rancangan )> Edit HTML dan check Expand Widget Templates.

2. Cari code berikut:

<data:post.body/> dan paste code berikut dibawahnya :
Jika Pernah pasang readmore maka letakkan dibawah <data:post.body/> kedua.

Ini Scripnya:

<b:if cond='data:blog.pageType == "item"'>
<p align='left'><a href='http://donimasrul.blogspot.com/2011/04/sahabat-blogger.html' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6ncLdITDDD35_wY7elyCgoAB9-mw241bp9l8CiMJ_yaYjvJhRaUkcGoDEITQIeu6Lj2cwjsV1yALO-55-0hgcMTkYnxRNyoFP8IujhyNxjYyvPpnrcVk2sGLdMjvPfe8FiytfxDmF2WI/'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'ID-Aplikasi', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if><div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://www.kumpulancara.com/2010/08/pasang-kotak-komentar-facebook-di.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div>

3. Silahkan Ganti ID-Aplikasi dengan ID-APlikasi anda,
4. Simpan template anda.

Show atau Hide Widget Followers

by Doni Masrul >>> Tutorial

Langsung saja tutorialnya :

1. Login dulu ke Blogger
2. Masuk ke Rancangan - Elemen Laman
3. Tambahkan Gadget Html/Java Script
4. Copy Paste Code berikut ini :

6. Untuk Tip selanjutnya kita harus membuat atau mengambil code widget follownya di google silahkan sobat Klik di sini untu membuatnya.

7. Pilih blog sobat yang akan dipasang widget follow
8. Klik "Tambahkan gadget anggota"
9. Silahkan diatur ukuran, warna dll nya..
10. Klik "Buat Code"
11. Silahkan Copy Kodenya, dan ikuti langkah selanjutnya
12. Masih ditahap pemasangan Kode HTML, Sobat Copy Paste Kode dibawah ini. Pas dibawahnya Kode yang sobat sudah copy paste tadi.

13. Terbitkan Entri.

> lora-malunk.blogspot.com

Show atau Hide Widget Followers »»»

Membuat Postingan Blog Menjadi Update Status Facebook Dan Twitter Secara Otomatis »»»

Membuat Postingan Blog Menjadi Update Status Facebook Dan Twitter Secara Otomatis

by Doni Masrul >>> Tutorial

LANGKAH 1 :

Pertama Anda login Blogger, Facebook, dan Twitter Anda terlebih dahulu kemudian buka situs http://twitterfeed.com/ lalu klik “Register Now” untuk mendaftar di sana.

LANGKAH 2 :

Setelah itu akan tampil halaman baru, “Twitterfeed Sign Up”, lalu isi formulir pendaftaran (Sign Up Form) dengan email dan password Anda atau rekomendasi saya, pakai “Sign Up with OpenID” lalu pilih ikon Blogger dan masukkan alamat blog Anda, misalnya http://donimasrul.blogspot.com/ lalu klik "Sign In".

LANGKAH 3 :

Kemudian Anda akan dibawa halaman “New Feed” lalu masukkan nama feed Anda (misalnya http://donimasrul.blogspot.com/feeds/posts/default) dan alamat URL feed blog Anda atau kalau belum tahu silahkan klik Pengaturan> Feed Situs > kemudian copy alamat URL pada box “Posting URL Pengubahan Arah Feed”.

LANGKAH 4 :

Nah jika suda selesai, pada halaman yang sama klik “Advanced Settings” kemudian akan muncul pilihan sebagai berikut :

Update Frequency - Adalah setiap berapa waktu blog kita akan di cek postingannya dan berapa postingan yang akan di munculkan ke Facebook atau Twitter ? Misalnya kalau kita memilih '1 hour' dan up to = ‘2' itu artinya setiap satu jam feed kita akan diupdate , jadi jika dalam jangka satu jam kita membuat 2 postingan maka postingan tersebut akan muncul di status Facebook atau twets kita. kalau blognya sering update saran saya, pilih yang 30 minutes dan post up to 5, agar lebih banyak postingan kita yang di tampilkan.
Post content - Status atau twets yang muncul nanti apakah akan title (judul postingan) dan description (isi postingan) atau hanya salah satunya saja.
Post link - Yaitu pemendekan dari url yang ingin digunakan sebagai link menuju postingan kita.
Post prefix - Kata yang muncul sebelum postingan status atau twets kita.
Post Sufix - Kebalikan dari post prefix. Yaitu kata yang muncul di akhir postingan status atau twets kita.
Keyword Filter - Yaitu untuk menyaring atau memilih postingan tertentu saja yang akan dimasukkan .

LANGKAH 5 :

Setelah itu akan terbuka halaman Feed Publishing, lalu pilih kemana postingan postingan nanti akan dikirim secara otomatis. Nah dalam hal ini saya memberi contoh ke Facebook dan Twitter. Jadi klik “Twitter” dan selanjutnya Anda klik “Authenticate Twitter” lalu klik “Create Service” kemudian pilih “Facebook”, klik “Connect With Facebook” kemudian klik “Create Service”.

LANGKAH 6 :

Jika semua sudah beres. Sekarang tinggal klik “All Done!” kemudian setiap postingan yang update akan menjadi status Facebook atau Twets Twitter secara otomatis.

> bagollum.com

Bikin Kursor Lucu

by Doni Masrul >>> Tutorial

Gimana caranya?

Pilih menu edit HTML,
Lalu Backup Template anda,
Cari kode berikut:

</body>

Paste kode ini tepat di Atas nya:

<style>HTML,BODY{cursor: url("http://i1109.photobucket.com/albums/h421/alphadone/06computer.png"), auto;}</style>

Simpan template.

> easyblogtrick.blogspot.com

Bikin Kursor Lucu »»»

Gambar di Samping Judul Posting

by Doni Masrul >>> Tutorial

Untuk membuat blog kita lebih menarik, kita bisa menambahkan gambar/image disamping judul postingan kita, anda bisa lihat contoh gambar disebelah kiri judul postingan saya.

Caranya sebagai berikut:

Buka edit HTML anda
Cari kode berikut (Cara termudah dengan menggunakan Ctrl+F):

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>

Jika sudah ketemu, tambahkan kode gambar berikut tepat di atas kode tersebut:

<img src='http://i1109.photobucket.com/albums/h421/alphadone/06computer.png'/>

Kode berwarna merah, silahkan ganti dengan kode gambar Anda, selanjutnya tinggal save aja, trus preview... Jadi deh...

> easyblogtrick.blogspot.com

Gambar di Samping Judul Posting »»»

Cara Membuat Menu Menarik Dengan Spoiler »»»

Cara Membuat Menu Menarik Dengan Spoiler

by Doni Masrul >>> Tutorial

Spoiler adalah sebuah kolom yang bisa dibuka dan ditutup serta ada border atau garis yang membentuk kolom. Fungsinya adalah sama seperti fungsi scroll yang bertujuan untuk menghemat ruang halaman saat memposting gambar atau tulisan yang banyak sehingga terlihat tertata dan rapi.

Caranya adalah :

1. Masuk ke Dasbor -> Tambah Gadget
2. Masukin scrip dibawah ini pada gadget anda

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Isikan kode, script, HTML atau Teks anda disini...

<br>
</div>
</div>
</div>

1. Tulisan Open dan Close bisa Anda ganti yang di suka
2. Width : 55px = lebar spoiler
3. Font-size: 11px = besar tulisan pada kotak spoiler
4. Tulisan Spoiler adalah judul,bisa ganti sesuai keinginan Anda
5. Tulisan yang berwarna biru bisa juga Anda ganti sesuai dengan tulisan yang ingin Anda tuliskan pada kolom bagian dalam spoiler.

> purbalingga.co.cc

Membuat Tombol Maximize dan Minimize Pada Widget Blog »»»

Membuat Tombol Maximize dan Minimize Pada Widget Blog

by Doni Masrul >>> Tutorial

Pertama, tentukan dulu widget mana yang akan Sodara beri tombol maximize dan minimize.
Sebagai contoh kasus, saya akan meletakkan tombol ini pada widget yang berjudul "Recent Posts" (bisa dilihat contohnya pada kolom kanan).
Menuju ke 'Layout' - 'Edit HTML'. Download dulu template Sodara.
Centang pada 'expand template widget'

Cari kode widget yang telah Sodara tentukan. Sebagai contoh, saya mau pake trik ini pada widget di sidebar saya yang judul 'Recent Posts', maka saya mencari kode seperti ini:

title='Recent Posts'

Cara yang paling mudah dengan Ctrl+F, maka akan muncul kotak pencarian, lalu ketik

title='nama widget sodara'

Kemudian enter.

Maka muncul kode2, yang perlu diperhatikan hanya kode untuk widget Sodara.
Contoh :

<b:widget id='HTML2' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Perhatikan, kode berhuruf tebal adalah awal dan akhir dari kode widget Sodara.
Tidak perlu bingung, perhatikan saja pada kode berwarna merah.
Lalu kode ini:

<h2 class='title'><data:title/></h2>

GANTI dengan kode:

<h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd;
document.write('<img onclick="document.getElementById("' + rnd + '").style.display = "inline"" src="http://i28.tinypic.com/8xq3jb.png" style="float:right;margin-right:0px;cursor:hand;"/>');
document.write('<img onclick="document.getElementById("' + rnd + '").style.display = "none"" src="http://i26.tinypic.com/300bfis.png" style="float:right;margin-right:2px;cursor:hand;"/>');
/* ]]> */ </script><data:title/></h2>
<script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:none;">'); /* ]]> */ </script>

Kemudian copy kode ini:

<script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script>

Paste kode tersebut di ATAS ato Sebelum kode:

</b:includable>

Kalo dah, silahkan disimpan, trus lihat hasilnya. Silahkan coba, apakah tombol maximize dan minimize pada widget blog Sodara sudah berfungsi dengan baik. Klo belum, silahkan diteliti lagi, apakah ada kode untuk membuat tombol maximize dan minimize pada widget blog Sodara yang kurang.

> easyblogtrick.blogspot.com

Cara Mengganti Logo B / Favicon

by Doni Masrul >>> Tutorial

Logo B untuk blogger atau yang disebut favicon ini sebenarnya bisa diganti, gk perlu ribet daftar sana-sini, gk perlu otak-atik kode, gk perlu pusing-pusing, hanya tinggal kopikan saja kode yang nanti saya akan berikan.

Langkahnya:

Biasa lah login ke blogger
Namanya mau ngedit ya pasti ke Rancangan => edit HTML
Nah sekarang anda cari kode ]]></b:skin> yang di bawahnya ada kode </head>
Masukan kode dibawah ini diantara kedua kode di atas.

<link href=' http://i669.photobucket.com/albums/vv51/breachnaked/biohazard-blue-logo-symbol.jpg' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Nah sekarang terlihat seperti ini

]]></b:skin>
<link href=' http://i669.photobucket.com/albums/vv51/breachnaked/biohazard-blue-logo-symbol.jpg' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
</head>

Tulisan yang berwarna merah ganti dengan alamat gambar yang akan dijadikan favicon

Simpan Template dan lihat hasilnya (hanya bisa dilihat dengan Mozzilla Firefox)

Cara Mengganti Logo B / Favicon »»»

Membuat Related Post (Artikel Terkait) Blogger

by Doni Masrul >>> Tutorial

Apa itu Related Post ? Related Post adalah postingan terkait yang biasanya muncul dibawah postingan yang dibaca oleh pengunjung. related post berfungsi untuk merangsang rasa ingin tahu pengunjung blok kita, karena jika pengunjung membaca suatu posting dan dibawahnya tampil postingan yang berkaitan maka mudah-mudahan juga pengen membaca artikel itu (diklik untuk dibaca) sehingga efeknya akan meningkatkan pageview blog dan juga page rank blog.

Langsung saja kita menuju target..

Login ke blog dengan ID anda »» klik Tata Letak »» pilih Edit Html »» centang Expand Widget Template »» Download template untuk backup template blog kamu (penting!).
Letakkan script html berikut ini tepat di bawah kode yang pertama dari <data:post.body/>. Biasanya kode tersebut ada dua jika telah memasang read more pada template blog. Kalau belum ada, berarti langsung saja letakkan tepat di bawah kode tadi. Bila sulit mencarinya, kamu tinggal tekan kebor Ctrl + F atau F3 agar cepat ketemu.

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

Klik Simpan Template
Selesai.

Kamu bisa mengganti tulisan Related Post dengan kalimat yang lain.

Pasang Recent Posts (Postingan Terbaru) Blogger »»»

Pasang Recent Posts (Postingan Terbaru) Blogger

by Doni Masrul >>> Tutorial

Masuk ke blog dengan ID anda
Pilih Layout
Tambahkan gadget dengan mengklik Add a Gadget
Pada menu yang tersedia, silahkan klik HTML/Javascript
Selanjutnya copy dan paste kode berikut pada form HTML tersebut.

<script style="text/javascript" src="http://www.yourjavascript.com/9029400398/recentposts.js"></script>

<script style="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 50;var standardstyling = true;</script>

<script src="http://donimasrul.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Sesuaikan teks yang berwarna merah dengan alamat blog kamu. Angka "numposts = 5" menunjukkan berapa jumlah posting yang akan ditampilkan dan "numchars = 50" menunjukkan jumlah karakter atau teks yang ditampilkan pada recent posts. Kamu bisa menggantinya sesuai selera.

Klik Tombol Save
Selesai.

Pasang Recent Comments Blogger

by Doni Masrul >>> Tutorial

Agar lebih mudah mengetahui komentar terbaru yang masuk ke blog, anda dapat menambahkan widget "Recent Comments" yang sudah disediakan blogger. Widget ini bisa ditempatkan pada sidebar atau tempat lain di blog. Dengan widget ini, kita dapat dengan mudah melihat komentar-komentar yang baru masuk. Pengunjung lainnya pun juga bisa melihatnya. Selain widget recent comments yang disediakan blogger, anda juga dapat menambahkan sendiri widget ini dengan bantuan script recent comments.

Caranya sebagai berikut:

Masuk ke blog dengan ID anda
Pilih Layout
Pada halaman Page Element, silahkan klik Ad a Gadget untuk menambahkan widget baru
Pada menu yang diberikan, pilih dan klik HTML/JavaScript
Copy lalu paste kode berikut di form HTML tersebut.

<script style="text/javascript" src="http://www.yourjavascript.com/9280493602/recentcomments.js"></script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 50;var standardstyling = true;</script><script src="http://donimasrul.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Ganti teks berwarna merah dengan alamat blog kamu. Nilai "numcommentas = 5" adalah jumlah komentar yang ditampilkan dan "numchars = 50" adalah jumlah karakter teks komentar yang ditampilkan dapat kamu sesuaikan sendiri.

Klik Save
Selesai.

Pasang Recent Comments Blogger »»»

Cara Memasang Like FB Di Setiap Artikel »»»

Cara Memasang Like FB Di Setiap Artikel

by Doni Masrul >>> Tutorial

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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

6. Lalu Save template anda.

Kalau anda ingin membuat tombol like dalam bentuk button maka ganti standard dengan button_count

Selamat Mencoba..

Energy Saving

by Doni Masrul >>> Tutorial

Energy Saving atau biasa juga disebut dengan Screen Saver biasanya terdapat pada ponsel pintar dan komputer. Fungsi utama dari Energi Saving adalah sesuai dengan nama dan judul postingan ini adalah saat komputer atau ponsel sedang dalam keadaan tidak digunakan maka energy akan diminimalkan sehingga bisa menghemat pemakain listrik maupun bateray.

Energy Saving sekarang ini tidak hanya terdapat pada komputer maupun ponsel saja akan tetapi pada sebuah Blog juga bisa dipasangi Energy Saving ini. Mau tau caranya? Lanjut aja bacanya yach!

Untuk pemasangan Energy Saving pada blog caranya amatlah sangat mudah dan tidak memerlukan code yang banyak maupun waktu yang lama.

Nah untuk pemasangan pada Blog copy code dibawah ini dan letakkan tepat di bawah code </head> pada code template milik sobat.

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>

Kalau sudah selesai jangan lupa klik tombol Simpan Template selesai sudah. Klik link Lihat Blog biarkan sebentar dan jangan menggerakkan mouse maka layar monitor komputer anda akan tertutup dengan warna hitam tanda Energy Saving sudah berjalan.

Selamat Mencoba!

Energy Saving »»»

Link Terbuka Otomatis Tanpa Di Klik

by Doni Masrul >>> Tutorial

Tutorial ini tidak memerlukan code yang banyak dan hanya beberapa huruf dan simbol saja. Sedikit intermezo, link yang saya bahas kali ini tidak jauh berbeda dengan link-link yang lain, yang membedakan link ini adalah link ini tidak perlu di klik untuk membukanya, kita hanya perlu mengarahkan mouse ke link tersebut maka secara otomatis linknya akan terbuka sendiri.

Kelemahan dari link ini adalah link ini tidak bisa membuka pada windows baru meskipun diberikan perintah target="_blank" maupun target="_new" sehingga menyebabkan halaman blog akan tertimpa halaman yang ada dalam link tersebut.

Jika sobat pengen tahu contohnya silahkan arahkan mouse sobat Ke sini.

Nah jika sudah tahu sekarang untuk membuat link terbuka secara otomatis sobat cukup membuat code seperti di bawah ini:

<a href="http://donimasrul.blogspot.com/" onmouseover="window.location=this.href">Komputer dan Internet</a>

Link Terbuka Otomatis Tanpa Di Klik »»»

Icon Burung Follow Twitter Mengikuti Arah Kursor »»»

Icon Burung Follow Twitter Mengikuti Arah Kursor

by Doni Masrul >>> Tutorial

Cara membuatnya:

Rancangan, tambah gadget, pilih Html/ java script

Simpan kode berikut:

/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLhiOaq3MNzJ1iQ2BrEaNgy4pnibSjiRJ-1QO96TCI896TbdZNPbkJdT_QukmTSZbOoEQ1vSlPPJ7FWQEcT3uHryuuGBiusXK5bMriQMvwfTyn0otG0TpF6tum5q7UTaS-sn7ny9nay9s/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/#!/donimasrul";var tweetThisText = "Twitter - UserID http://donimasrul.blogspot.com/";tripleflapInit();
</script>

Yang berwarna biru silahkan anda ganti sesuai kebutuhan, kemudian Simpan..

Cara Membuat Scroll Pada Widget

by Doni Masrul >>> Tutorial

Agar widget blog anda tidak memakan tempat, anda bisa membuat scroll pada widget tersebut. Nah, previewnya seperti ini.

Nah, begini cara membuatnya:

Tuju Tata Letak > Edit HTML.

Backup dulu templatenya.

Cari kode seperti ini.

<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
<b:widget id='HTML6' locked='false' title='Jam' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Kategori' type='Label'/>
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
<b:widget id='HTML7' locked='false' title='Statistik Blog Ini' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Kotak Chatting' type='HTML'/>

Nah, cari kode widget yang akan anda berikan scroll. Misalnya Arsip Blog. Apabila judul widget tersebut adalah Arsip Blog, maka kodenya kira-kira seperti ini.

<b:widget id="BlogArchive1" locked="false" title="Arsip Blog" type="BlogArchive">

Kode title adalah judul dari widget. Apabila tidak diberi judul maka kodenya adalah title=''. Yang harus anda perhatikan dengan seksama adalah kode id='BlogArchive1'. Perhatikan pada bagian BlogArchive1. itu adalah id dari widget Arsip Blog.

Nah, lalu kita cari kode ]]></b:skin>. Nah, lalu ketikkan seperti ini diatasnya.

#BlogArchive1 .widget-content{
height:200px; /* Tinggi yang diinginkan */
width:auto;
overflow:auto;
}

Ganti bagian BlogArchive1 dengan id dari widget yang diinginkan. Misalnya Label1 atau Followers1. Kalau sudah klik Simpan Template.

Cara Membuat Scroll Pada Widget »»»