Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts
Posted by Unknown On 11:00 AM

    Cara memasang meta tag yang seo Friendly adalah satu komponen yang harus ada di blog. Sedangkan untuk Meta Tag memang bermacam-macam cara ada Meta Tag tipe klasik,ada juga Meta Tag spind. Kebetulan ada satu teman yang minta kepada saya agar memposting tentang Meta Tag pada dasarnya semua meta tag bagus namun tinggal kita saja yang memilih mana yang terbaik. Dan dikesempatan kali ini saya akan coba menyampaikan Meta Tag yang sering digunakan para blogger. Adapun Meta Tag yang akan bagi ini ada 2 tipe yang pertama meta tag klasik dan yang kedua adalah meta tag spind. Yang pertama Meta Tag Klasik sampai sekarang masih dipergunakan oleh sebagian para blogger dikarenakan meta tag tersebut bisa sangat diandalkan dan itu juga saya terapkan disebagian blog dummy saya. Sedangkan yang kedua meta tag spind yang notabene sekarang lagi ramai dipakai oleh pengguna Blogspot padahal meta tag tersebut juga sudah lama digunakan oleh blogger. Memang untuk membikin agar blog Seo Friendlybermacam-macam cara dan tidak salahnya kita coba dan bagi yang masih ragu coba kalian terapkan saja diblog dummy atau di blog percobaan bikin satu artikel lalu diterbitkan setelah itu kalian ping di Webmaster dan ping dari pihak kedua tunggu beberapa saat lalu kalian cari disearch engine postingan kalian tersebut nangkring diposisi keberapa artikel kalian itu kalau artikel tersebut diposisi paling jauh berarti Meta Tag kita belum maksimal cara kerjanya,tapi dengan satu catatan bahwa artkel kalian itu ASLI BUKAN HASIL COPAZ. Baiklah mari kita pelajari sama-sama tentang META TAG SEO FRIENDLY yang terbagi 2 yaitu meta tag klasik dan meta tag spind.


  • Pertama meta tag klasik itu seperti ini :
<b:if cond='data:blog.pageType == "index"'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/>|<data:blog.title/></title></b:if>

  • Kalau kalian mau dirubah sedikit dengan cara kalian cari code ini <title><data:blog.title/></title> atau kalian cari seperti ini <title><data:blog.pagetitle/></title>
Setelah ketemu kalian ganti code tersebut dengan code meta yang ini :
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'/>
<b:if cond='data:blog.pageType == "index"'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/>|<data:blog.title/></title></b:if>
Lalu kalian save.

  • Nah itu dalah Meta Tag Klasik sekarang untuk meta tag spind bagaimana? Kalau untuk meta tag spind mari sama-sama kita pelajari lagi.
Pertama kalian coba pasang code meta tag ini seperti biasa dibawah <head> adapun code meta tag tersebut seperti ini :
<link expr:href='data:blog.url' rel='canonical'/>
<meta content='MASUKKAN CODE VERIFIKASI PUNYA KALIAN' name='google-site-verification'/>
<meta content='MASUKKAN CODE DARI BING' name='msvalidate.01'/>
<meta content='https://plus.google.com/CODE DARI GOOGLE PLUS PUNYA KAMU ' name='author'/>
<meta content='IE=EmulateIE9' http-equiv='X-UA-Compatible'/>
<meta content='document' name='resource-type'/>
<meta content='no-cache' http-equiv='cache-control'/>
<meta content='no-cache' http-equiv='pragma'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='text/html charset=iso-8859-1' http-equiv='Content-Type'/>
<meta content='document' name='resource-type'/>
<meta content='-5;120' name='geo.position'/>
<meta content='1, 2, 3, 10, 11, 12, 13, ATF' name='serps'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | TULIS JUDUL BLOG KALIAN atau DESCRIPTIONS</title>
</b:if>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta content='text/html; charset=ISO-8859-1' http-equiv='Content-Type'/>
<meta content='http://NAMA BLOG KAMU.blogspot.com' id='e_vb_meta_bburl' name='vb_meta_bburl'/>
<meta content='vBulletin 4.1.10' name='generator'/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'/>
<meta content='blogger' name='generator'/>
<meta content='ISI TERSERAH KALIAN ' name='description'/>
<meta content='ISI SUKA-SUKA KAMU ' name='keywords'/>
<meta content='ISINYA SAMAKAN DENGAN DESCRIPTION ' name='subject'/>
<meta content='ISINYA SAMAKAN DENGAN KEYWORD ' name='abstract'/>
Setelah itu simpan....!!!

