Cara Menampilkan Foto Di Search Engine Google

Cara Menampilkan Foto Di Search Engine GoogleAssalamulaikumwr wb.
selamat Malam Sobat,,Tau Gk Kalo Blog Kita Di search Engine Akan Muncul Foto Di Blog Kita  ?? 
Pasti Pengunjung Akan Ingin Tahu Kan Dan Pasti Ingin MasukKarena Penasaran Bukan ??. Lah Pada Post Kali Ini Saya Akan Mengeshare Tutor TersebutDi Blog Ini .. Yuk !!



Cara Menampilkan Foto Di Search Engine Google

1. Masuk Ke Akun Google > Tentang > Tautan > Edit >  ganti kontributor dan tautan dengan judul dan URL blog kita.



2. Lalu Simpan Data Tersebut 

3. Masuk Ke Akun Blogger > Template > Edit HTML > CTRL +F

4. Cari Kode <head> Lalu Masukkan Kode Di Bawah Ini Di bawah Kode <head>
<link href='https://plus.google.com/116620185035493711053' rel='author'/>
<link href='https://plus.google.com/116620185035493711053' rel='publisher'/>
5. Ganti Kode Warna Merah Dengan ID Profil Google Anda

6. Untuk Melihat Berhasilnya Anda Bisa Liat Di Google Rich Snippet

7. Dan Hasilnya Akan Seperti Dibawah Ini


Jika dalam tampilan preview di Google Richsnippet halaman blog kita sudah berhasil menampilkan foto, bukan berarti foto tersebut langsung muncul di halaman hasil penelusuran Google yang sebenarnya. Hal ini dimungkinkan Google perlu melakukan pengaturan khusus terkait proses penambahan foto yang telah kita lakukan. Gunakan foto profil yang akan ditambahkan dengan foto yang sopan dan mudah diingat karena bukan tidak mungkin foto tersebut akan menjadi branding bagi blog kita.

demikian Post Saya Hari Ini ^_^ Semoga Bermanfaat Bagi Kita Semua :) Keep Smille
Assalamualaikum -
Hai Sobat Blogger Kali Ini Saya Akan Share Tentang
Cara Mengetahui Score SEO Di Blog Kita
Udah Tau Gk Apakah Score Blog Kamu Besar Atau
Tidak ??
Nah Belum Tau Kan
Manfaat Widget Ini Adalah Untuk Mengetahui
Blog Anda Seo 

Sobat ingin blog sobat 100% di Chkme.com ?? Pastinya ingin dong. Sebenarnya saya  tidak handal dalam masalah SEO , cara ini sendiri saya terapkan di blog saya setelah membaca tutorial dari blog lain.

Tutorial

  • Buka Chkme
  • Terus Disitu Ada Kotak Url
  • Lalu Masukkin Url Blog Anda Disitu , - Check SEO Score
  • Setelah Itu Ada Kotak Script - COPAS 
  • Lalu Login Di Blogger
  • Tata Letak -HTML Javascript
  • Paste Kode Tadi Tersebut - Simpan
Demikian Tentang Post Kami ^_^ semoga bermanfaat
Cara Mendisable CTRL+U / CTRL+S Agar Blog Jadi Aman
Assalamualaikum -
Pada Postingan Kali Ini Saya Akan Membahas Tentang
Agar Blog Menjadi Aman Yaitu Dengan Mendisable
CTRL+U / CTRL+S Agar Blog Menjadi Aman

Kita Tahu Tidak Bila Artikel Kita Di Copas Kamu 
Marah Kan, Lah Biar Kagak Marah Saya Posting Tentang
Ini Yaitu Cara Mendisable CTRL+U / CTRL+S Agar Blog Jadi Aman


Tutorial Di Bawah Ini

  • Login Di Blogger
  • Template - Lalu Edit HTML
  • Setelah Itu Cari Kode <body>
  • Lalu Ganti Kode Diatas Dengan Kode Dibawah Ini
<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>
  • Lalu Simpan Template

Keterangan

  • Backup Dulu Template Anda Sebelum Mengedit HTML
  • oncontextmenu=’return false;’ (Untuk mematikan fungsi klik kanan)
  • onkeydown=’return false;’ (Untuk mematikan CTRL+A dan CTRL+U)
  • onmousedown=’return false;’ (Untuk mematikan fungsi block pada artikel)
  • ‘return false;’ (Untuk mengaktifkan fungsi pada masing-masing Java Script,kalau ingin dinonaktifkan salah satu ganti saja dengan ‘return true;’ )
