=[|FOR-CHEAT|]=

Tampilkan postingan dengan label BeLaJaR BLoG. Tampilkan semua postingan

Cara Otomatis Membuat Link Sumber Saat Artikel Di Copas

Hi, Sobat! Rizki Kali Ini Membawa Informasi Penting Untuk Para Blogger Yang Tidak Suka Kalo Artkelnya DiCopas Tanpa Memasukan Link Sumber? OK, Sekarang Kita Belajar "cunning trick". Tentang Automatic Link Source in Every Article when COPASTed/Cara Membuat Widget Otomatis Membuat Link Sumber Kalau Artikel Dicopas. Apakah Efeknya? Efeknya Untuk Membuat Automatic Link Sumber Kalo Artikel Kita Di Copas. Ini Adalah Trick Yang Bagus Dan Sangat Penting Buat Sobat Yang Ingin Dapet Backlink Dan Mendapatkan Untung Besar.
DEMO - Copy Beberapa Artikle Di Demo Itu Dan Simpan Di Notepad Lihat Hasilnya

Turitorial Langkah-Langkah Cara Membuat Otomatis Membuat Link Sumber Kalau Artikel Dicopas

Untuk memanfaatkan layanan Google Webmaster Tools, yang kamu butuhkan hanyalah akun Google. Jika kamu sudah memiliki akun di Google, kamu sudah bisa menggunakan layanan ini. 1. Buka Google Webmaster Tools di alamat http://www.google.com/webmasters/tools 2. dengan akun Google kamu. gambar log in pada Google Webamster Tools Mengingat kamu belum mendaftarkan data website / blog kamu, maka tampilan halaman Google Webmaster Tools kamu masih terlihat kosong seperti gambar di bawah ini Home page Google Webamster Tools Lalu jika kamu ingin menambahkan website / blogmu ke dalam Google Webmaster Tools, maka klik , kamu bisa menambahkan website / blogmu sebanyak yang anda kelola. Kemudian jika kamu telah menambahkan website / blogmu, maka akan muncul tabel yang berisi daftar-daftar website / blog yang telah kamu masukkan tadi. Setiap website memiliki dashboard tersendiri untuk mengelola dan memonitor masing-masing website / blog. home page yang sudah ditambahkan website / blog Nantinya, kamu juga bisa menghapus website / blogmu yang sudah tidak aktif dengan cara memilih salah satu website / blog dan klik tombol Pada bagian , kamu juga dapat pesan ringkas mengenai hasil perubahan atas pengaturan yang kamu lakukan. Secara periodik, Google juga akan menampilkan pesan yang berkaitan dengan Webmaster Tools. Jadi, silahkan kamu bersenang-senang dengan Google Webmaster Tools dulu ya... ^_^

Original from: http://dengangoogle.blogspot.com/2011/03/menambahkan-blog-ke-google-webmaster.html
Copyright Full Blog Tricks

1. Log in Ke Akun Blogger
2. Pergi Ke Design --> Edit HTML
3. Copas Kode Di Bawah Ini Dan Letakan Sebelum, Tag/Kode </head>

Pengaturan:

Sobat Bisa Merubah Original from: Mashasih dengan Text Yang Anda Inginkan

4. Save Template

Membalas Komentar Blog Otomatis

Jquery Sliding Login Panel di atas header blog

Untuk membina Jquery Sliding login panel di atas header blog, seperti yang boleh anda lihat di sini (Demo), sila ikut beberapa langkah di bawah.

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

2. Dengan menggunakan keyboard, tekan "Ctrl+F" cari kod ]]></b:skin>

3. Copy dan paste kod css ini, di atas atau sebelum kod ]]></b:skin>

#slide-panel{
background-color:#000;
border-bottom:2px solid #838383;
display:none;height:80px;
margin:auto;padding-top:20px;
}

.slide{width:950px;
margin:auto;
}

.btn-slide:link,.btn-slide:visited{
color:#fff;
float:right;
display:block;
font-size:14px;
font-weight:bold;
height:28px;
padding:3px 0 3px 0;
line-height:28px;
text-align:center;
text-decoration:none;
width:70px;
font-family:Arial;
background:#000;
margin-top:-2px;
-moz-border-radius:0px 5px 0px 5px;
-webkit-border-bottom-left-radius:8px;
-webkit-border-bottom-right-radius:8px;
}