Nah jadi kalian sekarang sudah tahukan perbedaan Meta tag klasik dengan Meta tag Spind. semoga bisa berguna dan bermanfaat. 
Posted by Unknown On 4:41 PM


     Mungkin sebagian dari kawan-kawan sudah tidak asing lagi dengan tips cara mencari kode verifikasi google webmaster ini. Tetapi tidak ada salahnya jika pada kesempatan kali ini saya mencoba mempublikasikan kembali cara verifikasi google webmaster.




  • Login/masuk ke Gmail anda, setelah itu klik link ini . Secara otomatis langsung ketemu halaman akun sobat.lihat gambar di bawah ini sobat lebih jelasnya .MANAGE SITE --> posisinya sebelah kanan blog paling ujung.

Manage Site di Google Webmaster


  • Kemudian langkah berikutnya adalah dengan klik tulisan Add or Remove owners, maka akan muncul seperti gambar di bawah ini. Pilihlah Verify using a different method (lihat tanda lingkaran merah)



Verifikasi Kode Google Webmaster



  • Centang (pilih) Add a meta tag to your site's home page (lihat panah merah). Catatan : mungkin posisinya bisa berubah-ubah, sebaiknya ingat tulisan META TAG.


Verifikasi Kode Google Webmaster




  • Copylah Kode Verifikasi Meta Tag seperti kotak merah pada gambar dibawah :


Kode Verifikasi Meta Tag Google




  • Buka Blog Anda Paste-kanlah Script Meta Tag tadi ke Rancangan template blog anda. Letakkan setelah <head> atau sebelum </head> kemudian simpan template anda.


  • Selanjutnya kembali ke Webmaster Tools anda klik Verifikasi. Kemudian muncul seperti gambar di bawah ini. 

Kode Verifikasi Meta Tag Google



Tahap terakhir langsung saja klik continue. Proses pencarian kode verifikasi google webmaster telah selesai.
Posted by Unknown On 3:38 PM
 
    Hai sobat blogger?? kali ini saya akan mengajarkan cara merubah warna dan gambar pada template blog. Silahkan lihat video tutorial di bawah ini:







Posted by Unknown On 3:17 PM
  Cara Memasang Lagu/Musik Di Blog adalah materi yang akan saya berikan kali ini dalam kategori tips blogging, mungkin banyak blogger yang ingin membuat nyaman pengunjungnya dengan cara memasang musik di blognya, hal ini bertujuan agar pengunjung lebih kerasan di blog kita.

  Tapi, anda harus benar-benar tepat dalam memilih lagu yang akan sobat pasang di blog sobat, jangan sampai pengunjung blog sobat malah merasa risih akan adanya lagu yang sobat putar di blog sobat! ok deh, buat sobat-sobat yang ingin tau cara memasang lagu/musik di blog sobat! pastikan sobat mengikuti dengan pasti urutan langkah-langkahnya di bawah ini:

  • Ok, untuk yang pertama kali, sobat harus memilih lagu terlebih dahulu dari sebuah server yang menyimpan file lagu tersebut, sobat dapat mengupload file mp3 ke server sobat sendiri (jika punya hosting) atau sobat dapat menuju ke situs soundcloud.com disana anda dapat mencari lagu sesuai keingan sobat! dengan cara mengetikkan judul dan artis penyanyi di kolom pencarian seperti di bawah ini :



  • Setelah Mengetikkan di kolom pencarian, maka sobat akan mendapatkan hasil pencarian berupa-lagu-lagu yang telah ada di situs soundcloud, seperti di bawah ini :