Assalamualaikum
hai kawan selamat siang Kali ini
saya akan memosting yaitu  Hal Yang Menyebabkan Terkena Google Panda
Sebelumnya Saya Yaitu Posting
Top Commentator Udah Tau Belom Google Panda
Kalo Belum Tau Nie Post nya Apa Itu Google Panda ??
Simak Langsung Aja Yuk 



1. Over Optimasi

SEO yang berlebihan bisa jadi sesuatu yang kurang baik untuk blog kita.  Seorang blogger terkadang berlebihan dalam hal ini. Misalnya ketika berkomentar di blog-blog dofollow terlalu intensif, memang hal ini perlu namun lakukan secara wajar, dan imbangi pula dengan berkomentar di blog nofollow.



2. Kepadatan kata kunci yang tinggi.

Sebagai contoh adalah artikel blog yang terlalu banyak mengulang kata-kata dan kalimat yang sama, padahal isinya nol besar.  Ini berpotensi dianggap spam terkena dampak google penguin. Yang perlu dilakukan adalah dengan memperbanyak variasi kata bukan dengan mengulang-ulang kalimat yang sudah ada.



3. Virus dan malware

Misalnya kita akan membuka situs abc.com ternyata situs tersebut mengandung malware, sehingga google memberikan peringatan kepada kita sebelum masuk ke blog tersebut. Bahkan bisa saja blog kita di banned jika banyak laporan mengenai adanya malware di blog kita. Untuk mengetahuinya silakan masuk ke akun Google webmaster tools, disitu akan diketahui ada tidaknya virus atau malware tersebut.



4. Tingginya bounce rate.

Bisa dibilang bounce rate adalah rasio antara jumlah pengunjung dengan bukaan halaman (pageviews) postingan blog. Blog yang ringan, artikel menarik, unik dan menarik akan membuka lebih banyak peluang pageviews yang lebih tinggi. Begini, satu pengunjung yang masuk bisa jadi membuka lebih dari satu atau bahkan 10 postingan blog kita. Semakin banyak pengunjung membuka postingan kita, maka semakin rendah tingkat bounce rate blog kita. Ada rumus tertentu untuk menghitungnya, sehingga jika bounce rate semakin rendah, maka semakin bagus pula blog sobat di mata google. Semakin tinggi bounce rate, semakin berisiko blog kita terkena dampak google panda dan penguin dan terlempar jauh ke halaman belakang google search. Sobat bisa melihat ini di statistik blog, sebagai contoh sobat bisa menggunakan layanan gratis google analytics. Cara mengatasinya ialah dengan membuat artikel menarik dan loading blog yang ringan agar pengunjung betah.



5. Duplikasi Konten 

Kesamaan judul dan seluruh isi artikel juga bisa berdampak terhadap blog kita. Karena itu jangan copas mentah-mentah isi postingan blog orang lain. Google sekarang sudah sangat cerdas, dan sangat membenci yang namanya duplikasi artikel alias copy paste artikel. Lantas bagaimana jika postingan kita original buatan sendiri namun tidak masuk halaman awal google, dan dicopas oleh blog lain tapi masuk halaman pertama misalnya? Saran saya silakan laporkan blog copas ke dmca google. 



6. Ada link blog kita dari atau ke Blog maupun Website yang sudah di Banned oleh Google

Ini juga menjadi polemik, kita harus hati-hati dan harus tau, apa saja blog yang terkena banned oleh google, jadi jangan asal tancap link. Kita tidak tahu bahwa tancapan link itu justru kita letakkan di blog yang sudah terkena banned oleh google.



7. Banyak Broken Link

Broken Link paling di benci google panda, ketika sebuah blog terdapat banyak broken link, maka bersiaplah mendapat pinalty google, mengapa ini terjadi? Jelas alasannya, Membuat kecewa pembaca. Ntah apa jadinya ketika anda memberikan link kepada pembaca tapi ternyata link itu gak ada atau mati, lalu kesalkah orang tersebut? Jika iya, begitu juga dengan google.



8. Terditeksi dengan IP yang sama

Anda nyepam di blog dengan IP yang sama seperti di blogspot anda nyepam dimana-mana, nah ini juga akan kena imbas pinalty google.



9. Internal Link yang berlebihan sehingga menjadi link scheme

Internal link itu penting tapi jika berlebihan ternyata berakibat fatal. Bagaimana tidak, PINALTY GOOGLE hadiahnya. Kita harus bijak memberikan internal link, jangan sampai internal link itu justru menjadi bumerang untuk blog kita sendiri. Untuk mensiasati hal ini, anda harus membuat internal link untuk tulisan yang setema.



