Cara Buat Kotak Pencarian Pinterest

Beberapa waktu yang lalu, saya sempat tertarik dengan salah satu Search Box atau Kotak Pencarian dari salah satu blog yang dia letakkan di Sidebar blog-nya. Kotak pencarian itu merupakan kotak pencarian Pinterest (Pinterest adalah salah satu situs web yang memungkinkan penggunanya untuk membuat dan mengelola koleksi gambar untuk acara, minat, hobi dan banyak lagi).

search box,kotak pencarian,search engine,pinterest search engine,kotak pencarian pinterest,pinterest

Sebenarnya, Search Box yang saya lihat itu, tidak memiliki tampilan yang indah atau keren seperti Search Box yang menggunakan CSS3 yang saya kasih sebelumnya. Tetapi, kenapa saya sampai tertarik untuk memiliki Search Box itu? Karena itu adalah pertama kalinya saya melihat sebuah blog yang memasang Search Box Pinterest di blognya.

Cara Memasang Search Box Pinterest di Blogger

  1. Login di blogger.com menggunakan email sobat
  2. Lalu klik salah satu dari tombol di bawah ini kemudian klik "Tambahkan Widget"

Demo Pinterest 1



Pinterest 1

Demo Pinterest 2
Pins, Pins and more Pins:


Pinterest 2
Categories: , Baca selengkapnya »

Ini Dia Kelebihan Alexa Pro...!!!

Alexa Pro adalah Toolkit analisis situs web atau blog untuk Webmaster, yang mana didalamnya terdapat Metrik akurat tentang lalu lintas yang mengarah ke blog kita, Situs atau blog yang otomatis di scan, rekomendasi SEO dan banyak lagi. Alexa Pro memberi kita alat-alat atau tool yang kita butuhkan untuk meningkatkan traffic web atau blog dan sukses online.

alexa,alexa.com,alexa pro,pro site,pro

Untuk Berlangganan atau Subscription Alexa Pro, ada tiga kategori yang ditawarkan. Berikut ini kategori dan fitur dari masing-masing kategori :
  1. Basic : Certified Site Metrics danEnhanced Site Listing
  2. Insight : Certified Site Metrics, Enhanced Site Listing dan Monthly SEO Audits
  3. Advanced : Certified Site Metrics, Enhanced Site Listing, Twice Monthly SEO Audits dan Twice Monthly Site Audits
Berikut ini harga dari masing-masing kategori Alexa Pro:
  1. Basic : $9,99 Per Month
  2. Insight : $49 Per month
  3. Advanced : $149 Per Month
Harga tersebut bisa saja berubah, jadi untuk informasi yang lebih lengkap, langsung saja kunjungi situs Alexa.
Categories: Baca selengkapnya »

Cara Membuat Label Untuk Posting Atau Artikel Blog

Membuat Label untuk posting sangat penting untuk dilakukan karena dengan adanya Label, sobat blogger dapat mengelompokkan atau membuat kategori untuk setiap posting. Memasang Label untuk setiap posting dapat mempermudah pengunjung dalam menavigasi postingan sobatblogger. Di mata Google, apakah label itu penting? Ya jelas dong... Tidak mungkin Google melalui blogger.com menambahkan fitur label di post settings kalau Label tidak penting untuk postingan.

Untuk melebelkan postingan, kita tidak perlu teknik khusus. Kita cukup memasukkan nama di bagian Post Settings di kolom Label. Perhatikan Gambar di bawah ini!

Labels,Blogger label,posting label,post label,posting label,posting label,label,label blogger,label postingan,Post settings,post,Post Setting Blogger

Di dalam sebuah Forum, ada salah satu blogger yang bertanya, Apakah ada batasan untuk memasukkan Label di setiap Posting? Ya... Google memberikan batasan untuk tiap posting. Satu posting tidak boleh memiliki Label lebih dari 20 dan dalam satu blog, maksimal jumlah Label adalah 2000 unik Label.

Temukan pedoman yang lebih lengkap tentang Bagaimana Cara Membuat Label untuk Posting di Google Support
Categories: Baca selengkapnya »

Cara Membuat Dan Memasang Widget SMS Gratis di Blog

Widget SMS Gratis adalah sebuah Widget yang dapat digunakan untuk mengirim pesan singkat atau SMS secara gratis ke semua Operator seluler seperti Telkomsel, IM3, Three, Exist dan XL. Layanan free SMS atau SMS Gratis dapat dipergunakan oleh pengunjung sampai puas.

Untuk memasang Widget SMS Gratis di blog, sobat blogger tidak perlu Daftar dan Edit template. Widget SMS Online ini tidak hanya dapat di pasang di Sidebar (Di area Widget) akan tetapi dapat juga dipasang di area postingan.

Cara Membuat Widget SMS Gratis di Blogger

  • Sign In di blogger.com
  • Pada menu Drop Down, pilih Layout
  • Klik Add a Gadget dan Pilih HTML/JavaScript
  • Copy Paste kode Berikut pada kolom yang tersedia
<iframe name="widgetsms" src="http://www.sms-online.web.id/widget/" width="270" height="350" frameborder="0"></iframe>
  • Terakhir, Simpan Widget Blogger sobat

Tambahan :
Untuk menyesuaikan ukuran dari widget SMS Gratis, silahkan rubah angka di bawah ini!
  1. width="270" adalah ukuram Lebar
  2. height="350" adalah ukuran Lebar
Categories: Baca selengkapnya »

Cara Menambahkan Elemen Baru Di Atas Header Blog

Bagaimana cara menambah elemen baru di atas Header? Menggunakan template bawaan blogger.com, maka Elemen yang terdapat di atas header adalah Elemen Favicon dan Elemen Navbar. Tidakada Elemen kosong di atas Header yang yang kita bisa mamfaatkan untuk menambah widget atau Iklan. Bagi sobat blogger yang ingin menambah Elemen di atas Header, sobat blogger sudah berada pada blog yang tepat karena saat ini saya akan memberikan panduan tentang cara menambahkan Elemen baru di atas header.

Add gadget,elemen baru,new element,elemen di atas header,add element,elemen on header,elemen above header
Sebelum ditambahkan Elemen

Add gadget,elemen baru,new element,elemen di atas header,add element,elemen on header,elemen above header
Setelah ditambahkan Elemen

