Pernah mengalami lupa alamat email yang digunakan untuk masuk atau login ke blogger.com? Mungkin sebagian blogger pernah mengalaminya, nama juga manusia. Ada beberapa kemungkinan mengapa sampai bisa lupa alamat email yang dipakai untuk login ke blogger.com.
Showing posts with label Nge-blogspot. Show all posts
Showing posts with label Nge-blogspot. Show all posts
Saturday, 8 February 2014
Saturday, 21 April 2012
Meletakkan Iklan Di Akhir Posting Blog
Dengan Meletakkan Iklan Di Akhir Posting Blog earning / pendapatan dari PPC baik adsense maupun kliksaya dll akan meningkat, mengapa? karena pengunjung potensial atau awam akan mengira itu adalah bagian dari artikel atau artikel berkaitan lainnya sehingga peluang klik akan menjadi lebih besar, trik ini banyak di bahas di internet baik melalui video youtube maupun di berbagai forum tenar seperti adsense-id.com Bagaimana cara meletakkanya?
Cara pasang iklan di samping postingan blog
![]() |
| Sumber: google image |
Panduan Lengkap Belajar HTML
Panduan dasar belajar HTML ini saya dedikasikan bagi mereka yang ingin mengenal bahasa html, baik itu mereka para pelajar dan mahasiswa, dosen, dan umum. semoga bermanfaat..
Membuat Menu Login di Blogger
Agan-agan kali ini kita membahas cara Membuat Menu Login di Blogger
Inilah prosesnya :
1. Login terlebih dahulu ke Blogger
2. Pilih Edit Tamplate
3. Setelah masuk pilih Tambah Widget
4. Pilih HTML/java script
5. Silakan copy paste kode di bawah ini
1. Login terlebih dahulu ke Blogger
2. Pilih Edit Tamplate
3. Setelah masuk pilih Tambah Widget
4. Pilih HTML/java script
5. Silakan copy paste kode di bawah ini
Cara Membuat Menu Drop Down Blogspot
Cara membuat menu Dropdown standard di blog
Cara membuat artikel terkait pada sidebar blog.
Membuat artikel terkait pada sidebar blogger atau blogspot tentunya lebih menarik dibandingkan artikel terkait yang sudah umum berada di bawah setiap postingan. Blog ini juga menggunakan artikel terkait dibagian sidebar kanan. Karena saya sendiri sudah mencoba pada blog ini, saya akan share cara membuat artikel terkait pada sidebar blog.
Cara membuat recent comment di blog
Cara membuat recent comment di blog dan lebih tepatnya di blogspot atau blogger. Cara membuat recent comment ala saya pribadi sangat mudah dan itupun saya terapkan pada blog ini. Widget recent comment ini hanya menampilkan maksimal 5 komentar terbaru. Wah bagaimana caranya? gampang saja, silahkan ikuti langkah langkah cara membuat recent comment di bawah ini.
Memasang Facebook like di blog
Pengguna blogger atau blogspot. Cara memasang Facebook like di blog sangat mudah asalkan anda bisa menerapkan langkah langkah yang saya berikan. Memasang Facebook like diblog
memang perlu, agar para visitor atau pengunjung bisa memberikan like
atau suka bahkan membagikan atau share artikel blog kita kepada teman
teman mereka di facebook. Dengan memasang facebook like di blog,
tentunya apabila visitor sudah memencet tombol like yang ada pada setiap
artikel blog, otomatis pada facebook mereka akan ada notice kalau
visitor tersebut sudah menyukai artikel yang kita tulis. kemungkinan
besar teman facebook mereka akan penasaran, "kenapa orang ini menyukai
ini?" disinilah peluang blog kita akan kebanjiran visitor. ok deh
sekarang lanjut ke cara memasang Facebook like di Blog.
Memasang Tombol Google Plus di Blog.
Memasang Tombol Google Plus di Blog. Blog dilengkapi Tombol Google Plus atau G+1 di atas setiap postingan blog? Wah tentunya sangat bagus. Artinya kita memberikan kesempatan untuk para pengunjung blog agar berbagi dengan teman mereka di jaringan sosial terbaru saat ini yaitu Google Plus. Selain itu tombol Google Plus juga berguna untuk merekomendasikan atau memberi nilai + setiap posting blog kita di search engine google. Tapi tutorial ini hanya untuk Blogspot atau Blogger hehe. Ok sekarang di simak baik-baik cara memasang tombol google plus (+) di Blog.
Optimasi Seo On Page
Optimasi Seo On Page atau cara mengoptipmalkan setiap posting / artikel agar Seo Friendly. Untuk optimasi seo blogspot / blogger
memang sedikit sulit yah, karena blogspot tidak bisa menggunakan plugin
seperti layaknya wordpress ( tapi bukan wordpress gratisan kwkwk ).
Cara ini sudah saya buktikan dan berhasil, bisa anda lihat pada gambar
di bawah ini. Sekarang kita ulas tekhnik optimasi Seo on page blogspot.
Percantik halaman blog dengan kupu kupu berterbangan kemana2
Halo teman teman yang budiman.. kali ini saya masih membahas tentang tutorial javascript,
knapa saya bahas tutorial javascript terus terusan akhir akhir ini
yah..? hehehe... Oke dech... ga banyak kata lagi langsung aja saya akan mebahas tutorial javascipt yang kali ini saya akan ngasih bocoran gimana cara mempercantik halaman blog dengan mengasih kupu kupu berterbangan kemana mana pada halaman blog kita, seperti ini nih
Seperti
biasa, disini saya akan mengasih anda dua cara.. yaitu cara mentah dan
mateng.. hehehe.. kayak makanan aja yah.. oke.. sekarang akan saya kasih
cara mateng nya dulu, yaitu anda tinggal memakai scriptnya dan
memasukkan kedalam halaman blog anda...
Membuat Teks Mengikuti Cursor
Mungkin
sobat pernah ngelihat teks mengikuti kursor ketika sobat berkunjung di
blog!!! ternyata pembuatannya cukup mudah ko sob, kita hanya tinggall
menambahkan kode script pada HTML kita,
Ok lansung aja kita bahas, yuuuuuuuuuuuk . . .
1.Pertama-tama silahkan sobat masuk ke blog sobat.
2.Pilih tab Rancangan>Edit HTML.
3.kemudian cari kode </body> di dalam kotak HTML, jika kesulitan mencarinya sobat bisa baca Cara Cepat Mencari Kode HTML.
4.Jika sudah ketemu copy kode berikut dan pastekan tepat di bawah kode </body> tadi.
5.Simpan.
dan sekarang lihat hasilnya.!!!
catatan:
warna biru adalah warna teks,sobat dapat mengubah warnanya dengan kode warna atau kode warna v2.
warna merah adalah teks ketika mengikuti cursor, silahkan sobat dengan kata-kata sobat sendiri.
Ok,cukup sekian dulu,semoga postingan ini bermanfaat.
jangan lupa untuk baca aricles/postingan saya yang lainnya.
1.Pertama-tama silahkan sobat masuk ke blog sobat.
2.Pilih tab Rancangan>Edit HTML.
3.kemudian cari kode </body> di dalam kotak HTML, jika kesulitan mencarinya sobat bisa baca Cara Cepat Mencari Kode HTML.
4.Jika sudah ketemu copy kode berikut dan pastekan tepat di bawah kode </body> tadi.
<style type='text/css'>
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #999;
/* End Optional */
/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type='text/javascript'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "salmasoft.blogspot.com";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;
////////////////////// Stop Editing //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>
</script>
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #999;
/* End Optional */
/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type='text/javascript'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "salmasoft.blogspot.com";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;
////////////////////// Stop Editing //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>
</script>
5.Simpan.
dan sekarang lihat hasilnya.!!!
catatan:
warna biru adalah warna teks,sobat dapat mengubah warnanya dengan kode warna atau kode warna v2.
warna merah adalah teks ketika mengikuti cursor, silahkan sobat dengan kata-kata sobat sendiri.
Ok,cukup sekian dulu,semoga postingan ini bermanfaat.
jangan lupa untuk baca aricles/postingan saya yang lainnya.
Membuat Related Post di Blogspot
Blogger.com saat ini masih belum menyediakan gadget untuk menambah element widget related post di blogspot. Mungkin kedepannya, mereka akan menambah fasilitas ini, mengingat memang banyak blogger yang menggunakan fitur related post ini dari luar atau pihak ketiga. Jika anda ingin mempercantik blog anda, anda bisa membuat related post di blogspot anda.
Membuat related post di blogspot ini bisa menggunakan kode javascript. Silahkan anda ikuti petunjuk berikut ini :
Subscribe to:
Posts (Atom)