.loginform{
width:950px;
margin:0 auto;
color:#999;
font-family:Arial,Helvetica,sans-serif;
}

.formdetails{
color:#FFF;
font-size:12px;
padding:5px;
}

.formdetails input{
border:none;
padding:2px 5px;
background-color:#EFEFEF;
}

.loginregister{
color:#999;padding:5px;
}

.loginregister a:link,.loginregister a:visited{
color:#90fff6;
font-size:12px;
}

.loginregister a:hover{
color:#fff';
}

.loginform h2{
padding:10px 10px 10px 0;
font-size:18px;
font-weight:normal;
text-transform:uppercase;
}

.loginform ul li{
display:inline;
}

.loginform ul li a:link,.loginform ul li a:visited{
color:#FFF;
font-size:12px;
text-decoration:underline;
}

input#signIn{
color:#fff;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj95sM4g7mTM-u-gwKs70NAPAVtfXbkZJJviSX9rXMlK71Ba6z-75z0pR9N6UQpYt2uwJx8VChrMRnmwqsaJ_gG5EVwJrnaAeA5cV9VUBJ7qGNL8OsCP7TgcSGLNGmXfz0Hyfr4IllcG0c/) no-repeat;
width:94px;
height:25px;
cursor:pointer;
padding-bottom:5px;
}

input#Email,input#Passwd{
background:#414141;color:#fff;
}

input:focus#Email,input:focus#Passwd{
background:#545454;
}

4. Seterusnya, dengan menggunakan keyboard, tekan "Ctrl+F" cari pula kod </head>

5. Copy dan paste kod ini, di bawah atau selepas kod </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){$(".btn-slide").click(function(){$("#slide-panel").slideToggle("slow");});});
</script>

<div id='slide-panel'><div class='loginform'><div class='formdetails'>
<form action='https://www.google.com/accounts/ServiceLogin?service=blogger&continue=https%3A%2F%2Fwww.blogger.com%2Floginz%3Fd%3Dhttp%253A%252F%252Fwww.blogger.com%252Fhome%26a%3DADD_SERVICE_FLAG&passive=true&alinsu=0&aplinsu=0&alwf=true&ltmpl=start&skipvpage=true&rm=false&showra=1&fpui=2&naui=8#s01' method='post'>

<label for='log'>Username : </label><input id='Email' name='Email' size='20' type='text'/>

<label for='pwd'>Password : </label><input id='Passwd' name='Passwd' size='20' type='password'/>

<input id='signIn' name='signIn' type='submit' value='Masuk'/>

<label for='rememberme'><input checked='checked' id='rememberme' name='rememberme' type='checkbox' value='forever'/>Ingatkan saya</label>
</form></div>

<div class='loginregister'>
<a href='https://www.blogger.com/signup.g' target='_blank'>Daftar</a> | <a href='http://www.blogger.com/forgot.g' target='_blank'>Lupa kata laluan anda?</a>
</div></div></div>

<div class='slide'><a class='btn-slide' href='#'>Sign in </a></div>

6. Akhir sekali, klik PREVIEW. Jika tiada sebarang mesej error terpapar, klik Save.

p/s: Untuk menukar warna background panel dan button, sila edit kod yang di highlightkan dengan warna merah.

Tambahkan Emoticon Sexy Di Komentar Blog

Banyak cara yang dilakukan para blogger untuk menarik perhatian dari para pengunjungnya. Salah satu diantaranya yaitu dengan memasang emotions pada kotak komentar, icon2 emotions ini juga dimaksudkan agar pengunjung tertarik untuk memberikan komentarny.

Sekarang el akan berbagi script emotion cewek sexi, memang tidak terlalu bagus seh tapi setidaknya membrikan gambar/icon yg sedikit berbeda dengn yang lain (agak nakal). Cara memasang emotion cewek sexy pada kotak komentar blog langkah awal masuk blogger -> Rancangan --> Edit HTML kemudian ikuti langkah dibawah ini!

1. Cari kode </body> letaknya paling bawah
2. Kemudian simpan scrip dibawah ini diatas kode </body>