Sebelum sobat blogger mengikuti langkah-langkah yang terdapat pada tutorial blogger ini, pastikan terlebih dahulu bahwa template sobat adalah template HTML5 (Template Blogger) karena teknik ini belum pernah saya coba pada template-template di bawah HTML5.  Tapi, tidak ada salahnya kalau sobat blogger mencoba teknik ini, siapa tahu tidak ada beda antara template HTML5 dan Template-template sebelumnya di dalam menambahkan elemen baru di atas Header.

Cara Menambahkan Elemen Baru Di Atas Header Blog

  • Sign In di blogger.com
  • Pada menu drop down, pilih template
  • Backup template terlebih dahulu
  • Selanjutnya, klik tombol Edit Template dan klik Proceed
  • Kasih tanda centang pada Expand Widget Template
  • Cari kode
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  • Kalau sudah ketemu, ganti kode tersebut dengan kode di bawah ini!
<b:section class='header' id='header' preferred='yes'>
  • Terakhir, Klik tombol Save.
Buka Tab Layout untuk memastikan apakah tips di atas telah berhasil menambahkan elemen baru di atas header.
Categories: Baca selengkapnya »

Cara Menghilangkan Link Posting Lama, Posting Baru Dan Beranda Pada Blog

Di bagian bawah posting, lebih tepatnya di bagian bawah kolom komentar terdapat tiga menu navigasi yaitu  Newer Post (Posting Lebih Baru), Older Post (Posting Lama) dan Home (Beranda). Menu navigasi ini sangatlah bermamfaat buat pengunjung blog karena dengan menu ini mereka akan mengetahui urutan-urutan posting yang sudah dipublikasikan sehingga mereka lebih mudah dalam melakukan navigasi setiap laman.

Bagi sebagian blogger yang lebih mengutamakan Layout (Tata letak) yang rapi dan bersih, menu navigasi Newer Post, Older Post dan Home akan terlihat menggangu kalau tidak dihilangkan dari tampilan home page atau tampilan posting. Sehingga mereka lebih memilih untuk menghilangkan Posting Lebih Baru, Posting Lama dan Beranda dari blog mereka. Teknik yang akan saya berikan buat sobat blogger untuk Menghapus link Posting Lama, Posting Baru dan Beranda ini, tanpa Edit Template.

Cara Menghilangkan Newer Post, Home Dan Older Post Dari Blog

  • Sign In di blogger.com
  • Pada menu drop down, pilih template
  • Klik tombol Costumize untuk menuju laman Blogger Template Designer
  • Selanjutnya, klik Advance dan klik Add CSS
    • add css,advance,Blogger Template Designer,designer template,costumize
  • Masukkan Kode di bawah ini pada kolom yang tersedia
Kode untuk menghilangkan Link Beranda (Home)
#blog-pager {
display: none;
}
Kode untuk menghilangkan Link Posting Lebih Baru (Newer Post )
#blog-pager-newer-link {
display: none;
}
Kode untuk menghilangkan Link Posting Lebih Lama (Older Post )
#blog-pager-older-link {
display: none;
}
  • Terakhir, Klik tombol Apply to blog
Kalau sobat blogger ingin menghilangkan ketiga link Posting Lama, Posting Baru dan Beranda Pada Blog secara bersamaan,sobat blogger tinggal gabung kode tersebut sehingga berbentuk seperti di bawah ini!
#blog-pager-newer-link {
display: none;
}
#blog-pager-older-link {
display: none;
}
#blog-pager {
display: none;
}
Categories: , Baca selengkapnya »

Cara Memasang Syntax Highlighter Di Blog

Memasang Syntax Highlighter di blog yang bernaung di bawah platform Wordpress sangat mudah, kita hanya perlu menambahkan sebuah plugin khusus yang di buat untuk menampilkan Syntax Highlighter. Bagimana dengan blog yang bernaung di bawah platform Blogger, apakah sulit memasang Syntax Highlighter? Tidak, Untuk blog yang bernaung di bawah platform blogger, kita cukup memasukkan satu kode CSS dan dua kode JavaScript. Proses membuat Syntax Highlighter ini agak sedikit ribet ketimbang memasang fitur-fitur blogger yang lainnya. Yang membuat ribet adalah banyak dan panjangnya kode yang dimasukkan. Walaupun seperti itu, sobat blogger tidak usah khawatir, karena saya disini akan memandu sobat blogger untuk menambahkan Syntax Highlighter di blog sobat.

Syntax Highlighter,SyntaxHighlighter,tutorial blogspot,blogspot,syntax,highlighter,notepad

Syntax Highligter yang akan kita buat ini adalah SyntaxHighlighter version 2.1.364 yang di buat pada tanggal 15 Oktober 2009 Alex Gorbatchev. Pada bagian kanan atas Syntax Highligter 2.1.364 ini, menampilkan View source untuk memanggil NotePad dan Print untuk memudahkan pengunjung untuk mencetak kode yang kita sediakan.

Cara Memasang Syntax Highlighter Di Blog

  • Sign In di akun blogger sobat
  • Pada Menu Drop Down, Pilih template
  • Backup template sobat
  • Klik tombol Edit Template
  • Klik Proceed
  • Kasih tanda centang pada Expand Widget Template
  • Cari kode ]]></b:skin>
  • Kalau sudah ketemu kode tersebut, letakkan kode berikut di atasnya :