10. Meniru atau mencontek domain tertentu

Ini juga di benci google, misalnya anda punya blog cabe, kemudian anda membuat blog yang notabenenya punya orang lain temanya, misalnya anda jadi buat blogcabemanis. Ini jelas bahaya karena google akan menfinalty anda sebagai plagiat domain.



11. Menyembunyikan Link atau hidden link

Anda ingin menipu, maka google juga akan memberikan hadiah yakni pinalty google. Menyembunyikan link tidak saja membuat pembaca jadi kebingungan, namun juga terkesan menipu, lalu sangatlah pantas jika penipu kena pinalty google.
Assalamualaikum wr wb-
Selamat Siang Para Blogger
Hari Ini Adalah Hari Selasa Yaitu Pas saya 
Gk Masuk Sekolah Karena 
Sakit,Karena Semalaman Maen Pc Terus
Oke Kita Bahas Aja
Kali Ini Saya Akan Post Yaitu Cara Buat Heading Tag H4 Dan H3 Keren.
Sub-Heading umumnya mendapatkan prioritas di bawah tag judul. Tagheading (judul) kita 



Demo Dibawah Ini :

Dibawah Ini Yaitu H3

Dibawah Ini Yaitu H4

Dengan H3 

  • Login Di Blogger
  • Edit HTML
  • Lalu CTRL + F
  • Cari Kode ]]></b:skin>
  • Masukkan Kode Dibawah Ini Diatas Kode ]]></b:skin>

.post h3 {     background-attachment: scroll;     background-color: white;
background-image: url("http://4.bp.blogspot.com/-tFJEmtdTP9s/UTnAR0IbXxI/AAAAAAAAbXA/WO-NEvmKtXA/s1600/h2.png");
    background-position: 0 50%;     background-repeat: no-repeat no-repeat;     border: 3px solid #0D7005;     border-radius: 14px 14px 14px 14px;     box-shadow: 3px 3px 3px #ABABAB;     color: #25991C;     font-family: Lobster,cursive;     font-size: 26px;     font-weight: normal;     margin: 0 0 1em;     padding: 0 1px 4px 34px;     position: relative;     text-shadow: 1px 1px 0 #000000;     text-transform: capitalize; }

Dengan H4 

  •  Login Di Blogger
  •  Edit HTML
  •  Lalu CTRL + F
  •  Cari Kode ]]></b:skin> 
  •  Masukkan Kode Dibawah Ini Diatas Kode ]]></b:skin>
 
