Cara Mendapatkan API Key Google.com

Menurut beberapa orang yang bertanya di beberapa blog, bagaimana kita dapat mendapatkan api key untuk google, banyak juga jawaban yang kurang memuaskan ini terjadi setelah saya ingin mengoptimalkan web saya di google.com. sebenarnya dengan SEO (Search Engine Optimization) web kita dapat dikenal oleh google (menurut orang ghitu, heheh), karma saya memakai CMS Joomla maka saya pasang aja plugin GD SEO. Tapi ternyata disana ada isian tentang KEY google, yahoo. Bing, dan Alexa, mulai jadi bingung harus, cari lagi keynya di google, setelah cari dan mencari akhirnya ketemu juga, caranya sebagai berikut :
1. Harus mempunyai Account google (e-mail dig mail) www.mail.google.com
2. Setelah terdaftar http://code.google.com/apis/base/signup.html
3. tandai persetujuan kemudian pilih pilihan no 2 dan masukan url web kita
4. klik sign up
5. Akan tampil Kode Api Google kita
6. Copy dan Masukan di Web Kita

»»  READMORE...

Menciptakan Headline News di blogspot Versi II

Cara Membuat Headline News Di Blogspot berefek slider. |  Cara Membuat Hot News Di Blogspot berefek slider. |   Cara pasang Recent posts floating bar widget di Blogspot

 

Recent posts floating bar  seperti yang  Sobat  lihat di bagian footer blog ini adalah widget yang sangat menarik. Widget tersebut menampilkam post terbaru yang berefek slider.
Untuk memasang widget Recent posts floating bar slider ini pada blog sobat, silahkan ikuti beberapa langkah di bawah.

1. Log in dashboard--> Template --> Edit HTML --> Proceed.

2. Seterusnya klick "Expand Widget Templates"

3. Dengan menggunakan keyboard, tekan "Ctrl+F" cari kode  </head>

4. Copy dan paste kode html  ini, di atas atau sebelum kode  </head>

 <style type='text/css'>

#bd {
float:bottom;
font-family:Arial, Helvetica, sans-serif;
line-height:1.5;
margin-top:5px;
font-size:12px
}

.text {
color:#98BF2F;
margin-left:8px
}

div#news-1 .gk_news_highlighter {
font-family:Verdana, Arial;
font-size:11px;
color:#666
}

div#news-1 {
width:960px;
height:24px;
margin-left: -10px;
display:scroll;
position:fixed;
bottom:1px;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNdotFKToeJoIFGLTR1RG4TtPC8U32yyJHlqUFN4FxTFjDGVkl6WcabWNZ-6pIE4R_aj3SV2YAN9l0yfLSR22IbZYJECRnF22WcR9K_60Qa5JBPfcBQm8sHib5JvRjGVR9Cd4tfyiYOlaj/s320/gradient.png) repeat-x 0 -100px;
clear:both;
overflow:hidden
}

div#news-1 .gk_news_highlighter_wrapper {
float:left;
width:820px;
height:24px;
line-height:24px;
overflow:hidden;
position:relative
}

div#news-1 .gk_news_highlighter_item {
width:auto;
height:24px;
padding-left:20px;
display:none;
position:absolute
}

div#news-1 .nowrap {
white-space:nowrap
}

div#news-1 .gk_news_highlighter_title {
padding-left:5px
}

div#news-1 .gk_news_highlighter_desc {
padding-right:5px
}

div#news-1 .gk_news_highlighter_interface {
float:left;
width:120px;
height:24px;
text-align:right;
line-height:24px;
z-index:1000
}

div#news-1 .gk_news_highlighter_interface .text {
float:left;
display:block;
width:auto;
padding-left:5px;
font-weight:700
}

div#news-1 .gk_news_highlighter_interface div {
width:30px;
float:right
}

div#news-1 .gk_news_highlighter_interface a.prev,div#news-1 .gk_news_highlighter_interface a.next {
cursor:pointer;
width:13px;
height:24px;
display:block;
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVfXKDfK2EqTPz2_e3DKZDzz7QFVJ9QCi2w3lukwn_VV2UpZW90XYzhJdfuGbQzdeDmd81q5sanLn5UR4904bNGJCSC7lv9VbfSjusB-n3Dka6sPc28ahWkHcMxSKeBpkdqxgnLbIxJGM/s1600/play.png&#39;) no-repeat 0 50%;
float:left
}

div#news-1 .gk_news_highlighter_interface a:hover.prev {
background-position:-13px 50%
}

div#news-1 a,div#news-1 a:link,div#news-1 a:visited,div#news-1 a:active,div#news-1 a:focus {
color:#FFF
}

div#news-1 .gk_news_highlighter_interface a.next {
float:right;
background-position:-26px 50%
}

div#news-1 .gk_news_highlighter_interface a:hover.next {
background-position:-39px 50%
}