.dp-highlighter
{
font-family: "Consolas", "Monaco", "Courier New", Courier, monospace;
font-size: 12px;
background-color: #E7E5DC;
width: 99%;
overflow: auto;
margin: 18px 0 18px 0 !important;
padding-top: 1px; /* adds a little border on top when controls are hidden */
}
/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span
{
margin: 0;
padding: 0;
border: none;
}
.dp-highlighter a,
.dp-highlighter a:hover
{
background: none;
border: none;
padding: 0;
margin: 0;
}
.dp-highlighter .bar
{
padding-left: 45px;
}
.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
padding-left: 0px;
}
.dp-highlighter ol
{
list-style: decimal; /* for ie */
background-color: #fff;
margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
padding: 0px;
color: #5C5C5C;
}
.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
list-style: none !important;
margin-left: 0px !important;
}
.dp-highlighter ol li,
.dp-highlighter .columns div
{
list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
list-style-position: outside !important;
border-left: 3px solid #6CE26C;
background-color: #F8F8F8;
color: #5C5C5C;
padding: 0 3px 0 10px !important;
margin: 0 !important;
line-height: 14px;
}
.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
border: 0;
}
.dp-highlighter .columns
{
background-color: #F8F8F8;
color: gray;
overflow: hidden;
width: 100%;
}
.dp-highlighter .columns div
{
padding-bottom: 5px;
}
.dp-highlighter ol li.alt
{
background-color: #FFF;
color: inherit;
}
.dp-highlighter ol li span
{
color: black;
background-color: inherit;
}
/* Adjust some properties when collapsed */
.dp-highlighter.collapsed ol
{
margin: 0px;
}
.dp-highlighter.collapsed ol li
{
display: none;
}
/* Additional modifications when in print-view */
.dp-highlighter.printing
{
border: none;
}
.dp-highlighter.printing .tools
{
display: none !important;
}
.dp-highlighter.printing li
{
display: list-item !important;
}
/* Styles for the tools */
.dp-highlighter .tools
{
padding: 3px 8px 3px 10px;
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: silver;
background-color: #f8f8f8;
padding-bottom: 10px;
border-left: 3px solid #6CE26C;
}
.dp-highlighter.nogutter .tools
{
border-left: 0;
}
.dp-highlighter.collapsed .tools
{
border-bottom: 0;
}
.dp-highlighter .tools a
{
font-size: 9px;
color: #a0a0a0;
background-color: inherit;
text-decoration: none;
margin-right: 10px;
}
.dp-highlighter .tools a:hover
{
color: red;
background-color: inherit;
text-decoration: underline;
}
/* About dialog styles */
.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }
/* Language specific styles */
.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }
  • Selanjutnya, cari kode </head> dan letakkan kode berikut di atasnya :
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'></script>
  • Proses memasang Syntax Highlighter belum selesai, Cari kode </body> dan letakkan kode berikut di atasnya :
<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>
  • Akhirnya selesai juga memasang Syntax Highlighter. Sobat blogger tinggal klik Save

Kalau sobat blogger menemui masalah saat memasang fitur Syntax Highlighter di blog sobat, silahkan mamfaatkan kolom komentar yang tersedia untuk bertanya.
Categories: Baca selengkapnya »

Cara Memasang Fitur Semut Mondar-Mandir Di Dalam Blog

Semut merupakan serangga eusosial yang berasal dari keluarga Formisidae. Jumlah semut yang tak terhingga, membuat semut hampir menguasai seluruh bagian tanah yang terdapat di bumi, kecuali Hawaii, Islandia dan Greenland. Saat ini, semut tidak hanya menguasai tanah bumi, tetapi juga menguasai dunia blog. Lho kok bisa? Mana mungkin semut bisa menguasai dunia blog. Tidak mungkin juga semut bisa masuk ke dalam blog. Itu adalah pemikiran dan statement yang salah tentang semut. Semut terbukti telah Mondar-mandir, Berkeliaran, Muter-muter dan Bermain di dalam Blog.

semut

Cara Membuat Semut Mondar-Mandir Di Dalam Blog

  1. Login di blogger
  2. Lalu klik tombol di bawah ini dan klik "Add Widget"


Tambahan :
Untuk menyesuaikan posisi pergerakan semut, rubah angka yang terdapat pada kode di atas
Categories: , Baca selengkapnya »

Cara Membuat Teks Area Cantik

Fungsi dari teks area tidak jauh beda dengan fungsi Spoiler (Buka postingan saya tentang spoiler). Keduanya adalah fitur Blogspot yang digunakan untuk menghemat tempat atau Space di postingan. Akan tetapi, teks area lebih sering digunakan untuk area atau tempat kode. Untuk memasang teks area di blog, kita tidak perlu mengedit Template. Kita hanya meletakkan sedikit kode saat menulis postingan.

Teks Area

Teks area sederhana
<textarea rows="6" cols="35">
Letakkan kode atau tulisan sobat disini
</textarea>

Hasilnya :


Teks Area plus tombol Copy All

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="15" name="txt" rows="50" style="height: 100px; width: 350px;" wrap="VIRTUAL">
Letakkan kode atau tulisan sobat disini
</textarea>
</div>
</form>
</div>

Hasilnya :

Untuk memodifikasi tampilan teks area sobat, sobat blogger bisa menggunakan salah satu dari teks area berikut :

Teks area Bagian 1


Teks area Bagian 2


Teks Area Bagian 3


Teks Area Bagian 4


Teks Area bagian 5


Teks Area Bagian 6


Teks Area Bagian 7


Teks Area Bagian 8


Teks Area Bagian 9


Teks Area Bagian 10


Berikut ini kode dari kesepuluh teks area di atas :

Teks area Bagian 1
<textarea name="code" rows="3" cols="20" style="background:#BFFAFF; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;">ISI TEKS AREA SOBAT DISINI</textarea>

Teks area Bagian 2
<textarea cols="20" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(218, 255, 191); border: 2px dashed rgb(41, 95, 0); color: #295f00; line-height: 1.5em; padding: 5px;">ISI TEKS AREA SOBAT DISINI</textarea>

Teks Area Bagian 3
<textarea cols="30" name="code" rows="6" style="background: none repeat scroll 0% 0% rgb(239, 0, 144); border: 3px dotted rgb(255, 239, 249); color: #ffeff9; line-height: 1.5em; padding: 5px;">ISI TEKS AREA SOBAT DISINI</textarea>

Teks Area Bagian 4
<textarea cols="30" name="code" rows="6" style="-moz-border-radius: 7px 7px 7px 7px; background: none repeat scroll 0% 0% rgb(251, 239, 255); border-color: rgb(202, 61, 217); border-style: solid; border-width: 1px 1px 1px 20px; color: #ca3dd9; line-height: 1.5em; padding: 5px;">ISI TEKS AREA SOBAT DISINI</textarea>

Teks Area bagian 5
<textarea cols="30" name="code" rows="6" style="background: none repeat scroll 0% 0% rgb(255, 0, 10); color: white; line-height: 1.5em; padding: 5px;"><br />ISI TEKS AREA SOBA DISINI</textarea>