.post h4{background: url("http://1.bp.blogspot.com/-zs4aWzVV5J4/UTm__Ri99eI/AAAAAAAAbW4/a--rNrWDM9Q/s1600/h2.png") no-repeat scroll 4px center transparent;border: 3px solid #C8C800;border-radius: 60px 60px 60px 60px;box-shadow: 0 1px 3px #C6C6C6, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;color: #A5A503;font-family: 'lobster',sans-serif;font-size: 19px;font-weight: bold;line-height: 1;margin: 15px 3px;padding: 3px 10px 3px 30px;text-shadow: 0 1px 0 #CCCCCC;text-transform: uppercase;}

Keterangan

Cara Menerapkan :

Anda Pilih Yang Mana h3 Atau h4

Misal : 

Info Sahabatku


Lalu Seleksi Tulisan diatas Lalu Ganti Menjadi H3 Atau H4




SEO Trik

Assalamualaikum wr wb - Kali Ini Saya Akan Post Yaitu Tentang SEO di Bloger Ayo Tebak Apa Yaitu Tentang 5 tips menulis artikel blog post yang seo friendly bagi seorang Blogger menulis artikel atau postingan blog adalah sesuatu yang memang kewajiban, kebanyakan beberapa Blogger baru menginginkan blog mereka terlihat di halaman pertama Google tetapi mereka tidak mengetahui bagaimana cara agar bisa masuk dalam halaman pertama Google, selain beberapa tips yang pernah saya ulas sebelumnya seperti cara cepat blog terindex search engine, disini saya akan coba mengulas hal dasar (basic) bagaimana cara agar artikel blog yang kita buat lebih seo friendly.

Struktur Judul Post (Post Title) dan Post Description

Judul post adalah yang paling penting dan vital karena itu adalah sesuatu yang menggambarkan apa yang ada didalam artikel anda, dan hendaknya post title yang anda buat mengandung kata kunci (keywords) yang relevan. Cobalah mencari susunan kata (phrase) dan keywords yang banyak dicari orang dan sisipkan itu didalam judul post, tapi ingat.. relevansi tetap menjadi acuan,5 Tips Menulis Artikel Blog Post Yang SEO Friendly jangan memasukkan semua keywords didalam post title seolah-olah anda memajang semua kata kunci sehingga terlihat ngawur yang membuat pembaca bingung. Sama halnya dengan post description yang berupa ulasan singkat tentang artikel anda jadi diusahakan mengandung kata kunci dan frasa.

Tautkan (Link) Keywords Yang Penting Ke Artikel/Halaman Lain

Tautkan/link keywords yang penting ke halaman lain yang relevan dan sesuai dengan pembahasan didalam artikel yang anda buat, hal ini akan meningkatkan page views didalam blog anda dan juga akan mengalirkan pagerank.

Konten yang Relevan (Relevant Content)

Tetap jaga konten yang anda buat relevan dan sesuai dengan topik blog anda. Itu akan membuat mesin pencari seperti Google membantu anda untuk menaikkan ranking blog anda pada mesin pencarian sesuai dengan keywords yang anda pilih, seperti contoh pada blog saya ini Kampungjasa.com mempunyai topik tentang tips trik Blogger dan tips trik SEO, jadi semua artikel yang saya buat mengandung beberapa kata kunci tersebut.

Konten yang Unik (Unique Content)

Anda harus berfikir kedepan dan pintar membaca situasi apa yang menjadi topik hangat dan trend saat ini sehingga bisa anda tuangkan dalam sebuah ide untuk membuat artikel sesuai dengan gaya dan style anda sehingga membuat artikel yang anda buat unik lain dari pada yang lain, search engine seperti Google sangat menyukai konten yang unik dan fresh, jadi tetaplah berkarya dan jangan melakukan duplikasi atau copy paste (copas) karena itu akan memperburuk ranking blog anda di mesin pencari.

Gunakan Google Adwords Keyword Tool

Kadangkala kita merasa kesulitan untuk mendapatkan kata kunci yang banyak dicari orang, maka anda bisa mencoba menggunakan alat yang dimiliki Google yaitu Google Adwords: Keyword Tool, dengan alat itu anda tidak perlu menebak tentang kata kunci terbaik karena tool dari Google tersebut mempunyai kumpulan kata2 kunci terbaik yang lagi trend dan banyak dicari orang.
Itulah 5 tips menulis artikel blog post yang seo friendly,


Demikian Post Tentang 5 Tips Menulis Artikel Blog Yang Seo Friendly Semoga Bermanfaat Bagi 
Kita Semua ,, Wassalamualaikum wr wb , Good Luck
Cara Buat Breadcrumb Seo Di Blog

Cara Buat Breadcrumb Seo Di Blog Assalamualaikum- Selamat Malam Sobat  Kali Ini Saya Akan Share Tentang Seo Yaitu :Cara Buat Breadcrumb Seo Di Blog Tutor Ini Berfungsi Untuk :
dipakai untuk navigasi halaman sebuah website atau blog, sehingga akan memudahkan visitor atau pembaca untuk me-navigasi halaman blog atau website sobat. Dalam SEO, pemasangan breadcrumb adalah wajib yang sangat berguna untuk mempermudah seacrh engine untuk menjelajah atau crawling halaman blog sobat sehingga blog akan menjadi SEO friendly dan disenangi oleh search engine bot, dan juga blog sobat akan cepat ter-index oleh search engine ( Google khususnya )
  

Cara Buat Breadcrumb Seo Di Blog

  • Login di Blogger
  • Pilih Template
  • Klik Edit HTML
  • Klik CTRL + F Untuk Mencari
  • Cari Kode ]]></b:skin>
  • Copy kode dibawah ini tepat diatas kode ]]></b:skin>
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
  • Kemudian cari kode seperti di bawah ini 
  • <div class='post hentry uncustomized-post-template'>
  • Atau Kalau Masih Tidak Ada Cari Kode Dibawah Ini
  • <div class='post hentry'>
  • Kalau Sudah Ketemu Letakkan Kode Di bawah Ini Diatas Kode Tersebut 
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag,nofollow'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>
  • Kalo Sudah Simpan Template
  • Selesai
Demikian Post Tentang  Cara Buat Breadcrumb Seo Di Blog Semoga bermanfaat Bagi Kita Semua 
Wassalamualaikum wr wb. Good Luck