</style>

5. Seterusnya, dengan menggunakan keyboard, tekan "Ctrl+F" cari pula kod <div id='content-wrapper'>.

Bagi blog yang menggunakan template dari template designer, cari kode  </footer>


6. Copy dan paste kode HTML dan Javascript ini, dibawah atau sesudah kode <div id='content-wrapper'>

Bagi blog yang menggunakan template dari template designer, paste kod HTML dan Javascript ini di atas atau sebelum </footer>

 <div id='bd'>
<div class='gk_news_highlighter' id='news-1'>
<div class='gk_news_highlighter_interface'>
<span class='text'>HOT NEWS</span>
<div>
<a class='prev' href='#'/>
<a class='next' href='#'/>
</div>
</div>
<div class='gk_news_highlighter_wrapper'>
<script language='JavaScript'>
imgr = new Array();
showRandomImg = false;
aBold = true;
text = &quot;no&quot;;
showPostDate = false;
summaryPost = 200;
summaryFontsize = 12;
summaryColor = &quot;#000&quot;;
icon = &quot; &#187; &quot;;
label = &quot;&quot;;
numposts = 30;
home_page = &quot;http://candblogger.blogspot.com/&quot;;
</script>
<script src='http://yourjavascript.com/11843262101/post-hotnews.js' type='text/javascript'/>
</div>
</div>
</div>
<script src='http://yourjavascript.com/01042612211/mootools.js' type='text/javascript'/>
<script src='http://javscript-code.googlecode.com/files/engine_compress.js' type='text/javascript'/>
<script type='text/javascript'>
try {$Gavick;}catch(e){$Gavick = {};};
$Gavick[&quot;gk_news_highlighternews-1&quot;] = {
&quot;animationType&quot; : 3,
&quot;animationSpeed&quot; : 200,
&quot;animationInterval&quot; : 2000,
&quot;animationFun&quot; : Fx.Transitions.linear,
&quot;mouseover&quot; : 1};
</script>

7. Edit kode yang di cetak tebal  dengan warna merah dengan menggantikannya dengan URL blog Sobat dan juga jumlah postingan yang hendak ditampilkan

8. Seterusnya klik Preview. Jika kedudukan bar terlalu ke kiri atau ke kanan, sila edit nilai pada kod yang di bold dengan warna biru pada langkah 4.

width:960px; (Panjang bar)
margin-left: -10px; (Jika kedudukan bar terlalu ke kanan, edit nilai -10 kepada 10 dan sebaliknya)

9 . Klik Save.

»»  READMORE...

Menciptakan Headline News di blogspot Versi I

Jika anda berkunjung ke blog atau situs laian mungkin anda pernah melihat melihat sebuah bar kecil di bawah, jika di lintasberita.com Headlinenya ada di atas. di dalamnya berisi berita-beruta terbaru dari blog berubah-rubah, sehingga membuatnya menarik perhatian. Nah itulah yang dimaksud dengan Headline News. Tips kali ini kang salman dapatkan dari teman saya Witto

Kang salman ingin membahas sedikit cara bagaimana cara memasang Headline News di blog Pengertian headline news sendiri adalah sebuah widget pihak ke tiga yang dibuat dengan bantuan javascript yang berfungsi untuk menampilkan judul serta link artikel-artike terbaru dari update blog kita.

Nah carauntuk membuat nya pun sangat mudah anda cukup copy paste kode dibawahini ke dalam elemen widget yang baru, Letakkan widget terserah anda.

1. Login ke Blogger
2. Pilih Edit Tata Letak
3. Pilih Tambah Widget
4. Pilih HTML/Javascrtpt
5. Copy Kode di bawah ini :

<script type="text/javascript"> var hn_url_blog = "http://candblogger.blogspot.com"; var hn_jumlah_post = 10; var hn_warna_latar = "#007880"; var hn_warna_garis = "#000000"; var hn_posisi = "top"; var hn_tampilkan_judul = false;var hn_backlink = false;</script><script src="http://copycat91.googlecode.com/svn/trunk/headlinenews.js"></script>

Catatan :
1. Warna merah di atas ganti dengan alamat blog anda
2. Warna hijau di atas adalah warna latar dari widget, b
3. Wana Biru adalah untuk warna garis yang akan muncul di widget,
4. Warna orange di atas adalah untuk posisi widget yang akan di tampilakan, bottom = bawah, top=atas dll

Catatan tambahan :

hn_url_blog = URL blog anda (ganti dengan url blog anda)
hn_jumlah-post = jumlah judul artikel yang di tampilkan
hn_warna_latar = kode warna untuk latar belakang headline news
hn_warna-garis = kode warna garis bingkai
hn-posisi = menentukan posisi letak headline news


6. Setelah selesai, simpan dan lihat hasilnya.

Selamat mencoba.........

»»  READMORE...