Teks Area Bagian 6
<textarea cols="30" name="code" rows="6" style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; background: none repeat scroll 0% 0% rgb(255, 218, 175); border: 2px ridge rgb(127, 69, 0); color: #7f4500; line-height: 1.5em; padding: 5px;"> ISI TEKS AREA SOBAT DISINI</textarea>

Teks Area Bagian 7
<textarea cols="30" name="code" rows="6" style="-moz-border-radius: 5px 5px 5px 5px; background: none repeat scroll 0% 0% rgb(0, 0, 0); border: 2px inset rgb(204, 204, 204); color: white; line-height: 1.5em; padding: 0pt 7px;">ISI TEKS AREA SOBAT DISINI</textarea>

Teks Area Bagian 8
<textarea cols="30" name="Bptxt" rows="6" style="-moz-background-inline-policy: continuous; -moz-border-radius: 15px 15px 15px 15px; -moz-box-shadow: 5px 0px 8px rgb(129, 129, 129); background: none repeat scroll 0% 0% white; border-left: 20px solid red; color: black; line-height: 150%; padding: 5px;">ISI TEKS AREA SOBAT DISINI</textarea>

Teks Area Bagian 9
<textarea cols="30" name="Bptxt" rows="6" style="-moz-border-radius-bottomright: 15px; background: none repeat scroll 0% 0% yellow; border-left: 20px solid red; color: black; line-height: 1.5em; padding: 5px;">ISI TEKS AREA SOBAT DISINI</textarea>

Teks Area Bagian 10
<textarea cols="30" name=Btxt" rows="6" style="-moz-background-inline-policy: continuous; -moz-border-radius: 15px 15px 15px 15px; -moz-box-shadow: 5px 0px 8px rgb(129, 129, 129); background: none repeat scroll 0% 0% Pink; border-left: 20px solid red; color: black; line-height: 150%; padding: 5px;">ISI TEKS AREA SOBAT DISINI</textarea>

Semoga artikel tentang cara membuat teks area yang cantik ini bermamfaat buat sobat blogger semua.
Categories: Baca selengkapnya »

Membuat Efek Bayangan Pada Teks

Salah satu cara yang bisa sobat blogger lakukan untuk memodifikasi atau menghias tampilan dari teks atau postingan sobat blogger adalah dengan cara menambahkan warna dan efek bayang pada teks sobat blogger. Efek bayang atau Shadow Effect akan membuat tulisan sobat blogger terlihat lebih Cool dan menakjubkan. Coba perhatikan contoh di bawah ini!

Efek Bayangan Pada Teks,efek bayang,shadoe effect,effect,shadow,bayang,

Search the world's information, including webpages, images, videos and more
Share your videos with friends, family, and the world
Monetize. Make money with Adsense. Blogger logo. Explore Blogs of Note. Want to learn more? Take a quick tour, watch a video tutorial or read Blogger Buzz

Apakah sobat blogger penasaran bagaimana cara membuat teks berbayang pada postingan? Baiklah, coba sobat blogger ikuti langkah berikut :

Cara Menambahkan Efek Bayang Pada Tulisan Atau Teks

  • Ketika sobat blogger menulis postingan di blogger.com, sobat blogger harus menulis postingan dalam mode HTML.
HTML Mode,HTML
  • Kemudian tambahkan kode berikut sebelum dan setelah teks.
<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 2px yellow }</style><font color="green"><b class="drop-shadow"><b>Letakkan Teks Sobat blogger disini</b></font></b>

Contoh :
<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 2px yellow }</style><font color="green"><b class="drop-shadow"><b>Tutorial Blogspot</b></font></b>
Hasilnya terlihat seperti ini :
Tutorial Blogspot

Untuk kostumisasi :
Tulisan yang berwarna merah adalah warna bayang dan yang warna biru adalah warna font, silahkan sobat blogger sesuaikan.

Terima kasih banyak atas kunjungannya...
Categories: Baca selengkapnya »

Cara Buat Spoiler Di Blogspot

Spoiler adalah sebuah fitur blog yang memungkinkan pemilik blog untuk menyembunyikan teks, gambar link atau kode. Spoiler di dunia blogging sering juga disebut dengan nama Hide and Show Button (Tombol Buka Tutup). Buat sobat blogger yang sering bergelut di dunia otomotive, jangan heran dengan nama "Spoiler". Spoiler disini bukan Spare part mobil seperti yang sobat blogger kenal, tapi hanya sebatas fitur yang di buat untuk blog. Fitur Spoiler ini tidak hanya bisa di pasang di tempat postingan, tetapi dapat juga dapat di pasang di Sidebar blog.

Spoiler, cara buat spoiler,cara pasang Spoiler,fitur spoiler,blogspot spoiler

Cara Buat Spoiler di Blogspot atau Blogger

  • Sign In di blogger.com
  • Pada saat sobat blogger menulis postingan, letakkan kode berikut (Ingat... Harus dalam mode HTML bukan Compose).
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks,kode, gambar atau video disini
 <br>
</div>
</div>
</div>
Hasilnya seperti ini


Klik tombol ini untuk melihat hasilnya::
Letakkan teks,kode, gambar atau video disini

Untuk kostumisasi, silahkan sobat blogger ganti kata yang berwarna merah.
Categories: Baca selengkapnya »

Apa itu SyntaxHighlighter?

Syntax Highlighter adalah fitur dari beberapa teks editor untuk menampilkan teks (Terutama Source Code) dalam berbagai warna, font sesuai dengan istlah kategori. Fitur Syntax Highlighter mempermudah penggunanya di dalam menulis bahasa yang terstruktur seperti bahasa pemrograman atau bahasa markup. Ide dibalik pembuatan Syntax Highlighter adalah untuk memungkinkan penyisipan potongan kode berwarna pada halaman web tanpa bergantung pada sisi script server. Syntax Highlighter menggunakan bahasa reguler untuk melakukan parse terhadap text.

SyntaxHighlighter

Untuk menambah referensi sobat blogger tentang Syntax Highlighter, saya pun memetik beberapa kalimat dari Code Google tentang Syntax Highlighter. Berikut petikannya : SyntaxHighlighter will help a developer/coder to post code snippets online with ease and have it look pretty. It's 100% Java Script based and it doesn't care what you have on your server. Artinya, Syntax Highlighter akan membantu pengembang / programmer untuk mengirim potongan kode secara online dengan mudah dan tampilan cantik. Syntax Highlighter 100% menggunakan JavaScript dan tidak peduli apa yang Anda miliki pada server Anda.

