Tampilkan postingan dengan label membuat. Tampilkan semua postingan
Tampilkan postingan dengan label membuat. Tampilkan semua postingan
Jumat, 06 Desember 2013
Membuat Buku Tamu ShoutMix Melayang di Blog
Buku Tamu (ShoutMix) di Blog memang menaruh buku tamu melayang di blog sangat bermanfaat sekali, karena dengan adanya buku tamu pengunjung Blog kita lebih mudah untuk bertanya dan berinteraksi tanpa harus meninggalkan komentar di salah satu posting.
Nah yang ingin saya bahas saat ini adalah Membuat Buku Tamu (ShoutMix) Melayang di blog.
Memang cara ini mempunyai banyak keuntungan untuk blog kita,karena kita tidak perlu menghabiskan banyak tempat di sidebar blog kita karena Buku Tamu Melayang ini akan mengikuti kemana pun Cursor naik atau turun.
Cara Pemasangan Buku Tamu (ShoutMix) Melayang di blog
1. Pertama simpan terlebih dahulu kode ShoutMix anda yang lama ke dalam Notepad
2. Login ke Blog
3. Klik Rancangan - Edit Laman
4. Pilih Tambah Gadget - HTML/JavaScript
5. Copy kode dibawah ini dan masukan kedalamnya
6. Save
KET: KODE SHOUTMIX Ganti dengan kode shoutmix anda
Selamat sekarang anda sudah memilik Buku Tamu Melayang di blog anda.
Nah yang ingin saya bahas saat ini adalah Membuat Buku Tamu (ShoutMix) Melayang di blog.
Memang cara ini mempunyai banyak keuntungan untuk blog kita,karena kita tidak perlu menghabiskan banyak tempat di sidebar blog kita karena Buku Tamu Melayang ini akan mengikuti kemana pun Cursor naik atau turun.
Cara Pemasangan Buku Tamu (ShoutMix) Melayang di blog
1. Pertama simpan terlebih dahulu kode ShoutMix anda yang lama ke dalam Notepad
2. Login ke Blog
3. Klik Rancangan - Edit Laman
4. Pilih Tambah Gadget - HTML/JavaScript
5. Copy kode dibawah ini dan masukan kedalamnya
<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOdOnowOhwd_GSX1Z3JgFM1jtx7eIfbvgfu30huc5qZY8FtIp4PEwVPJgXBRo4Z6HDtVM6Tf7SQHwACQLEBQKWceRkc6dYxb1rPA5BLiYVhjJTjVr2cBBrZiIBmSLCYvuW95sLIOTQc4gY/) no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent">KODE SHOUTMIX <br/> Anda berminat buat Buku Tamu seperti ini?<br/> <a href="http://www.blogger.com/2011/09/membuat-buku-tamu-shoutmix-melayang-di.html"> Klik disini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>
6. Save
KET: KODE SHOUTMIX Ganti dengan kode shoutmix anda
Selamat sekarang anda sudah memilik Buku Tamu Melayang di blog anda.
Selasa, 12 November 2013
Tips Membuat Widget Subscription di Bawah Postingan
Pada postingan sebelumnya saya telah menjelaskan apa fungsi dari sebuah tombol share dan bagaimana memunculkannya di blog anda.
Pada prinsipnya sebuah promosi blog bisa dilakukan dengan berbagai cara, salah satunya adalah melalui media social dan subscription. Kenapa harus di share di social media dan subscription? Ada banyak pejelajah internet yang menemukan situs kita hanya sekedar kebetulan. Dengan memasukan suatu kata kunci akhirnya si penjelajah masuk ke situs kita. Ketika dia menyukai konten situs kita, maka harus ada media yang kita berikan padanaya untuk membagikan informasi tersebut kepada teman-temanya yang juga memiliki minat yang sama selain itu harus juga disediakan sebuah media agar dia bisa subscription/berlangganan dengan situs kita. Dan itulah fungsi sebuah widget subscription.
Karena itulah hari ini saya ingin sedikit berbagi informasi tentang cara membuat sebuah widget subscription di bawah postingan artikel anda.
Beberapa langkah yang harus anda lakukan dalam memasang widget ini yaitu:
- Masuk ke blog anda >> Templete >> Edit HTML
- Temukan (Crl + F) tag <data:post.body/>
- Kemudian taruh script berikut di bawah tag tersebut
<b:if cond=data:blog.pageType == "item">
<style>
.RBstyle{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ3g77wzZRmWwbfNfZbKhFCBfBFuezXALez6cAB0qGIsn_Am7pcBSw1VQ_odk9ebLPMezC8pHepwbO9jTqdUFyHBEjsPSecGxPnVuUXozhCpFTO7UpsEmn7rFdd44DFvBN-cVPg670DqXC/s400/email_icon.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.RBsubmit{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FBFBFB, endColorstr=#F4F4F4,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
</style>
<center>
<div id=emailwidget-outer>
<div id=emailwidget>
<table style=border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width=100%>
<tbody>
<tr style=border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;>
<td align=left style=border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px;> <p style=color:#008E00; font-size: 15px; margin:0px 0px 5px 0px; >
Get free daily email updates!</p>
<form action=http://feedburner.google.com/fb/a/mailverify class=feedburner method=post onsubmit=window.open(http://feedburner.google.com/fb/a/mailverify?uri= blogspot/YbAuT, popupwindow, scrollbars=yes,width=550,height=520);return true style=margin: 0pt; target=popupwindow>
<input name=uri type=hidden value=Realcombiz/>
<input name=loc type=hidden value=en_US/>
<input class=RBstyle name=email onblur=if (this.value == "") {this.value = "Enter your email…";} onfocus=if (this.value == "Enter your email…") {this.value = ""} type=text value=Enter your email…/>
<input alt= class=RBsubmit title= type=submit value=Submit/>
</form>
</td>
<td style=border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;><p style=color:#008E00; font-size: 14px; margin:0px 0px 5px 0px; >
Follow us!</p>
<a href=http://feedburner.google.com/fb/a/mailverify?uri=blogspot/YbAuT rel=nofollow target=_blank title=Suscribe to RSS Feed><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhR8rBziG0NmxbNwgzBvfbkymrd5h7Pm5L-hq4uOHxoAl0MoAOk4JT1m6uEPM48ydKV_Mni_iU-hYr2TdmkzRW8vZuUjpHR6IpTKQs_DvZEYGOdwzF6n8whEsM8F9RcciybYvmyX8UTOY/s1600/rss-30×43.png/></a>
<a href=http://twitter.com/nym_artopraph rel=nofollow target=_blank title=Follow us on Twitter><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK3nHKx3eGsl2W8rEna0YAJC1dHlxZXkYnavTpG-YskyaeD9f-saJDVhGrKvkgJo5as6WViXjbEdCcpCCj72WG4jGWd0ikZZv065Ks6l8sLYqgl2qsqu_xTjKXDqkKkHUV7IGATKeVMco/s1600/twitter-30×43.png/></a>
<a href=http://www.facebook.com/AFewStories rel=nofollow target=_blank title=Follow us on Facebook><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS3T5SXjK9jN0k9TWZqw-fKcFhwyaP6cnHiXMMcC31ztdpFVL8Sg1hVH9JVipwATtT4e0Dd9AsTV-K6UldnAl-MzHCyi8PBC6kmsGi0ko9x4KRLGadjfsumqs8tKDE9gHfl2FC24uxU2o/s1600/facebook-30×43.png/></a>
<a href=https://plus.google.com/101530619421571417577 rel=nofollow target=_blank title=Follow us on Google+><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHDPKiR46Skxub7K5jQ5JAeH_MTGJk1LBgAoVgHZ8J6C6pSItqk3bvavGSDZhM0BMTPBOpFnh_RceAvKU2VpujiN7BJUwPrGmgcHndG8IcHAgoxE5DDuFU2FXy4SZu2BROUEN1IlrGHfM/s1600/googleplus-30×43.png/></a>
</td>
</tr>
</tbody></table>
</div>
</div>
</center>
</b:if>
<style>
.RBstyle{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ3g77wzZRmWwbfNfZbKhFCBfBFuezXALez6cAB0qGIsn_Am7pcBSw1VQ_odk9ebLPMezC8pHepwbO9jTqdUFyHBEjsPSecGxPnVuUXozhCpFTO7UpsEmn7rFdd44DFvBN-cVPg670DqXC/s400/email_icon.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.RBsubmit{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FBFBFB, endColorstr=#F4F4F4,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
</style>
<center>
<div id=emailwidget-outer>
<div id=emailwidget>
<table style=border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width=100%>
<tbody>
<tr style=border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;>
<td align=left style=border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px;> <p style=color:#008E00; font-size: 15px; margin:0px 0px 5px 0px; >
Get free daily email updates!</p>
<form action=http://feedburner.google.com/fb/a/mailverify class=feedburner method=post onsubmit=window.open(http://feedburner.google.com/fb/a/mailverify?uri= blogspot/YbAuT, popupwindow, scrollbars=yes,width=550,height=520);return true style=margin: 0pt; target=popupwindow>
<input name=uri type=hidden value=Realcombiz/>
<input name=loc type=hidden value=en_US/>
<input class=RBstyle name=email onblur=if (this.value == "") {this.value = "Enter your email…";} onfocus=if (this.value == "Enter your email…") {this.value = ""} type=text value=Enter your email…/>
<input alt= class=RBsubmit title= type=submit value=Submit/>
</form>
</td>
<td style=border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;><p style=color:#008E00; font-size: 14px; margin:0px 0px 5px 0px; >
Follow us!</p>
<a href=http://feedburner.google.com/fb/a/mailverify?uri=blogspot/YbAuT rel=nofollow target=_blank title=Suscribe to RSS Feed><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhR8rBziG0NmxbNwgzBvfbkymrd5h7Pm5L-hq4uOHxoAl0MoAOk4JT1m6uEPM48ydKV_Mni_iU-hYr2TdmkzRW8vZuUjpHR6IpTKQs_DvZEYGOdwzF6n8whEsM8F9RcciybYvmyX8UTOY/s1600/rss-30×43.png/></a>
<a href=http://twitter.com/nym_artopraph rel=nofollow target=_blank title=Follow us on Twitter><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK3nHKx3eGsl2W8rEna0YAJC1dHlxZXkYnavTpG-YskyaeD9f-saJDVhGrKvkgJo5as6WViXjbEdCcpCCj72WG4jGWd0ikZZv065Ks6l8sLYqgl2qsqu_xTjKXDqkKkHUV7IGATKeVMco/s1600/twitter-30×43.png/></a>
<a href=http://www.facebook.com/AFewStories rel=nofollow target=_blank title=Follow us on Facebook><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS3T5SXjK9jN0k9TWZqw-fKcFhwyaP6cnHiXMMcC31ztdpFVL8Sg1hVH9JVipwATtT4e0Dd9AsTV-K6UldnAl-MzHCyi8PBC6kmsGi0ko9x4KRLGadjfsumqs8tKDE9gHfl2FC24uxU2o/s1600/facebook-30×43.png/></a>
<a href=https://plus.google.com/101530619421571417577 rel=nofollow target=_blank title=Follow us on Google+><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHDPKiR46Skxub7K5jQ5JAeH_MTGJk1LBgAoVgHZ8J6C6pSItqk3bvavGSDZhM0BMTPBOpFnh_RceAvKU2VpujiN7BJUwPrGmgcHndG8IcHAgoxE5DDuFU2FXy4SZu2BROUEN1IlrGHfM/s1600/googleplus-30×43.png/></a>
</td>
</tr>
</tbody></table>
</div>
</div>
</center>
</b:if>
Klik save kemudian lihat hasilnya! Kurang lebih tampilannya akan seperti ini:
Selamat mencoba, goog luck :)
Note : Ada kemungkinan script tersebut akan eror ketika anda save. Sehingga kalau sampai terjadi eror. Coba check di blogscrowds HTML parser untuk menata ulang script tersebut.
Minggu, 10 November 2013
Cara Membuat Animasi Naruto vs Sasuke bertarung di Blog
Cara Membuat Animasi Naruto vs Sasuke bertarung di Blog
Mudah sekali cara memasang / membuat animasi naruto di blog :
1. Log in ke akun Blogger
2. Klik Rancangan
3. Klik Tambah Gadget
4. Klik HTML/Javascript
5. Copy kode di bawah ini dan letakkan ke dalam HTML/Javascript
<div style="position:fixed;bottom:0;left:10px;width:130px;height:100px"><a href="http://blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkDntasFLgWfwRoQYdfvdS82SxTpS_DwfyEhmoLoU_1wB-4ne9LGjiz2a6qQ-GrVe6-AzOWeo1L0HtI-wlRPWRIpyfrzJASVADMXSrl198FvQYy2IMLLdTTTafdxXPiQPErs852ms6dYWg/s1600/NarutoVSSasuke.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://blogspot.com/2013/02/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>
6. Simpan dan lihat hasilnya
klik disini untuk mendapatkan animasi naruto lebih banyak!!
 |
| Animasi naruto bertarung |
Mudah sekali cara memasang / membuat animasi naruto di blog :
1. Log in ke akun Blogger
2. Klik Rancangan
3. Klik Tambah Gadget
4. Klik HTML/Javascript
5. Copy kode di bawah ini dan letakkan ke dalam HTML/Javascript
<div style="position:fixed;bottom:0;left:10px;width:130px;height:100px"><a href="http://blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkDntasFLgWfwRoQYdfvdS82SxTpS_DwfyEhmoLoU_1wB-4ne9LGjiz2a6qQ-GrVe6-AzOWeo1L0HtI-wlRPWRIpyfrzJASVADMXSrl198FvQYy2IMLLdTTTafdxXPiQPErs852ms6dYWg/s1600/NarutoVSSasuke.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://blogspot.com/2013/02/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>
6. Simpan dan lihat hasilnya
Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna merah pada script tersebut.
bottom(bawah), top (atas), left ( kiri), right (kanan),
Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..
klik disini untuk mendapatkan animasi naruto lebih banyak!!
Sabtu, 26 Oktober 2013
Cara Membuat Blog Gratis di Blogger
Cara Membuat Blog Gratis di Blogger - Blog adalah sejenis website yang biasanya digunakan sebagai media personal baik itu untuk keperluan sosial, mencari uang atau semacamnya.
Belakangan ini, perkembangan blog di Indonesia sangatlah pesat. Hampir setiap hari jumlah pemilik blog baru dari Indonesia bertambah.
Banyak orang lebih suka membuat sebuah blog dibandingkan jika harus membuat sebuah website. Selain karena penggunaannya yang mudah, tutorial yang tersedia pun sangatlah banyak.
Sampai dengan saat ini banyak sekali penyedia layanan pembuat blog. Sebut saja Blogger, Wordpress, Tumblr, Bravejournal, Blog detik dan masih banyak lainnya.
Tetapi yang saya akan jelaskan disini adalah menggunakan Blogger, kenapa harus blogger ? Jawabannya karena blogger memiliki banyak kelebihan dan sangatlah cocok untuk digunakan oleh pemula atau dalam artian untuk belajar.
Salah satu kelebihannya adalah blogger memiliki dashboard yang user friendly, memungkinkan anda dapat dengan mudah mengerti fungsi dari masing-masing tombol navigasinya. Selain itu bahasa pemrograman yang digunakan juga berbasis XML dan CSS yang notabene cukup mudah digunakan.
Belakangan ini, perkembangan blog di Indonesia sangatlah pesat. Hampir setiap hari jumlah pemilik blog baru dari Indonesia bertambah.
Banyak orang lebih suka membuat sebuah blog dibandingkan jika harus membuat sebuah website. Selain karena penggunaannya yang mudah, tutorial yang tersedia pun sangatlah banyak.
Sampai dengan saat ini banyak sekali penyedia layanan pembuat blog. Sebut saja Blogger, Wordpress, Tumblr, Bravejournal, Blog detik dan masih banyak lainnya.
Tetapi yang saya akan jelaskan disini adalah menggunakan Blogger, kenapa harus blogger ? Jawabannya karena blogger memiliki banyak kelebihan dan sangatlah cocok untuk digunakan oleh pemula atau dalam artian untuk belajar.
Salah satu kelebihannya adalah blogger memiliki dashboard yang user friendly, memungkinkan anda dapat dengan mudah mengerti fungsi dari masing-masing tombol navigasinya. Selain itu bahasa pemrograman yang digunakan juga berbasis XML dan CSS yang notabene cukup mudah digunakan.
Cara Membuat Blog Gratis di Blogger
Karena blogger merupakan mitra dari Google, maka untuk membuat akun diblogger tidaklah perlu melakukan registrasi ulang. Jadi anda hanya perlu memiliki sebuah akun Google dan dengan akun tersebut anda bisa login ke blogger.
Tapi jika ternyata anda belum memiliki akun Google, silakan baca cara membuatnya di Cara Membuat Email Google.
Baiklah, sekarang saya asumsikan anda sudah memiliki sebuah akun Google. Maka perhatikan langkah berikut !
- Buka Blogger.com dari browser anda
- Setelah itu silakan login menggunakan akun Google saudara
- Jika ternyata anda baru membuat akun Google tersebut biasanya anda akan diminta untuk mengedit profil anda, silakan klik tombol LANJUTKAN KE BLOGGER.
- Sekarang anda sudah berada di dashboard blogger. Langkah berikutnya adalah dengan mengklik tombol BLOG BARU di bagian kiri, setelah itu akan muncul pop up baru.
- Silakan anda isikan NAMA BLOG, JUDUL dan jangan lupa untuk memilih template yang akan anda gunakan. Jika sudah klik tombol BUAT BLOG di bagian bawah dan tunggu prosesnya.
Dengan menyelesaikan langkah-langkah tersebut kini anda sudah berhasil membuat sebuah blog baru. Anda bisa mulai membuat artikel atau postingan dan segera di publikasikan.
Baiklah, saya rasa demikian artikel kali ini mengenai Cara Membuat Blog Gratis di Blogger. Semoga bermanfaat !
Langganan:
Postingan (Atom)