Archive

Posts Tagged ‘Tips Trik’

Cara Unlock Akun Google Talk (GTalk)

July 7, 2011 1 comment

Mungkin anda pernah mengalami dimana akun email dari google – Gmail / GTalk diblok atau di lock oleh google itu sendiri. Ini mungkin penyebabnya dikarenakan:

1.) Penggunaan akun anda yang mencurigakan bagi goole
2.) Atau mungkin masalah server

Untuk dapat melakukan Unlock atau membuka kembali akun GTalk anda coba kunjungin halaman situs google ini  : http://www.google.com/accounts/DisplayUnlockCaptcha

Unblock GTalk

Masukkan email dan password Gmail anda, ketikkan angka atau huruf yang tampil / Captcha. Semoga berhasil.

Advertisements

Floating Twitter Buttons With auto Sliding

June 30, 2011 Leave a comment

floating-twitterI recently shared a floating widget that contained Twitter, Google +1 and Facebook Counters and it would slide up and down with the movement of the page. Some Twitter lovers amongst you asked for just a twitter button so the script below will help you add a floating twitter button with count on your blogger blogs. The Demo is the same as the previous one but this time with only one button:

 

 

Live Demo 

Add Floating Twitter Button To Blogger

  1. Go To Blogger > Design
  2. Choose a HTML/JavaScript widget
  3. Paste the following code inside it,

<style>

/*——-MBT Floating Counters————*/

#floatdiv {
position:absolute;
width:94px;
height:100px;
top:0;
left:0;
z-index:100
}
#mbtsidebar {
border:0px solid #ddd;
padding-left:0px;
position:relative;
margin:0 0 0 5px;
}

</style>

 

 

<div id=”floatdiv”>
<div id=”mbtsidebar”>
<table cellpadding=”1px” cellspacing=”0″>

<tr>
<td style=”border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;”>

<a rel=”nofollow” href=”http://twitter.com/share&#8221; class=”twitter-share-button” expr:data-url=’data:post.url’ expr:data-text=’data:post.title’ data-count=”vertical” data-via=”mybloggertricks“>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script&gt;
</td>
</tr>

<tr>
<td style=”border-bottom: 0px solid #E8E8E8; padding:0px 0 0px 0;”>

<p style=” font-size:10px; text-align:center; color:#ddd;”><a style=”color:#ddd;” href=”http://www.MyBloggerTricks.com&#8221; target=”_blank”>Widgets</a></p>
</td>
</tr>

</table>
</div>
</div>
<script type=”text/javascript”>
// JavaScript Document
<!–
/* Script by: http://www.jtricks.com
* Version: 20071017
* Latest version:
* http://www.jtricks.com/javascript/navigation/floating.html
*/
var floatingMenuId = ‘floatdiv’;
var floatingMenu =
{
targetX: 0,
targetY: 100,

hasInner: typeof(window.innerWidth) == ‘number’,
hasElement: typeof(document.documentElement) == ‘object’
&& typeof(document.documentElement.clientWidth) == ‘number’,

menu:
document.getElementById
? document.getElementById(floatingMenuId)
: document.all
? document.all[floatingMenuId]
: document.layers[floatingMenuId]
};

floatingMenu.move = function ()
{
floatingMenu.menu.style.left = floatingMenu.nextX + ‘px’;
floatingMenu.menu.style.top = floatingMenu.nextY + ‘px’;
}

floatingMenu.computeShifts = function ()
{
var de = document.documentElement;

floatingMenu.shiftX =
floatingMenu.hasInner
? pageXOffset
: floatingMenu.hasElement
? de.scrollLeft
: document.body.scrollLeft;
if (floatingMenu.targetX < 0)
{
floatingMenu.shiftX +=
floatingMenu.hasElement
? de.clientWidth
: document.body.clientWidth;
}

floatingMenu.shiftY =
floatingMenu.hasInner
? pageYOffset
: floatingMenu.hasElement
? de.scrollTop
: document.body.scrollTop;
if (floatingMenu.targetY < 0)
{
if (floatingMenu.hasElement && floatingMenu.hasInner)
{
// Handle Opera 8 problems
floatingMenu.shiftY +=
de.clientHeight > window.innerHeight
? window.innerHeight
: de.clientHeight
}
else
{
floatingMenu.shiftY +=
floatingMenu.hasElement
? de.clientHeight
: document.body.clientHeight;
}
}
}