Assalamualaikum -Cara Buat Random Post Dengan Scroll -Malam Sobat .Kali Ini saya Akan Share Tutor Yaitu Cara Buat Random Post Dengan Scroll Widget Ini Penting Sekali Untuk Blog Dan Juga Untuk Menambah info tentang Artikel Di blog Dan Random Post tentu menjadi widget penting untuk membuat pengunjung beralih ke postingan lainnya yang lebih menarik, ya karena menampilkan postingan secara Random "Acak" dari semua isi blog.Random Post hampir sama dengan Recent Post, cuma bedanya adalah pada Random Post, isi nya di acak. sedangkan Recent Post, isi postingan terbaru. langsung saja tanpa panjang lebar, kita simak cara memasang random post di blogger.

 Cara Buat Random Post Dengan Scroll

  • Login ke akun Blogger 
  • Klik Tata Letak
  • Lalu Pilih HTML Javascript
  • Lalu Masukkan Kode Dibawah Ini
<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#3366ff;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:14px;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 20;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>
  • Klik Simpan
NB :

Warna Merah Border nya , Silahkan Di Ganti Sesuka Hati Anda
Warna Biru Jumlah Artikel Nya , Bisa Kamu Ubah

Demikian Post tentang Cara Buat Random Post Berjalan dengan thumbnail Di Blog Semoga Bermanfaat Bagi Kita Semua ,, Wassalamualaikum wr wb ,,
Good Luck . ^_^

Free Download Aug Blaze Dual - Assalamualikum wr wb. Wah enak enak gini mau ngapain ya ??
Mumpung Temen Ane Ada Yang share Di Fb ,, Lalu Gw Share Di Blog ,, Pada Postingan Kali Ini Saya Akan Mengshare Free Download Aug Blaze Dual Tau Gk Point Blank Offline ,, Kalo gk Tau download aja ya disitu ,, Oke Langsung Aja yuk , Cekidot :D..

Credit By :


Allah
Jordi
Rama
Zepetto
Photoshop

Cara Memakai :

(Close dlu semua yg berhubungan dngn PBTS, Server, Client)
1. Download file, extract lalu masukan ke Folder Pack PBTS agan,
2. Ini akan menimpa file Kriss Super V agan, pilih Replace file.
jadi disarankan untuk backup dlu pnya agan, tpi klo gkmau juga gpp.
3. Buka PBTS atau PBOFF agan, pilih server dan buat room,
4. Masuk Inventory, lalu pilih Weapon Kriss Super V yg biasa ya, terserah mau pilih yg Biasa atau D, sama aja.
5. Start Game, maen dah,



Demikian Post Tentang Free Download Aug Blaze Dual semoga Bermanfaat Bagi Kita Semua :)
Wassalamualaikum wr wb.
Good Luck ^_^.
Cara Menampilkan Widget Hanya Di Halaman Tertentu
-Cara Menampilkan Widget Di Halaman Tertentu
Assalamualaikum wr wb. Sobat
Kalian pernah melihat blog yang widgetnya gonta-ganti pada setiap halaman. Kalau pernah blog itu pasti memakai cara ini. Langsung saja kita simak kode-kode untuk menampilkan widget pada halaman yang diinginkan.

Tutorial Ini Yaitu Berfungsi Untuk , Memperhemat Tempat Widget
Ke TEKAPE Yuk ,, ╦



Berikut Kode Untuk Mengatur Menampilkan Widget Di Blog :

1. Menampilkan widget hanya di halaman depan saja (homepage)

<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>

2. Menampilkan di semua halaman kecuali homepage.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>

3. Menampilkan widget hanya di halaman Archive saja.

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if>

4. Menampilkan widget di semua halaman kecuali halaman archive.

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
......................................................
</b:if>

5. Menampilkan widget hanya di halaman posting.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................................................
</b:if>

6. Menampilkan widget di semua halaman, kecuali halaman posting.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
......................................................
</b:if> 

7. Menampilkan widget hanya di postingan tertentu saja.

<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
......................................................
</b:if>

8. Menampilkan widget selain di postingan tertentu.

<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
......................................................
</b:if>

9. Menampilkan widget hanya di halaman staticpages.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>

10. Menampilkan widget di semua halaman, kecuali halaman staticpages.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
......................................................
</b:if>

Catatan : Titik - titik di atas adalah kode widget yang harus di tempatkan.