SyntaxHighlighter Fitur :
  1. Mendukung beberapa format bahasa
  2. Support terhadap semua media browser seperti : Google Chrome, Mozilla FireFox, Internet Explorer, Opera dan lainnya.
  3. Mudah untuk digunakan dan dikembangkan.
  4. 100% untuk pengguna tanpa adanya campur tangan server
  5. Sangat ringan
Support Bahasa SyntaxHighlighter :
Language Aliases
C++ cpp, c, c++
C# c#, c-sharp, csharp
CSS Css
Delphi delphi, pascal
Java Java
Java Script js, jscript, javascript
PHP Php
Python py, python
Ruby rb, ruby, rails, ror
Sql Sql
VB vb, vb.net
XML/HTML xml, html, xhtml, xslt

Apakah sobat blogger sudah tau yang mana yang di sebut dengan syntax Highlighter? Kalau tidak, perhatikan gambar di bawah ini. Berikut ini adalah contoh kode yang ditempatkan di dalam Syntax Highlighter dan yang tidak ditempatkan di dalam Syntax Highlighter :

Tanpa Syntax Highlighter
SyntaxHighlighter, no SyntaxHighlighter

Menggunakan Syntax Highlighter
Syntax Highlighter,SyntaxHighlighter

Saya yakin, dengan adanya gambar di atas, sobat blogger sudah tau yang mana yang disebut dengan Syntax Highlighter. Insyaallah untuk kedepannya, saya akan memberikan tutorial blog tentang cara memasang Syntax Highlighter di blogger.com
Categories: Baca selengkapnya »

Rubah Jumlah Posting di Home Page

Untuk merubah jumlah postingan yang tampil di Home Page atau Laman beranda, Blogger.com telah menyiapkan dua cara yaitu melalui Layout dan Settings. Tapi Sebelum sobat blogger mengganti jumlah posting yang akan tampil, alangkah baiknya kalau sobat blogger baca dulu pesan Google berikut ini : "Overall page size is limited to 1 MB, so if you try to list hundreds of large posts all on your front page, you may get a publishing error. Lowering the number of posts displayed should fix this." Artinya "Secara keseluruhan, berat laman dibatasi hingga 1MB, jadi jika anda menampilkan ratusan posting di home Page anda bisa saja mendapatkan pesan publishing error. Mengurangi jumlah posting yang ditampilkan akan mengatasi masalah itu (publishing error)."

Cara Merubah Jumlah Posting Di Laman Beranda

Cara Pertama
  1. Sign In di blogger.com
  2. Pada Menu Drop Down, Klik Layout.
    3. Bogger Layout,Blogger,layout
  3. Lihat Blog post, kemudian Klik Edit
  4. Jendela baru muncul, kemudian ganti angka yang terdapat pada kolom Number of posts on main page. Angka tersebut merupakan jumlah postingan yang akan ditampilkan.
    5. Configure Blog Posts,blogger,blogspot
  5. Kalau sudah diganti klik Save

Cara Kedua
  1. Sign In di blogger.com
  2. Pada menu drop down klik Settings dan klik Posts and comments
    3. Show at most,blogger,blogspot
  3. Ganti angka pada kolom Show at most dan klik Save Settings
Categories: Baca selengkapnya »

Blogger Dan Kompatibilitas Browser

Berikut ini adalah daftar dari browser dan sistem operasi yang dapat menjalankan fitur Blogger.com. Tapi sebelumnya, baca terlebih dahulu pesan yang disampaikan oleh Brett Wiltshire (Salah satu TIM Google) tentang browser support "Our team has been thinking a lot recently about browser support, and wanted to make you aware of our new plan moving forward. For web applications like Blogger to continue to evolve at a rapid pace, our engineering team needs to make use of new capabilities available in modern browsers. For example, Dynamic Views, which we previewed in March, and Web Fonts both require advanced browsers that support HTML5. Older browsers just aren’t able to provide you with the same high-quality experience."
 
Windows XP/7Linux (Ubuntu)MAC OSX 10.4 +Mac OSX 10.3.9 and below
Google ChromeXXXX
Safari 4 +XX
Internet Explorer 8*X
Internet Explorer 9*X
Firefox 3.6 +XXX

Catatan : Browser lain mungkin dapat menjalankan fitur Blogger.com. Namun, Google tidak dapat menjamin bahwa fitur akan bekerja seperti yang diharapkan.

Sumber Posting : Support Google translated by Tutorial Blogspot
Categories: Baca selengkapnya »

Cara Backup Template Blog

Tampilan yang ada di blog dibuat menggunakan kode atau bahasa terstruktur seperti HyperText Markup Language (HTML), Cascading Style Sheets (CSS), atau JavaScript. Setiap kali kita melakukan kostumisasi tampilan blog kita, berarti kita akan melakukan perubahan terhadap kode template kita. Tidak jarang, perubahan yang dilakukan menibulkan masalah di blog kita. Jadi, untuk menghindari kemungkinan-kemungkinan negatif yang akan terjadi, kita perlu melakukan BackUp terhadap Template kita.
Fungsi dari BackUp template adalah untuk membuat salinan kode template yang ada di blogger.com ke Hard Drive komputer.

Kalau suatu hari sobat blogger mengedit template, kemudian sobat blogger melakukan kesalahan, sobat blogger tinggal menggunggah/Upload file template yang sudah di BackUp. Jadi, dengan BackUp template, kita tidak perlu cemas atau khawatir dalam proses editing template.

Cara BackUp Template Blog Di Blogger.com

  • Sign In di blogger.com
  • Pada Menu Drop Down, Pilih Template
  • Lihat sebelah kanan atas pada laman tersebut, disana terdapat tombol BackUp/Restore, klik tombol itu.