floatingMenu.calculateCornerX = function()
{
if (floatingMenu.targetX != ‘center’)
return floatingMenu.shiftX + floatingMenu.targetX;

var width = parseInt(floatingMenu.menu.offsetWidth);

var cornerX =
floatingMenu.hasElement
? (floatingMenu.hasInner
? pageXOffset
: document.documentElement.scrollLeft) +
(document.documentElement.clientWidth – width)/2
: document.body.scrollLeft +
(document.body.clientWidth – width)/2;
return cornerX;
};

floatingMenu.calculateCornerY = function()
{
if (floatingMenu.targetY != ‘center’)
return floatingMenu.shiftY + floatingMenu.targetY;

var height = parseInt(floatingMenu.menu.offsetHeight);

// Handle Opera 8 problems
var clientHeight =
floatingMenu.hasElement && floatingMenu.hasInner
&& document.documentElement.clientHeight
> window.innerHeight
? window.innerHeight
: document.documentElement.clientHeight

var cornerY =
floatingMenu.hasElement
? (floatingMenu.hasInner
? pageYOffset
: document.documentElement.scrollTop) +
(clientHeight – height)/2
: document.body.scrollTop +
(document.body.clientHeight – height)/2;
return cornerY;
};

floatingMenu.doFloat = function()
{
// Check if reference to menu was lost due
// to ajax manipuations
if (!floatingMenu.menu)
{
menu = document.getElementById
? document.getElementById(floatingMenuId)
: document.all
? document.all[floatingMenuId]
: document.layers[floatingMenuId];

initSecondary();
}

var stepX, stepY;

floatingMenu.computeShifts();

var cornerX = floatingMenu.calculateCornerX();

var stepX = (cornerX – floatingMenu.nextX) * .07;
if (Math.abs(stepX) < .5)
{
stepX = cornerX – floatingMenu.nextX;
}

var cornerY = floatingMenu.calculateCornerY();

var stepY = (cornerY – floatingMenu.nextY) * .07;
if (Math.abs(stepY) < .5)
{
stepY = cornerY – floatingMenu.nextY;
}

if (Math.abs(stepX) > 0 ||
Math.abs(stepY) > 0)
{
floatingMenu.nextX += stepX;
floatingMenu.nextY += stepY;
floatingMenu.move();
}

setTimeout(‘floatingMenu.doFloat()’, 20);
};

// addEvent designed by Aaron Moore
floatingMenu.addEvent = function(element, listener, handler)
{
if(typeof element[listener] != ‘function’ ||
typeof element[listener + ‘_num’] == ‘undefined’)
{
element[listener + ‘_num’] = 0;
if (typeof element[listener] == ‘function’)
{
element[listener + 0] = element[listener];
element[listener + ‘_num’]++;
}
element[listener] = function(e)
{
var r = true;
e = (e) ? e : window.event;
for(var i = element[listener + ‘_num’] -1; i >= 0; i–)
{
if(element[listener + i](e) == false)
r = false;
}
return r;
}
}

//if handler is not already stored, assign it
for(var i = 0; i < element[listener + ‘_num’]; i++)
if(element[listener + i] == handler)
return;
element[listener + element[listener + ‘_num’]] = handler;
element[listener + ‘_num’]++;
};

floatingMenu.init = function()
{
floatingMenu.initSecondary();
floatingMenu.doFloat();
};