<script src='http://elmubarok.googlecode.com/files/sexyemotion.js' type='text/javascript'/>

3. Selanjutya cari kode <b:if cond='data:post.embedCommentForm'>
Jika sudah ditemukan, simpan code berikut diatasnya

4. Simpan dan lihat hasilnya
Contoh yang sudah jadi bisa lihat disini

Singel Submenu dengan CSS3

Masih di "Tutorial Blog" sekarang saya membahas tentang CSS3 WOW. [Biasa aja kalee wkwkwkkw]
"Singel Submenu dengan CSS3" Tau nggak gmna bentuk nya ? Yang pasti ajaib hloo bisa mbukak WAW, Mau mau mau ? wkwkkw Wanii piroo ? Gratiss kok tapi sun dulu wkwkkwcuuiihh. Di sini saya akan kasi 2 versi. Nih langsung aja
Caranya : Login ke Blogger -> Klik Rancangan -> Edit HTML cari kode ]]> lalu copy pastekan kode di bawah ini tepat di atas kode tersebut.

4 MENU

.ringMenu {
width: 100px;
margin:auto;
}

.ringMenu:hover {}

.ringMenu ul {
list-style: none;
position: relative;
width: 100px;
color: white;
margin: 0;
padding: 0;
}
.ringMenu ul a {
color: white;
}
.ringMenu ul li {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin: 0;
padding: 0;
}
.ringMenu ul li a {
display: block;
width: 100px;
height: 100px;
border-bottom: 1px solid #333;
border-left: 1px solid black;
border-right: 1px solid #333;
border-top: 1px solid black;
background: #161616;
text-align: center;
line-height: 100px;

}
.ringMenu ul li a:hover {
background: rgba(230,150,20,0.7);
}

.ringMenu ul li:not(.main) {
-webkit-transform: rotate(-180deg) scale(0);
-moz-transform: rotate(-180deg) scale(0);
-o-transform: rotate(-180deg) scale(0);
transform: rotate(-180deg) scale(0);
opacity: 0;
}
.ringMenu:hover ul li {
-webkit-transform: rotate(0) scale(1);
-moz-transform: rotate(0) scale(1);
-o-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
opacity: 1;
}
.ringMenu ul li.top {
-webkit-transform-origin: 50% 152px;
-moz-transform-origin: 50% 152px;
-o-transform-origin: 50% 152px;
transform-origin: 50% 152px;
position: absolute;
top: -102px;
left: 0;
}
.ringMenu ul li.bottom {
-webkit-transform-origin: 50% -52px;
-moz-transform-origin: 50% -52px;
-o-transform-origin: 50% -52px;
transform-origin: 50% -52px;
position: absolute;
bottom: -102px;
left: 0;
}
.ringMenu ul li.right {
-webkit-transform-origin: -52px 50%;
-moz-transform-origin: -52px 50%;
-o-transform-origin: -52px 50%;
transform-origin: -52px 50%;
position: absolute;
top: 0px;
right: -102px;
}
.ringMenu ul li.left {
-webkit-transform-origin: 152px 50%;
-moz-transform-origin: 152px 50%;
-o-transform-origin: 152px 50%;
transform-origin: 152px 50%;
position: absolute;
top: 0;
left: -102px;
}

Ni HTML nya :

<div class="ringMenu">
<ul>
<li class="main"><a href="#">main</a></li>
<li class="top"><a href="#">top</a></li>
<li class="right"><a href="#">right</a></li>
<li class="bottom"><a href="#">bottom</a></li>
<li class="left"><a href="#">left</a></li>
</ul></div>

Gmna keren kaga ?? xixixi Langsung aja lanjuttt

8 MENU

.ringMenu {
width: 100px;
margin:auto;
}

.ringMenu:hover {}

.ringMenu ul {
list-style: none;
position: relative;
width: 100px;
color: white;
margin: 0;
padding: 0;
}
.ringMenu ul a {
color: white;
}
.ringMenu ul li {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin: 0;
padding: 0;
}
.ringMenu ul li a {
display: block;
width: 100px;
height: 100px;
border-bottom: 1px solid #333;
border-left: 1px solid black;
border-right: 1px solid #333;
border-top: 1px solid black;
background: #161616;
text-align: center;
line-height: 100px;

}
.ringMenu ul li a:hover {
background: rgba(230,150,20,0.7);
}