Restore,backup,backup/restore,cara backup template,blogger template,template blog

  • Klik Download dan Klik Save File (Kalau sobat blogger menggunakan media browser Mozilla FireFox, Save File akan muncul di bagian paling bawah (Bukan di jendela baru).

Restore,backup,backup/restore,cara backup template,blogger template,template blog

Save File pada Google Chrome
Save file,tetap unduh,download file,file

Save File pada Mozilla FireFox
Save file,tetap unduh,download file,file

Kode dari template yang sudah di BackUp akan tersimpan di Hard Drive Komputer sobat dalam bentuk xml (.xml). Untuk membukanya, sobat blogger bisa menggunakan Notepad yang sudah terinstall di Operating System Windows sobat.
Categories: Baca selengkapnya »

Membuat Link Berkedip Seperti Pelangi

Jika pengunjung blog sobat blogger mengarahkan Cursor ke arah salah satu link yang ada di blog sobat, maka teks dari link tersebut langsung berubah warnanya menjadi teks yang berwarna warni dan teks tersebut berkedip. Efek link yang berubah warna dan berkedip seperti itu di sebut dengan nama Multi-Color Link Hover Effect atau Rainbow link effect (Link efek pelangi). Untuk membuat link kita menampilan efek warna yang berubah-ubah, saya sudah membuatkan sobat blogger sebuah kode JavaScript. Dengan memasang kode ini, semua link yang ada di blog sobat secara otomatis menampilkan efek pelangi. Satu lagi, sobat blogger tidak perlu Edit Template.
Rainbow Effect,link pelangi,link berkedip,link,pelangi,tutorial blogspot

Cara Membuat Link Pelangi Pada Blog


widget generator,link pelangi,link,link blog

  1. Kunjungi dan langsung masuk di blogger.com
  2. Klik tombol di bawah ini dan klik "Add Widget"
  3. Perhatikan gambar yang ada di atas!
Categories: , , , Baca selengkapnya »

Kotak Berlangganan FeedBurner Keren

Berkeliling dari satu blog ke blog yang lain merupakan aktivitas rutin yang saya lakukan ketika Online. Tadi, aktivitas berkeliling saya pun membuahkan hasil, saya mendapatkan sebuah kode CSS (Cascading Style Sheets) untuk membuat kotak berlangganan FeedBurner. Iseng-iseng saya pasang kode tersebut di Sidebar blog saya. Ternyata pas saya pasang, Widget FeedBurner Subscription Box ini memiliki tampilan yang sangat keren. Apa yang saya dapatkan, kurang seru rasanya kalau saya tidak berbagi dengan sobat blogger. Jadi, saya langsung membuat tutorial yang sedang sobat blogger baca ini.

kotak berlangganan feedburner,feedburner,feedburner subscription box,form berlangganan feedburner

Cara Membuat Form Atau Kotak Berlangganan Email FeedBurner

  • Sign in di blogger.com
  • Pada menu Drop Down, Klik Layout dan klik Add a Gadget
Menu Drop Down Blogger
<div align="center" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPA0Yo7YTbXY0grWUVbjI4JpqL0DeOPSEdgpMLugOpAtTj0_Be5-WOysZx7sAB2OJ7rFkZnI5rlGOVv1PWs9m3LbkoxoqtNGmAZpCMHWXhN0FzCQDWpSqxOUldnxbINS1NZlNw0hUCrZ09/s1600/feed+sidebar.jpg)"><a href="http://feeds.feedburner.com/tutorialblogspot/PbmK" imageanchor="1" style="margin-left: .5em; margin-right: 1em; float: center;" rel="nofollow" target="blank"><img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0VWNyqvObrv9a2_Hlc1-kyZjb_K6WcQmBnfClnJ68NDhuNk82WWDnrRohbdhwxF1foe0Dt8PoukcvM6j1lNQeHFPDzxbl5O4woHregUfNOYwswjgvGAQpjbps7V8sFD9leH4XnLP6v2bp/s400/Untitled-5.png" width="290" /></a>
<style></style><style class="text/css"></style>
<div class="center">
Masukan alamat Email kamu disini untuk mendapatkan artikel terbaru..!</div><div class="mbtips-email">
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=tutorialblogspot/pbmk', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" value="Ketik email disini..." type="text" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;Ketik email disini...&quot;;}" onfocus="if undefinedthis.value == &quot;Ketik email disini...&quot;) {this.value = &quot;&quot;;}" />
<input type="hidden" value="tutorialblogspot/PbmK" name="uri" /><input type="hidden" name="loc" value="en_US" />
<input class="mbtips-emailsubmit" value="Submit" type="submit" />
</form>
</div>
<style class="text/css"></style>
<div class="table">
<table><tbody><tr align="right"><td align="right"><div class="subicons"><a class="Fadeout" href="http://www.facebook.com/TutorialforBlogspot" imageanchor="1" target="_blank" rel="nofollow"><img border="0" width="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiAyNtCRAvqjgYND2dM_vMIZVTwTXAdw-nwDBUp4D8LiRsLTd4FDYEdMWntbkJL1N9dypwaMGOphEUrx9lUA_0OJlDhVoZRjw53P6zqU_RHHvdaEkZpFdoXGTrJSnSFhm-Bv6HoQhJ2SYF/s1600/facebook-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="https://twitter.com/#!/2torialBlogspot" imageanchor="1" target="_blank" rel="nofollow"><img border="0" width="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijOePTLzPRv0a7vzvzYPd5gMDE8yvxQK-WwRwkl0wOMjCXAKSbhzOFpZPDfSBDQouwZfhnyGRFTT1iKe33AIYVdMg0PdOqYdAld8h1Ef_NFn_kmYPwJ_opEpDmP9cADE0SKkthJS79UTbZ/s1600/twitter-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/tutorialblogspot/PbmK" imageanchor="1" target="_blank" rel="nofollow"><img border="0" width="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ-L3P6Lz9bw-WfifWx9fzdvOJAnLHy9zuN7xkZg5FApq55NQJdAarp8V4vyCh9t5w-Rrz_w1tJLZ0wKQo4g2nBGIp0Z2nUrJM9ww70xwD3qcNL4iWAytVaGgfRAGi-e4aJVxcVEbZUY-u/s1600/rss-48.png" /></a></div></td><td><a class="Fadeout" href="https://plus.google.com/108329354747256877665?rel=publisher" imageanchor="1" target="_blank" rel="nofollow"><img width="30" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRQ9H5_BDyIdO0hWAq8ZpB1U3qYOkaBDaSkGZ9rZJcXdVyZ4k3TyJKGUC3Ot8l_bqX2qyFndOx9y4Gk4QJPgqHhHH-Ee6bjXKkJwDyFg7umISyDpGeG0kg4dz7fE74Ox4E6Kdp_3cFCnyt/s1600/google-48.png" /></a></td></tr></tbody></table>
</div></div>
  • Save widget FeedBurner sobat