Tak ada salahnya mengecek lagunya terlebih dahulu sebelum memasang lagu di blog sobat! g lucu kan kalau lagu yang kita pasang ternyata kualitas/judul sama lagunya tidak sesuai! sobat dapat mengeceknya dengan mengklik tombol play yang ada di hasil pencarian.

  • Setelah sobat menemukan lagu yang pas, silahkan sobat ambil script dengan cara klik tombol share :


  • Kemudian silahkan sobat pilih yang widget code, dan silahkan sobat copy code yang ada di dalamnya


  • Setelah sobat mendapatkan kode script di atas, silahkan sobat masuk ke akun blogger yang akan sobat pasang lagu di blognya.
  • Setelah sobat login ke dashboard blog sobat, silahkan sobat masuk ke layout/tata letak, kemudian klik add widget/tambahkan gadget >>kemudian silahkan pilih yang HTML/Java script. kemudian pastekan code script yang telah sobat dari langkah ke empat tadi ke dalam box! kemudian save, dan lihat blog sobat!
  • Pada settingan deffaultnya, musik yang dipasang di blog tidak akan autoplay, jika sobat menginginkan musiknya autoplay, silahkan tambahkan code"&amp;auto_play=true&amp;show_artwork=true" di bagian paling belakng URL file mp3, untuk lebih jelasnya silahkan lihat gambar di bawah ini.

  • kemudian save, dan lihat blog sobat! maka musik yang sobat pasang di blog sobat akan autoplay! selamat mencoba! dan di bawah ini adalah contohnya!

Posted by Unknown On 12:43 PM
   Seperti janji saya pada postingan sebelumnya, saya akan melanjutkan cara memodifikasi menu navigasi horisontal. Saat ini saya memang lagi seneng mengutak-atik template untuk memodifikasi menu horisontal yang ada di blog saya. Tampilan blog yang menarik dan dinamis akan membuat pengunjung lebih betah. Di samping itu kita punya kepuasan sendiri, dari tampilan blog sederhana menjadi tampilan yang kita inginkan. Kali ini saya akan berbagi mengenai cara membuat menu horisontal animasi, silahkan anda menuju kesini untuk melihat contohnya (menu navigasi baris kedua).




Saya tidak akan berpanjang lebar karena sudah ngantuk banget nih, langsung saja perhatikan langkah-langkahnya di bawah ini : 

  • Login ke blogger dengan akun anda 
  • Kemudian pada dasbor klik Rancangan >> Edit HTML 
  • Tambahkan kode CSS berikut diatas tag ]]></b:skin>
.animatedtabs{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}
.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}
.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}
.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLzz0jb5yBQYDCgV_lVQS4MKAMpo0R8f354PuVHf7EAEuS5bAASa3ebn1YFvQZE4RTgnGIT1VrMnCD8RuLGNstzNdNypplyV76wUupN9C54QruT44j0Efr1km57mMVW-hx0JxI9C3i0Cw/s320/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;
}
.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSflyW_4IC_Gu8kpZYTX1bmv7YuVd-dOjdgpsdgNiztcu8ADF6LRAodLygs5WxbuAFXYv8U59V-NpqFFnb29Sl_PSXJJfq-WsBK0lnIstZgqfrKEHjnhF6sbdUI1ujQf0Rypc0EO_7Pt4/s320/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */
.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}
.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}
.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

  • Tambahkan kode HTML berikut diatas atau dibawah <div id='header-wrapper'> atau bisa juga anda tambahkan pada bagian elemen halaman sebagai widget
<div class='animatedtabs'>
<ul>
<li><a href='http://creatingwebsite-maskolis.blogspot.com' title='Home'><span>Home</span></a></li>
<li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/tutorial blog' title='tutorial blog'><span>Tutorial Blog</span></a></li>
<li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/SEO' title='SEO'><span>SEO</span></a></li>
<li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/wordpress' title='wordpress'><span>Wordpress</span></a></li>
<li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/affiliate' title='affiliate'><span>Affiliate</span></a></li>
<li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/hosting' title='hosting'><span>Hosting</span></a></li>
</ul>
</div>
  • Simpan template dan lihat hasilnya.