.ringMenu ul li:not(.main) {
-webkit-transform: rotate(-180deg) scale(0);
-moz-transform: rotate(-180deg) scale(0);
-o-transform: rotate(-180deg) scale(0);
transform: rotate(-180deg) scale(0);
opacity: 0;
}
.ringMenu:hover ul li {
-webkit-transform: rotate(0) scale(1);
-moz-transform: rotate(0) scale(1);
-o-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
opacity: 1;
}
.ringMenu ul li.top {
-webkit-transform-origin: 50% 152px;
-moz-transform-origin: 50% 152px;
-o-transform-origin: 50% 152px;
transform-origin: 50% 152px;
position: absolute;
top: -102px;
left: 0;
}
.ringMenu ul li.bottom {
-webkit-transform-origin: 50% -52px;
-moz-transform-origin: 50% -52px;
-o-transform-origin: 50% -52px;
transform-origin: 50% -52px;
position: absolute;
bottom: -102px;
left: 0;
}
.ringMenu ul li.right {
-webkit-transform-origin: -52px 50%;
-moz-transform-origin: -52px 50%;
-o-transform-origin: -52px 50%;
transform-origin: -52px 50%;
position: absolute;
top: 0px;
right: -102px;
}
.ringMenu ul li.left {
-webkit-transform-origin: 152px 50%;
-moz-transform-origin: 152px 50%;
-o-transform-origin: 152px 50%;
transform-origin: 152px 50%;
position: absolute;
top: 0;
left: -102px;
}

.ringMenu ul li.topright {
-webkit-transform-origin: -52px 50%;
-moz-transform-origin: -52px 50%;
-o-transform-origin: -52px 50%;
transform-origin: -52px 50%;
position: absolute;
top: -102px;
right: -102px;
}

.ringMenu ul li.topleft {
-webkit-transform-origin: -52px 50%;
-moz-transform-origin: -52px 50%;
-o-transform-origin: -52px 50%;
transform-origin: -52px 50%;
position: absolute;
top: -102px;
left: -102px;
}

.ringMenu ul li.bottomright {
-webkit-transform-origin: -52px 50%;
-moz-transform-origin: -52px 50%;
-o-transform-origin: -52px 50%;
transform-origin: -52px 50%;
position: absolute;
bottom: -102px;
right: -102px;
}

.ringMenu ul li.bottomleft {
-webkit-transform-origin: -52px 50%;
-moz-transform-origin: -52px 50%;
-o-transform-origin: -52px 50%;
transform-origin: -52px 50%;
position: absolute;
bottom: -102px;
left: -102px;
}

Nih HTML nya :

<div class="ringMenu">
<ul>
<li class="main"><a href="#">main</a></li>
<li class="top"><a href="#">top</a></li>
<li class="right"><a href="#">right</a></li>
<li class="bottom"><a href="#">bottom</a></li>
<li class="left"><a href="#">left</a></li>
<li class="topright"><a href="#">topright</a></li>
<li class="topleft"><a href="#">topleft</a></li>
<li class="bottomright"><a href="#">bottomright</a></li>
<li class="bottomleft"><a href="#">bottomleft</a></li>
</ul></div>

Gmna gan ? Keren kann ? whahaha Semoga Bermanfaat gan :D. Jangan lupa Komentarnya sama Follow nya.

Membuat Tooltip Keren Blog

Menampilkan Gambar Profile dihalaman Hasil Pencarian Google

Bisa dipastikan robot Google sekalipun tidak mungkin bisa menentukan keaslian suatu artikel, yang mungkin bisa tentu saja hanya penulis artikel itu sendiri. Tapi dengan hadirnya fasilitas untuk menampilkan gambar Profile Anda dalam hasil pencarian tentu ini akan menjadi cerita lain, selain terlihat bahwa Anda adalah penulis sebenarnya dan itu juga menjadi kesan profesional buat Anda. Coba saja Anda mencari artikel yang menarik di Google, Anda tentu akan melihat 10 hasil pencarian pertama dan bisa dipastikan semuanya mempunyai judul yang hampir mirip bahkan sama persis, lalu bagaimana jika di antara 10 hasil pencarian tersebut terpajang wajah tampan Anda, tentu si pencari akan melirik Anda terlebih dahulu walapun artikel blog Anda sendiri hanya berada pada urutan ke 6, itu karena halaman Google sering berisi penuh dengan teks dan dengan demikian orang mungkin akan tertarik lebih ke arah hasil yang memiliki beberapa elemen visual (foto penulis) yang melekat padanya. Asalkan bukan artikel COPAS aja ya tar malah malu2in, udah copas nampang pula hehehe