Berikut Ini Cara Penerapan Kode Tersebut Pada Widget :
Kita ambil salah satu contoh, Misalkan sahabat lihat di blog saya ini ada widget dengan judul Translate pada sidebar dan kita akan membuat widget tersebut hanya tampil pada halaman beranda atau homepage saja, berikut caranya.

1. Silahkan login akun Blogger.com
2. Pilih menu Template dan Pilih Edit/HTML
3. Setelah Itu Centang Expand Template Widget 
4. Untuk menghindari terjadinya kesalahan silahkan Download Lengkap Template 
5. Kemudian cari Translate gunakan Ctrl+f
6. Lalu kita cari dan perhatikan kode widget seperti ini :
<b:widget id='HTML9' locked='false' title='Translate' type='HTML'> <b:includable id='main'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/> </b:includable> </b:widget> 
7. Kode di atas adalah kode widget Translate apabila kita akan menampilkan widget Translate tersebut hanya di beranda atau hompage maka sisipkan kodenya dan akan menjadi seperti ini.
<b:widget id='HTML9' locked='false' title='Translate' type='HTML'> <b:includable id='main'><b:if cond='data:blog.url == data:blog.homepageUrl'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/></b:if> </b:includable> </b:widget>
Keterangan: Kode yang berwarna merah adalah kode yang membuat widget hanya muncul pada homepage di blog, kita bisa lihat pada kode No.1 di atas. Pastikan posisi kode dipasang sesuai dengan tempatnya.
Lagu Terbaru Ini Dapat Anda Download Disini Hanya Untuk Evaluasi/Promosi Dan Review Saja.Dan Mp3 Ini gratis di 4shared - mediafire - sharebeast dan bukan kami simpan di database Blog Ini, melainkan kami temukan di berbagai media di mesin pencarian google.co.id ,Bing, Msn, maupun 4shared Dan Search Engine Lainnya.
Silahkan menggunakan Lagunya Sebagai Nada Sambung Pribadi Di Hp Anda Atau Pun Belilah Kaset/CD Originalnya agar para musisi bersangkutan bisa tetap berkarya dan jangan lupa dukung lagu " Olga Saputra Vs Jessica Iskandar - Eike Begindang" agar bisa masuk tangga lagu radio di kota anda. 


  • Artis : Olga Saputra Vs Jessica Iskandar
  • Judul : Eike Begindang
  • Album : Unknown
  • Genre : Remix
  • Jenis Files : Mpeg 3 Audio
  • Size : 3.44 mb 

Cara Membuat Tombol Demo dan Download ala Kang Ismet

Assalamualaikum wr wb Cara Membuat Tombol Demo With CSS Ala Kang Ismet 
Selamat Malam Sobat ,, Wah Udah Pada Sholat belum ?? , Kalo udah Buka Komputer Kunjungi Blog Ini ya,, Nah Pada Postingan Kali Ini Saya Akan Share tentang Cara Membuat Tombol Demo With CSS Ala Kang Ismet Gimana Keren Gk Tombol Demo Dan Download nya ??.
Menurut Saya Sih Keren Juga ,,:D Nah Pada Ngiler Kan ?? Mau Liat tutorialnya Nah Langsung Aja Kita Ikutin Tutorialnya :D Oke . Yuk
 

Cara Membuat Tombol Demo With CSS Ala Kang Ismet



1. Buka Blogger
2. Klik Template -> Edit HTML

3. Copy kode dibawah ini dan paste diatas kode ]]></b:skin>


/* -- Button Style Kang Ismet-*/
.button{float:left;list-style:none;text-align:center;width: 100%;margin:5px 0;padding:0;font-size:14px;clear:both;}
.button ul {margin:0;padding:0}
.button li{display:inline;margin:0;padding:0}
.demo {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 80px !important; background: #E55E48; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s;letter-spacing:1px; }
.download {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 80px !important; background: #5FAAE3; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s; letter-spacing:1px;}
.demo:hover { background: #454242; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222 }
.download:hover { background: #454242; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222 }

4. Simpan Template
5. Untuk penggunaannya, buat kode seperti ini ketika membuat postingan (gunakan mode HTML)

<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="http://Info-sahabatku.blogspot.com" target="_blank">Demo</a></li>
<li><a class="download" href="Info-sahabatku.blogspot.com" target="_blank">Download</a></li>
</ul>
</div>
<div class="clear"></div>

6. Publikasikan > Selesai

Demikian Post Tentang  Cara Membuat Tombol Demo With CSS Ala Kang Ismet Semoga Bermanfaat Bagi Kita Semua.Wassalamualaikum wr wb
Good Luck
Assalamualaikum Wr Wb ~ Hai Bloger Selamat Sore Kali Ini GifztModder Akan Share Yaitu Cara Buat Label Cloud Keren . Ada Yang Tau Gk Bentuknya Kayak Apa Nie Screenshotnya DIbawah Ini !!!!!


Cara Buat Label Cloud Keren

Tutorial :

1. Login Di Bloger
2. Klik Tata Letak Edit Label,, Dengan Di bawah Ini 


Cara Buat Label Cloud Keren
Simpan

3. Lalu Ke Template Terus Edit HTML
4. Lalu Cari Kode ]]></b:skin>
5. Setelah Ketemu Copy Kode Di Bawah Ini Di Atas Kode ]]></b:skin> 