// Some browsers init scrollbars only after
// full document load.
floatingMenu.initSecondary = function()
{
floatingMenu.computeShifts();
floatingMenu.nextX = floatingMenu.calculateCornerX();
floatingMenu.nextY = floatingMenu.calculateCornerY();
floatingMenu.move();
}

if (document.layers)
floatingMenu.addEvent(window, ‘onload’, floatingMenu.init);
else
{
floatingMenu.init();
floatingMenu.addEvent(window, ‘onload’,
floatingMenu.initSecondary);
}

//–>

</script>

 

Simply replace mybloggertricks with your twitter username. The above code will display a vertical count as shown below:

vertical count

If you want a horizontal count or no count at all then replace vertical with horizontal or none

horizontal count

4.   Hit save and you are done!

Password Protect Widgets In Blogger Blogs!

June 30, 2011 Leave a comment

password-protected-widgetPassword Protecting widgets sometimes becomes necessary when you want to share the content inside the widget with selected people. You can lock the widget completely and it can be accessed only with a correct password. The text inside the widget will be in encrypted form which can not easily be cracked. This works exactly the same as we did for password protecting Posts in Blogger. For this tutorial to understand you must first read the earlier one.

Live Demo

How To Lock Widgets by Adding a Password?

I assume you have already read the earlier tutorial. The steps here exactly the same as we did for hiding posts.

  1. Go To Encrypting page
  2. Enter a password in the Key box
  3. Paste the text that you want to hide in the Plain Text box
  4. Hit the Encrypt button and Copy the HTML Code
  5. Then Go To Blogger > Design > Page Elements
  6. Select HTML/JavaScript widget
  7. Paste the HTML code inside it and save
  8. You are done!

Now your users need the correct password to access the content on the hidden sidebar widget. They will only see a link saying Show encrypted text

You can hide images, text, media, whatever you want. The content on your sidebar can be a hidden message for blog authors, contributors or special visitors. I hope you make good use of this new technique. Have fun!

Add Cool Floating Feedback Buttons in Blogger

June 30, 2011 Leave a comment

FEEDBACK-BUTTONSHere is yet another PNG set for Feedback buttons which can be added in a similar method as we did for the previous Feedback Buttons set. This time we will mouse hover effect to these buttons. The buttons will change color on mouse hover. You can do that using a simple code as shared below,

Download 

Add Floating Feedback Buttons With Mouse Hover in Blogger

  1. Go To Blogger > Design > Page Elements
  2. Select HTML/JavaScript widget
  3. Paste the following code inside it,

<a style=”display:scroll;position:fixed;bottom:10px;left:0px;” href=”URL OF CONTACT PAGE” title=”Feedback Please, Can’t go further without your help“><img onmouseover=”this.src=’IMAGE LINK 2‘” src=”IMAGE LINK 1″ onmouseout=”this.src=’IMAGE LINK 1′”/></a>

Make these changes:

  • Replace URL OF CONTACT PAGE with the Link of your contact page
  • Replace IMAGE LINK 1 with the URL of image in active mode
  • Replace IMAGE LINK 2 with the URL of image which appears on mouse hover
  • Change left to right if you want the button to appear at right side of your page

4. Save your widget and you are done!

Cara membuat chatbox atau buku tamu di layanan cbox

June 30, 2011 Leave a comment

Buku tamu atau chatbox sangat penting menurut saya peranannya dalam kehidupan blogging. Salah satu fungsinya adalah sebagai fasilitas interaksi antara pemilik dan pengunjung anda.
Dari sini kita bisa tahu keluh kesah mereka, kritik mereka serta saran dari mereka yang sifatnya untuk kemajuan blog itu sendiri.
Oke, cara membuat chatbox atau buku tamu disini kita menggunakan layanan cbox.
1. kunjungi cbox.ws lalu Signup atau klik disini saja.
2. selanjutnya anda dihadapkan pada formulir berikut:

Isi data-data dengan benar seperti gambar, klik “create my Cbox!”
3. selanjutnya lihat dimenu atas klik menu “publish” copy kodenya lalu pastekan di widget blog anda.
4. selesai, save widget coba lihat hasilnya.
mengapa harus cbox? cbox sedikit sederhana dibanding widget lain bukan berarti shoutmix kurang bagus. semua terserah anda, mana yang dipilih untuk pembuatan widget di shoutmix lebih kurang seperti cara membuat di cbox. Jika sempat Insya Allah diposting juga cara membuat widget shoutmix.sarjana

Ketahui Seberapa Berat Blogmu

June 29, 2011 Leave a comment

Dalam membuat blog tentunya kita ingin supaya blog kita tampil semenarik mungkin, ya to? Tapi karena saking semangatnya kita dalam mempercantik blog, kadang-kadang kita sampai melupakan sesuatu yang penting, yaitu masalah berat (size) dan kecepatan (speed) berapa lama waktu yang dibutuhkan untuk membuka blog kita.

Walaupun blog kita bagus tapi kalo blog kita lama banget dibukanya maka pengunjungpun jadi enggan untuk singgah di blog kita. Kita tentu pernah kan membuka suatu web/blog yg luama buanget, karena saking lamanya kita akhirnya tidak jadi membuka web/blog tersebut. Nha tentu km gak pingin gitu kan, blogmu jadi miskin pengunjung gara-gara loading membukanya lama.

Nha dibawah ini ada alat untuk mengukur berapa besar ukuran (size) blog dan seberapa cepat loadingnya… Untuk menggunakan alat dibawah ini kamu tinggal memasukkan alamat blog yang ingin di cek. Kemudian hasilnya akan langsung keluar. Hasil yang ditampilkan yaitu : Size, Load Time dan Avarege Speed per KB. Yang perlu diperhatikan adalah “Size”, karena “Load Time” dan “Avarege Speed per KB” hasilnya akan selalu berubah-ubah. Jika hasil tes menunjukkan blogmu size-nya lebih dari 100 KB, usahakan untuk menguranginya dengan cara mengurangi pernak-pernik yang kurang begitu berguna seperti jam, kalender, dll. Dengan alat ini km juga bisa membandingkan dengan web/blog kepunyaan orang lain.
Selamat mencoba.

Cara Mudah Membuat Banner

June 29, 2011 Leave a comment
Untuk membuat banner (Link Baner) tentunya merupakan hal yang mudah bagi yang mengerti software2 desain seperti Adobe Photoshop, Image Ready, Corel Draw dll. Tapi bagi yang tidak tahu dengan software2 tersebut pastilah merasa sulit. Tapi jangan kawatir dan jangan berkecil hati, berikut ini akan aku tunjukkan cara yang mudah untuk membuat link banner tanpa harus mengerti software2 desain. Hanya dengan memilih dan sedikit otak-atik maka kamu nantinya bisa memiliki link banner yang cukup menarik. Mau tahu caranya?

Cara membuatnya sangat mudah, yaitu:
1. Buka situs http://cooltext.com
2. Disana nanti akan langsung terpampang macam-macam banner yang disediakan. Kamu tinggal pilih baner yang kamu suka.
3. Setelah itu akan muncul fomr untuk menstting banner yang telah km pilih tadi. Kamu bisa mensetting textnya, warna text, warna background, ukuran, effect, dll.
4. Kalo sudah merasa cocok lalu klik tombol “Rander Logo”
5. Tunggu sebentar sampai proses rendering selesai.
6. Maka bannermu akan langsung jadi, km bisa mengambilnya dengan mengklik link “Download Image”. dan simpan banner kamu.
7. Biasanya file bannernya akan berupa file gif.

Setelah km mendapatkan bannernya maka langkah selanjutnya supaya bannernya bisa kamu pasang yaitu dengan menguyplaod file tadi ke webhosting. Kamu bisa menguplaodnya di photobucket.com. disanan nanti kamu akan mendapat link untuk banner kamu