Cara menampilkan gambar Profile dihalaman hasil result Google:

CARA I:

1. Pertama, silahkan buat satu halaman "About me" di blog Anda, untuk pengguna blogger Anda bisa membuatnya melalui halaman Statis Page atau bisa juga menggunakan halaman Standar Post. Agar lebih mudah Anda bisa melihat halaman "About me" milik saya disini.

2. Buat satu Text Link yang mengarah ke halaman URL Profile Google+ Anda dan jangan lupa menanamkan satu Tag rel="me" (ingat hanya satu tag saja) dalam link tersebut.

<a href="https://plus.google.com/ID_Anda" rel="me">Agus Ramadhani</a>

3. Ini sangat penting, pastikan semua artikel diblog Anda terkait kehalaman "About me". Caranya sangat mudah, Anda tinggal memasang saja link "About me" di menu, saya sendiri memasangnya di halaman About dalam widget saya (lihat paling bawah di blog ini ditandai dengan text link Read more ), dan pastikan Anda memasang Tag rel="author" pada link tersebut.

<a href="http://www.blog-Anda.com/p/about-me.html" rel="author">About me</a>

4. Langkah terakhir silahkan masuk ke halaman profile Google+ Anda disinihttps://plus.google.com dan tuju ke tombol "Edit Profile" kalau sudah silahkan tuju ke pengeditan "Profile lainnya", biasanya Anda diminta untuk memasukan alamat blog Anda, nah disini Anda tinggal memasukan Link "About me" saja beserta URL-nya.

Sampai tahapan ini sebenarnya sudah selesai dan biarkan google merayapi halaman Anda terlebih dahulu. Perlu juga diketahui bahwa tidak ada jaminan gambar anda akan tampil, semua tergantung analisa google itu sendiri setelah merayapi halaman anda.

CARA II:Cara yang kedua jauh lebih praktis dimana Anda tinggal menambahkan satu badge icon profile saja, caranya silahkan langsung menggunakan Profile Button Creator dialamat inihttp://www.google.com/webmasters/profilebutton
Pastikan cara kedua ini tidak berlaku jika Anda sudah menggunakan cara pertama, jika tidak akan terjadi duplikat Profile Author.

Verifikasi Author
Agar gambar Profile Anda bisa tampil dan berjalan dengan sempurna sebaiknya Anda perlu melakukan verifikasi dengan mengujicobanya terlebih dahulu.
1. Silahkan buka Rich Snippets Testing Tool

2. Masukan salah satu link artikel (posting) Anda yang terbaru.
3. Jika tidak ada masalah maka gambar profile beserta nama Anda akan muncul dan ditandai dengan nilai verifikasi yang bener.

Tips jika ada kesalahan
1. Pastikan Anda hanya menggunakan kedua tag rel="me" danrel="author" diatas satu kali saja jangan sampai ada duplikat.
2. Pastikan Anda benar-benar memasukan gambar Anda pada Profile Google+, sebaiknya termasuk dengan Isi biodata Anda secara lengkap.
3. Pastikan halaman profile Google+ Anda benar-benar terkait dengan halaman blog Anda, termasuk halaman About me tadi.
4. Google akan memilih thumbnail gambar dari halaman Profil Google+ Anda, sebaiknya gunakan gambar yang sebenarnya dari diri Anda sendiri (bukan ikon). Gambar harus terlihat baik bahkan ketika dikompresi menjadi gambar thumbnail 50x50.

Silahkan baca dokumentasi selengkapnya disini

Semoga tutorial diatas berguna :)

Ҳ× ĈђËąŤέ®'z™ ×Ҳ