Itu dulu ya teman, maaf kalau tulisannya ada yang salah karena udah ngantuk banget nih. selamat malam dan semoga mimpi indah

by: http://www.maskolis.com
Posted by Unknown On 12:06 PM
   Jika temen-temen sudah bosan dengan tampilan blog Anda di Blogger dan merasa tidak puas dengan pilihan template yang disediakan Blogger, temen-temen bisa menggunakan desain template buatan pihak ketiga yang tersedia secara gratis. Bagi para pengguna blogger, template mempunyai peran yang sangat penting. Karena bagus atau tidaknya suatu blog selain dinilai dari kontennya juga dilihat dari tampilannya. Jika tampilannya unik dan menarik maka pengunjung akan merasakan keseriusan pemilik blog dalam menyajikan kontennya dan akan senang untuk berkunjung kembali.



   Berikut saya cantumkan 10 sumber penyedia template blogger yang cukup berkualitas. Semoga anda bisa menemukan template idaman anda disana. Silahkan klik pada masing-masing gambar untuk mengunjungi websitenya.
1. eBlog Templates





2. B-Template




3. Our Blog Templates




4. Blog Crowds



5. Jisele Jaguenod



6. Final Sense



7. Blogger Styles



8. Zoom Template



9. Blogger Templates



10. BieTemplates



Daftar situs tersebut akan terus diperbaharui karena masih banyak lagi situs penyedia layanan template gratis di internet. Silahkan anda coba!.
Posted by Unknown On 11:42 AM


Spada semuanya hehehe. Nih saya dapet cara memasang emoticon keren di blog kita langsung saja yuk ke TKP jeng jeng :

Masuk ke halaman editor HTML


  • Salin kode di bawah ini, kemudian letakkan tepat sebelum/di atas kode </head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> <script src="https://ivyth.googlecode.com/svn/js/emoticon.min.js" type="text/javascript"></script>
Pengumuman: Karena manipulasi ini menggunakan jQuery maka setidaknya ditemplate anda harus ada jQuery library [line-1]. Jika sudah ada jQuery library di template anda maka code pada line-1 jangan dicopy.


  • Kemudian Salin kode di bawah ini, kemudian letakkan tepat sebelum/di atas kode </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <script type='text/javascript'> //<![CDATA[ jQuery(document).ready(function () {emoticonx({ emoRange:"#comments p, div.emoWrap", putEmoAbove:"iframe#comment-editor", topText:"Klik untuk melihat code!", emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon." }) }); //]]> </script> </b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <script type='text/javascript'> //<![CDATA[ jQuery(document).ready(function () {emoticonx({ emoRange:"#comments p, div.emoWrap", putEmoAbove:"iframe#comment-editor", topText:"Klik untuk melihat code!", emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon." }) }); //]]> </script> </b:if>

Jika sudah selesai, klik Simpan Template dan lihat hasilnya

Ingat sebelum memasang/melakukan pengeditan pada template sebaiknya dibackup terlebih dahulu.

Source: By http://mkr-site.blogspot.com
Posted by Unknown On 11:08 AM
Hai kawan-kawan??? hari ini kita akan membahas bagaimana cara membuat slideshow untuk Blog. Langsung saja ke TKP:




  1. Silahkan download Filenya di sini
  2. kemudian install
  3. jalankan programnya


4. Jika anda sudah membuat slideshownya kemudian publish menggunakan embed to flash


5. Kemudian upload file.swf  nya ke www.swfcabin.com
6. Jika link upload sudah keluar contoh: http://www.swfcabin.com/open/1371314620 ganti menjadi seperti  ini: http://www.swfcabin.com/swf-files/1371314620.swf
7. untuk memasangnya di blog, hanya masuk ke Tata letak > add gadget > HTML/JavaScript
8. Masukan script di bawah ini
<embed src="http://www.swfcabin.com/swf-files/1371314620.swf anda" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="center" height="60" width="468"></embed>
9. Klik save
Tambahkan