Dari kode di atas, yang harus di rubah atau diganti adalah :
  1. Ganti tutorialblogspot/PbmK dengan nama Feed blog sobat
  2. Ganti http://feeds.feedburner.com/tutorialblogspot/PbmK dengan URL FeedBurner sobat
  3. Ganti http://www.facebook.com/TutorialforBlogspot dengan URL Facebook sobat.
  4. Ganti https://twitter.com/#!/2torialBlogspot dengan URL Twitter sobat
  5. Ganti https://plus.google.com/108329354747256877665 dengan URL akun Google Plus sobat

Semoga kotak berlangganan FeedBurner yang keren ini semakin memperindah tampilan blog sobat.
Categories: Baca selengkapnya »

Cara Menghilangkan Tulisan Powered by Blogger (Diberdayakan oleh Blogger)

Cara menghilangkan Powered by Blogger atau cara menghilangkan Diberdayakan oleh Blogger akan menjadi pembahasan yang akan kita kupas pada kesempatan kali ini. Link dan teks yang bertuliskan Powered by Blogger atau Diberdayakan oleh Blogger merupakan sebuah widget yang berada di bagian bawah blog, di bagian footer. Dalam dunia Blogging, Powered by Blogger lebih di kenal dengan sebutan Attribution widget atau Attribution gadget.

Attribution widget merupakan widget bawaan template blogger. Widget ini memiliki tampilan yang simple dengan posisi center di bagian footer blog. Banyak blogger yang menghapus Attribution widget dari blog mereka (Tidak ada yang tahu pasti, apa alasan mereka sehingga menghapus tulisan Powered by Blogger ). Apakah pemilik blog boleh menghapus Attribution widget "Powered by Blogger" dari blog mereka? Tidak ada yang tahu pasti tentang semua ini. Tapi banyak blogger yang menyarankan pengunjungnya untuk tidak menghapus tulisan Powered by Blogger yang terdapat di blog mereka.

Cara Menghilangkan Tulisan Powered by Blogger

  • Sign In di blogger.com
  • Pada Menu Drop Down pilih Template
  • Klik Tombol Costumize untuk menuju laman Blogger Template Designer
  • Klik Advance dan klik Add CSS
    add css,designer blogger template,advance
  • Copy Paste kode CSS berikut pada kolom yang tersedia
.footer-outer{display:none;}
  • Klik tombol Apply to blog

Kalau kode CSS di atas tidak bekerja di template sobat, sobat bisa menggunakan kode CSS di bawah ini!
#Attribution1 {display: none;}

Ternyata, untuk menghapus tulisan Powered by Blogger, kita tidak perlu edit template dan caranya pun sangat mudah.
Categories: Baca selengkapnya »

Contoh Email Penolakan Google Adsense

Berikut ini contoh Email yang di kirim oleh Tim Google Adsense ke akun Email pendaftar. Email ini biasanya akan di kirim setelah beberapa jam kita mendaftarkan blog kita untuk mengikuti program klik iklan yang mereka sediakan.

Ketika sobat blogger Login di laman Google Adsense, salah satu bukti bahwa akun Adsense sobat blogger masih di bawah Review adalah adanya pembertahuan yang bertuliskan "Your AdSense for content application is still under review. You will only see blank ads until your account has been fully approved or disapproved. Learn more". Untuk lebih jelasnya, perhatikan gambar yang ada di bawah ini

Peringatan yang berwarna merah di atas akan hilang bila Google Adsense sudah di approve

google adsense,adsense,email adsense,adsense review

Selamat Datang di AdSense!

Kami baru menyelesaikan sebagian tinjauan permohonan Anda, tetapi Anda sudah dapat mulai menempatkan kode AdSense di situs Anda. Namun, Anda belum akan melihat iklan sesungguhnya pada www.tutorialblogspot.com hingga kami menyelesaikan peninjauan situs Anda sepenuhnya. Anda akan mendapat iklan kosong sebagai gantinya, yang berpadu dengan latar belakang situs.

Kami tidak dapat menyelesaikan proses peninjauan permohonan Anda sebelum Anda menempatkan kode AdSense pada situs Anda dan mengirimkan permintaan iklan kepada kami. Setelah tinjauan selesai, permohonan Anda akan sepenuhnya disetujui atau tidak disetujui. Jika disetujui, Anda akan melihat iklan yang sesungguhnya.

Perhatikan bahwa segera setelah iklan mulai muncul di situs Anda, kami akan terus memeriksa kepatuhan akun Anda atas kebijakan kami. Jika terdeteksi pelanggaran apa pun, penayangan iklan ke laman Anda dapat dihentikan atau akun Anda dinonaktifkan. Setiap kali Anda menjumpai iklan tidak tampil, kami sarankan agar Anda masuk ke akun AdSense dan memeriksa semua lansiran yang ada.

Ikuti langkah-langkah berikut untuk mulai menempatkan kode iklan pada situs Anda:

LANGKAH 1: Akses akun Anda.
Kunjungi http://www.google.com/adsense, kemudian masuk menggunakan alamat email dan sandi yang dikirim dalam permohonan Anda. Jika Anda lupa sandi, kunjungi: http://www.google.com/adsense/support/as/bin/static.py?hl=id&page=ts.cs&ts=1054302&sct=app-api. Pastikan juga bahwa Anda memiliki informasi kontak yang valid pada akun Anda.

LANGKAH 2: Buat unit iklan AdSense.
Kunjungi tab "Iklan saya", pastikan produk yang dipilih adalah "Konten", lalu klik "+Unit iklan baru".

LANGKAH 3: Implementasikan kode iklan pada laman Anda.
Setelah unit iklan dibuat, klik “Simpan dan dapatkan kode” untuk membuat kode iklan yang akan ditempelkan ke kode HTML situs web Anda. Untuk bantuan tentang cara mengimplementasikan kode, kunjungi Panduan Penerapan Kode: http://www.google.com/adsense/support/as/bin/static.py?hl=id&page=guide.cs&guide=28893&sct=app-12156. Jika Anda tidak memiliki akses untuk mengedit sumber HTML laman, hubungi webmaster atau perusahaan inang.