.label-size{font-size:14px; margin:5px 0 5px 0; float:left; text-decoration:none; padding:5px; border:3px #930000 solid; background:#000;  color:#FFF; box-shadow:1px 1px 5px rgba(1,1,1,.1)} .label-size a{color:#FFF} .label-size a:hover{color:#930000;text-decoration:line-through;} .label-size:hover{background:#000;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transform:scale(1.5) rotate(7deg);-moz-transform:scale(1.5 )rotate(7deg);-webkit-transform:scale(1.5) rotate(7deg)

6. Enjoy
 
Demikian Post Tentang  Modifikasi Label Cloud Keren Semoga Bermanfaat Bagi Kita Semua
wassalamualaikum Wr Wb .
Assalamualikum Wr Wb ~ Hai Bloger Kali Ini Saya Akan Share Tutor Yaitu Cara Merubah Warna Teks Saat Di Blok Tutor Ini ada Manfaat Nya Lho Yaitu Biar Tambah Keren Yuk Kita Bahas Langsung


 Sebelum
Cara Merubah Warna Text Pada Saat Di Block


SS Sesudah
Cara Merubah Warna Text Pada Saat Di Block

Cara Merubah Warna Text Pada Saat Di Block

  • Login Di Bloger
  • Klik Template
  • Edit HTML
  • Lalu Cari Kode ]]></b:skin>
]]>
  • Kemudian Tambah Kode Kode Di Bawah Ini Di Atas Kode Tersebut
