Archive

Archive for the ‘Blogger’ Category

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

Cara Belajar SEO Bagi Pemula

July 1, 2011 Leave a comment

Belajar SEO memang ngak ada habisnya, dengan cara atau teknik yang beraneka, bila sobat masih seperti saya anda adalah pemula dan belum mengetahui dasar bagaimana belajar SEO yang baik dan benar, dan kadang membuat bingung darimana harus mulai karena pusing melihat banyaknya tips-trik SEO yang ditawarkan para blogger, jadi mari kita belajar bersama. menurut saya belajar seo pada dasarnya sebenarnya intinya sama., mungkin di sini untuk para newbie bisa saling bertukar fikiran mengenai cara belajar seo yang baik dan benar. Karena untuk dapat mengoptimalkan blog agar dapat bersaing di SERP itu tidak semudah membalikkan telapak kaki, eh.. tangan.

Apakah sobat telah banyak belajar mengenai SEO itu sendiri dan mungkin sobat telah mempunyai trik seo yang menurut sobat cocok untuk sobat, ada baiknya dalam belajar seo dengan cara atau teknik yang beragam mungkin disini sobat mungkin bisa memakai logika dan melakukan penelitian sendiri tentang seo, dengan belajar dari pengalaman para master seo, karena menurut saya belajar seo itu bukan ilmu pasti, karena seandainya seo itu ilmu pasti maka cukup kita membuka saja satu blog master seo dan kita ikutin trik dan tipsnya, udah dech selesai. Tapi setahu saya search engine khususnya mbah google ngak pernah menguak rahasia agar bisa tampil di SERP danteknik SEO itu yang benar gimana, makanya itu mengapa begitu banyak cara dan teknik seo yang bermunculan, karena hasil dari percobaan, pengamatan dan pengalaman dari para master seo itu sendiri.
SEO atau singkatan dari Search Engige Optimization adalah suatu teknik yang digunakan untuk bagaimana mengoptimalkan blog kita agar disukai search engige(Google,Yahoo,MSN,etc) dan para pengunjung. Jika blog kita lebih SEO friendly maka posisi ranking di SERP (Search Engige Result Pages) akan lebih baik pastinya dan bisa jadi berada di urutan pertama. Sehingga tingkat pengunjung yang datang ke blog kita juga akan meningkat trafiknya.
Belajar SEO bisa dipahami asalkan kita tekun dan slalu berusaha jadi tumbuhkanlah semangat 45 (merdekaaaa) mari belajar bersama karenabelajar seo itu mengasikkan tapi jangan sampai strezz. Setahu saya Ada dua kunci dasar untuk belajar SEO bagi para pemula yaitu denganOn Page Optimization (Optimasi dalam halaman blog) dan Off Page Optimization (Optimasi di luar halaman blog).
1. ON PAGE OPTIMIZATION
Ada dua hal yang harus diperhatikan untuk mengoptimalkan blog dalam halaman sendiri, yaitu : Blog Attribute dan Content Atribute.
A. Blog Attribute :
• Nama Domain : atau alamat url blog anda seperti happy-ji.blogspot.com, tapi katanya nama domain akhir-akhir ini sudah tidak diperhitungkan lagi dalam hal SEO. Biasanya kita terfokus untuk memasukkan kata kunci kita sebagai nama domain, namun akan lebih baik jika anda memakai nama domain yang mudah diingat, keren, gampang disebut, dan tidak lebih dari 2 frase.
• Judul Blog : boleh memakai nama yang sama dengan nama domain, namun lebih baik lagi jika anda memakai nama blog yang sama dengan kata kunci andalan anda. Tidak usah terlalu panjang kurang lebih 80 karakter. Jika anda pusing mau ngasih judul apa blog anda kasih saja nama anda sendiri seperti saya Panca’s Blog.
• Judul Postingan : harus jelas, singkat dan padat, harus unik dan sekali-sekali yang kontroversial. Dan yang paling urgent harus sesuai dengan isinya. Dan yang paling utama lagi menurut saya adalah target dari keywords sobat.
• Meta Tag : adalah suatu teks yang tersembunyi di bagian tag head pada halaman HTML anda. Berupa penjelasan deskripsi blog anda keseluruhan dan uraian kata kunci utama anda. Meta Tag adalah salah satu yang paling utama digunakan oleh beberapa search engige untuk mengindex blog kita. Panjang deskripsi meta tag anda sebaiknya kurang lebih 80 karakter. Dari sebagain master seo meta tag kurang diperhitungkan lagi
• Desain Template Blog : sebenarnya sudah banyak template/layout yang SEO Friendly namun yang perlu anda perhatikan adalah carilah template yang strukutur kode konten yang paling atas dari bagian-bagian lainnya. Coba anda refresh halaman blog anda dan perhatikan bagian apa dulu yang pertama muncul, jika bagian sidebar duluan muncul dari konten isi maka itu tidak baik, tidak SEO friendly. Yang sebaiknya adalah konten isi duluan. Lihat cara mengedit template agar seo friendly
• Gambar : jika dalam artikel anda juga terdapat sebuah gambar akan lebih baik lagi. Manfaatkanlah attributr ALT. Masukkanlah kata kunci anda pada kode ALT dalam script gambar tersebut.
• Heading Tag : perhatikan juga struktur heading tag HTMLnya seperti H1, H2, atau H3 dimana sebagai tanda seberapa penting judul dalam konten anda. Heading tag ini sangat disukai oleh google.
B. Content Attribute :
• Kata Kunci (Keyword) : pilihlan kata kunci yang anda tembakkan ke dalam artikel anda, masukkanlah kata kunci yang banyak orang cari. Kata kunci inilah yang menjadi topik ide utama dalam halaman artikel anda. Melalui kata kunci tersebut search engige memberi nilai pada artikel anda di SERP.
• Jumlah Kata Kunci : tergantung dengan panjang pendeknya artikel anda, namun biasanya dalam satu artikel harus terdiri dari 2-5 kata kunci. Terlalu banyak kata kunci bisa jadi bumerang, nanti dianggap spam content oleh search engige.
• Posisi Kata Kunci : sebaiknya berada di awal kalimat dalam paragraf pertama dan paragraf terakhir. Namun jangan terpaku dengan ini, buatlah secara alami dan relevan dengan kata-kata yang lain sehingga enak untuk dibaca. Jangan asal menembak kata kunci, karena bukan hanya search engine tujuan anda masih ada pengunjung setia anda yang harus diperhatikan.
2. OFF PAGE OPTIMIZATION
• Jumlah Backlink : adalah suatu link yang tertuju ke blog anda dari berbagai blog lainnya. Carilah sebanyak mungkin. Cara mencarinya ada beberapa seperti melakukan pertukaran link dengan blogger lain, menulis konten yang berkualitas dan bermanfaat sehingga blogger lain dengan sukarela memberi backlink ke anda.
• Kualitas backlink : backlink yang baik adalah harus relevan dengan topik, backlink dari blog dengan Pagerank yang tinggi. Semakin banyak backlink berkualitas yang anda dapatkan maka semakin baik pula blog anda di SERP. Ingat jangan pernah bertukar link yang berasal dari link farm.
Kurang lebih seperti itulah tips dasar belajar SEO, jika anda merasa masih ada yang kurang atau keliru silahkan beri komentarnya yang tentu dengan solusinya. Jika merasa malas tuk memberikan komentar tidak apa-apa, tapi jelaskan ya alasannya. xixixixi

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