Untuk mendapatkan bantuan tentang memulai dan implementasi kode iklan, kunjungi Akademi AdSense: http://support.google.com/adsense/bin/static.py?hl=id&page=checklist.cs&tab=1187443.

CATATAN PENTING:
* Saat iklannya mulai tampil, jangan klik iklan Anda sendiri, bahkan untuk sekadar mengujinya -- hal ini tidak diizinkan oleh kebijakan program AdSense (https://www.google.com/adsense/policies).
* Anda dapat menambahkan kode AdSense kapan saja ke laman atau situs baru yang mematuhi kebijakan program kami. Tidak perlu memberitahukan kami atau mengajukan permohonan akun baru untuk melakukannya. Pastikan perayap kami dapat mengakses semua laman web tempat Anda menempelkan kode iklan. Untuk detail selengkapnya, kunjungi: http://www.google.com/adsense/support/as/bin/answer.py?hl=id&answer=10532.

Hormat kami,

Tim Google AdSense

Mungkin Anda juga tertarik untuk melihat sumber daya berikut:
* Pusat Bantuan: http://support.google.com/adsense
* Forum Bantuan: http://www.google.com/support/forum/p/AdSense
* Blog AdSense (dalam bahasa Inggris): http://www.adsense.blogspot.com

-------------------------------------------------------------------------------------------------------------------------------
Pesan ini dikirim dari alamat email khusus pemberitahuan yang tidak menerima email masuk. Jangan balas pesan ini.
Categories: Baca selengkapnya »

Contact Us

Thank you for visiting our blog, tutorialblogspot.com. Should you have any questions/comments, please do not hesitate to contact us. We value your feedback and look forward to hearing from you. Do not forget to Write down your real name and your email in the box (We will not publish or display your name and your e-mail address on this blog). We will use your email address for the purposes of administering your query and responding to you.

Name *
Prefix

First *

Last *

Suffix

Email *

Subject *

Message *

Powered byemailEMF Online Form
Report Abuse
Categories: Baca selengkapnya »

Cara Membuat Atau Memasang Widget Populer Post Di Blog

Widget Populer Post adalah widget blogger yang menampilkan postingan yang paling sering dikunjungi atau daftar entri yang paling populer. Widget Populer Post tidak hanya bisa di tampilkan dalam bentuk Thumbnail (Ringkasan plus Gambar), tetapi dapat juga di tampilkan dalam bentuk ringkasan saja. Widget blogger ini merupakan satu dari beberapa widget blog yang memiliki tampilan yang indah (Berarti dengan memasang widget Populer post di blog, menjadi salah satu teknik untuk memperindah tampilan blog).

Add a gadget,populer post,entri populer,populer,post,post populer,blogger widget,blog widget,blogspot widget,blogger gadget,blog gadget,blogspot gadget,widget,gadget

Sangat aneh dan sangat membingungkan, kenapa di pencarian Google "Blogger Populer Post Widget" menjadi salah satu daftar entri paling banyak di cari? Padahal, blogger.com sudah mempersiapkan para pemilik blog widget yang indah ini. Kenapa harus cari Script atau kode untuk membuat Widget Populer Post, kalau ada cara instant untuk memasang Widget Populer Post.

Cara Memasang Widget Populer Post di Blogger

  1. Sign In di blogger.com
    2. Add a gadget,populer post,entri populer,populer,post,post populer,blogger widget,blog widget,blogspot widget,blogger gadget,blog gadget,blogspot gadget,widget,gadget
  2. Pada menu drop down, pilih layout dan klik Add a gadget
    3. Add a gadget,populer post,entri populer,populer,post,post populer,blogger widget,blog widget,blogspot widget,blogger gadget,blog gadget,blogspot gadget,widget,gadget
  3. Di bagian Basic, klik Populer Post
  4. Silahkan sobat blogger melakukan konfigurasi, bagaimana widget populer post akan ditampilkan, berapa jumlah postingan yang akan ditampilkan dan sebagainya.
  5. Simpan widget sobat sobat
Categories: Baca selengkapnya »

Cara Berbagi Posting Ke Google Plus Melalui Blogger.com

Google Plus atau Google+ merupakan social network (Jejaring Sosial) milik penguasa search engine nomor satu di dunia yaitu Google. Jejaring Sosial Google Plus mulai diluncurkan oleh Google tertanggal 28 Juni 2011. Social Network ini menawarkan beberapa fitur atau layanan seperti Circles, Hangouts, Sparks dan Huddles. Fitur yang terdapat di Google+ hampir mirip dengan situs jejaring sosial seperti LinkedIn dan Facebook yang memungkinkan setiap penggunanya untuk berbagi hal-hal yang menarik seperti Gambar, Video, Posting dan lain-lain.

Sebagai pemilik blog, sobat blogger mesti memamfaatkan jejaring sosial ini untuk memperkenalkan blog sobat atau untuk mempromosikan blog sobat melalui Lingkaran (Circle) yang terdapat di akun Google Plus sobat. Untuk memancing pengguna Google Plus untuk berkunjung ke blog sobat, sobat blogger haruslah membagikan mereka posting. Bagaimana cara saya berbagi posting ke Google Plus, kalau blog saya tidak terpasang Tombol Share? Untuk masalah ini, Google telah mempermudah pemilik blog membagikan posting mereka melalui laman blogger.com.

Cara Berbagi Posting Ke Google Plus Melalui Laman Blogger.com

  1. Sign In di blogger.com
  2. Pada Menu drop Down pilih Posts dan Pilih Published
  3. Arahkan cursor blog sobat, ke arah judul posting yang akan di share
    4. Share,share post,berbagi posting,berbagi post,share Google plus,share blogger,blogger berbagi
  4. Lalu klik tombol Share
  5. PopUp window akan muncul yaitu Share On Google+, langsung saja klik Share
  6. Sacara otomatis, Judul posting dan deskripsi posting akan langsung tampil di akun Google+ sobat.
Berapa orang atau berapa pengguna Google+ yang sudah membagikan posting blog sobat, bisa di lihat di sebelah kanan posting yang suah di share. Silahkan Reload dulu laman tersebut untuk melihat jumlahnya.
Categories: Baca selengkapnya »
Published by : MEDIA TUTORIAL BLOGGER

Copyright © 2011-2012 MEDIA TUTORIAL BLOGGER - All Rights Reserved