/*Blok Style Gifzt Modder /  Blog Mas Rama*/
::selection {background:#000; color: #930000 }
::-moz-selection {background:#000; color: #930000 }
::-webkit-selection {background:#000; color: #930000 }

NB:
Untuk Yang Warna Biru Diatas Ganti Dengan Warna Kesukaan Anda 
  • Simpan Template 
  • Enjoy 
Demikian Post Tentang  Cara Merubah Warna Text Pada Saat Di Block Semoga Bermanfaat Bagi Kita Semua , Wassalamualaikum Wr Wb .
Cara Buat Backlink Please Di Blog


Assalamualaikum Kali Ini Saya Akan Share yaitu Cara Buat backlink please di Blog Funsi Widget Ini Adalah bisa dibilang sangat penting untuk meningkatkan popularitas suatu website/blog atau biasa dikenal dengan pagerank yang jadi sebuah ukuran otoritas dan pentingnya website/blog tersebut terutama oleh mesin pencari seperti Google. Banyaknya jumlah backlink menggambarkan populernya dan pentingnya suatu situs di dunia internet. Semakin besar dan banyak jumlah backlink suatu situs, maka semakin populer dan penting keberadaan maupun konten dari situs tersebut.

1. Login Di Bloger
2. Klik Template
3. Lalu Edit HTML
4. Lalu Cari Kode Dibawah Ini


]]></b:skin>

5. Lalu Diatas Kode Tersebut Masukkan Kode Di Bawah Ini


#KXbacklinks{overflow:hidden;border:4px solid #555;border-radius:5px;height:50px;width: auto;-webkit-transition:all 0.4s ease-in-out;background:#222;padding:10px;-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out}
#KXbacklinks:hover{height:220px;-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;border:4px solid #07079c;}
#KXbacklinksTitle:hover{border:4px solid #00ffff;-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;}
.KXkxl{margin-top:3px;float:left;color:black;width: 517px;border:1px solid #00ffff;background:#fff;-moz-border-radius:3px;transition:all .9s ease-in-out;}
.KXkxl:hover{color:#00ffff;border:1px solid #00ffff;background:#fff;box-shadow:0 0 17px #00ffff;}
#KXbacklinksTitle{border:4px solid #555;border-radius:5px;width: auto;height:40px;text-align:center;font-family: 'Poiret One', cursive;font-size:20px;font-style:normal;font-weight:normal;color: #fff;margin:auto;padding:2px 10px;background:transparent;-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out}

6. Lalu cari Kode <data:post.body/> Kalo Ada 2 Kode Tersebut,,  Isi Yang Kedua

7. Lalu Masukkan Kode Dibawah Ini Sesudah Kode Nomer


<div id='KXbacklinks' style='margin-top:30px;'>
<div id='KXbacklinksTitle'>GifztModder Backlink</div>
<table border='0' class='fsnott' height='150' style='margin-top:5px;' width='260'>
<tr><td>URL<br/><input class='KXkxl' expr:value='data:post.url' onclick='this.focus();this.select();' readonly='readonly' style='width:515px;height:18px;' title='Press CTRL+C to copy' type='text'/></td></tr>
  <tr><td>Code For Forum<br/><input class='KXkxl' expr:value='&quot; [URL=&quot; + data:post.url + &quot;]&quot; + data:post.title + &quot;[/URL] &quot;' onclick='this.focus();this.select();' readonly='readonly' style='width:515px;height:18px;' title='Press CTRL+C to copy' type='text'/></td></tr>
  <tr><td>HTML Code<br/><textarea class='KXkxl' onclick='this.focus();this.select();' readonly='readonly' style='height:18px;width:510px;' title='Press CTRL+C to copy'><a expr:href='data:post.url' target='_blank'><data:post.title/></a></textarea></td></tr>
<tr><td/></tr>
</table>
</div>

Nb : 
Untuk Warna Biru Diatas Itu Nama Backlinknya Bise Ente Rubah rubah

8. Simpan Template 


Good Luck

Demikian Post Tentang Cara Buat Backlink Please Di Blog Semoga Bermanfaat Bagi Kita Semua
Wassalamualaikum wr wb
Hai Bloger Kali Ini Saya Akan Share Yaitu Cara Buat Spiining Image Langsung Aja Yuk ^_^



Langkah" Nya
1. Login ke Blogger
2. Pergi ke Dashboard
3. Pergi ke Template -> Edit HTML
4. Masukan Code Dibawah ini tepat diatas code ]]></b:skin>


/* MMSharingan Berputar Style By Rama (gifzt-modder */ .MMSharingan1 { -moz-animation:spin2Pulse 1s infinite linear; -webkit-animation:spin2Pulse 1s infinite linear;margin-top:-20px; margin-left:400px;position:absolute;z-index:999;height: 200px;line-height: 46px;border-radius:500px;border-left:10px solid black;border-right:10px solid black;width: 200px;; -moz-animation:MMspin 1s infinite linear; -webkit-animation:MMspin 1s infinite linear;animation:MMpin 1s infinite linear} .MMSharingan {margin-top:0px; margin-left:450px;position:absolute;z-index:999;background: url(http://3.bp.blogspot.com/-97mznAeA8Yk/UObRngO8oHI/AAAAAAAAAbg/fTwGLR981G8/s1600/Sharingan+5.png) no-repeat;height: 185px; line-height: 46px;border-left:20px solid black;border-radius:500px;border-right:20px solid black;width: 185px; -moz-animation:MMspin 1s infinite linear; -webkit-animation:MMspin 1s infinite linear;animation:MMspin 1s infinite linear} @-moz-keyframes MMspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} } @-webkit-keyframes MMspin {0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} } @keyframes MMspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }

 Pengertian Code Diatas :
Code margin-top:-20px; margin-left:400px; itu sesuaikan dengan yang kamu mau Marginnya...
Code height: 200px; yaitu Tinggi gambarnya (sesuaikan dengan keinginan tingginya )
Code width: 185px; yaitu Lebar gambarnya (sesuaikan dengan keinginan lebarnya )
Code  http://lh4.googleusercontent.com/-1H0QD0Pto-M/UN6cEsf3xAI/AAAAAAAAAOo/CrvHCdmMmrM/s185/supers.png yaitu code gambar sharingannya..
bisa diganti dengan code gambar sharingan yang lain :)



Kalau code diatas sudah dimasukin, selanjutnya cari code  <div id='header-wrapper'>  kalau sudah ketemu, masukan code dibawah ini, dibawah code <div id='header-wrapper'>

     <div id='MMSharingan1'><div class='MMSharingan'/></div>

5. Simpan

6.  Enjoy

nah ada tambahan nih, untuk code gambar sharingan nya...






 
 
Copyright © 2014 Blog Mas Rama Template Design By | Pathmo