Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Template Blogger Johny SEO dan Cepat

Add Comment
Template Blogger Johny SEO dan Cepat  - Pagi ini saya sudah rajin-rajin berkunjung ke blog teman seperti biasanya, yaitu blog-nya maskolis sang pencipta template yang akrab dengan pengunjung-pengunjungnya, beruntung sekali saya menemukan template SEO dan cepat yang baru kemarin di terbitkan oleh maskolis, template ini sudah saya terapkan di blog saya yang satu lagi Tuliskan.COM. Seperti namanya, template ini memang di desain berbasis pada kecepatan dan keringanan blog, namun juga tidak meninggalkan unsur kecantikan tampilan blog. Bagi anda yang berminat, silahkan dilihat demo atau pre-viewnya dan bisa didownload secara gratis di bawah ini.

Template Blogger Johny SEO dan Cepat
                              Demo | Download
                            
                          Template Instructions

Demikian informasi tentang Template Blogger Johny SEO dan Cepat, semoga bermanfaat, dan selamat mencoba.

via creating website maskolis

Cara Membuat Judul Postingan Bisa Diklik

Add Comment
Cara Membuat Judul Postingan Bisa Diklik













Cara Membuat Judul Postingan Bisa Diklik - Mungkin bagi kita yang mempunyai blog ataupun website, biasanya hal yang pertama kali kita perhatikan dengan antusias adalah penampilan dan desain blog. Hal itu dipengaruhi berbagai macam komponen dalam blog itu sendiri, mulai itu dari widget-widget yang dipasang, sampai dengan template yang diterapkan, faktor itu semua pastinya akan ikut serta dalam menentukan image blog kita dimata para pengunjung. Oleh karena itu sebagian blogger berpendapat bahwasanya tidak cukup bagi kita hanya membuat tampilan blog yang menarik, namun kita juga harus berkreasi dengan hasil karya kita sendiri (artikel orisinil) dan melakukan berbagai macam perbaikan optimasi blog guna memperbaiki rating pencarian di search engine.

Kali ini, saya akan coba membahas tentang cara agar judul postingan bisa diklik, atau kata lainya adalah judul postingan yang mengandung tautan ke halaman artikel tersebut, menurut sebagian webmaster, hal ini cukup berpengaruh dalam memperbaiki dan mengoptimasi kekuatan SEO kita, itu artinya blog kita akan mudah untuk ditemukan oleh banyak orang di dunia maya, karena mesin pencari adalah salah satu faktor pendukung utama dalam mendatangkan pengunjung, yang membutuhkan informasi di dunia maya. Bagi anda yang berminat, silahkan disimak yang berikut ini.

1. Login Ke Blogger.

2. Pilih Template.

Cara Membuat Judul Postingan Bisa Diklik








3. Pilih Edit HTML.

Cara Membuat Judul Postingan Bisa Diklik

















4. Contreng 'Expand Template Widget'.

Cara Membuat Judul Postingan Bisa Diklik











5. Lalu cari kode script di bawah ini (menggunakan CTRL+F / F3).
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
Atau
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>

6. Lalu ganti dengan kode script di bawah ini.
<h2 class='post-title entry-title'><b:if cond='data:post.link'><a expr:href='data:post.link'><data:post.title/></a><b:else/><b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if></b:if></h2>

7. Klik "Save", dan selesai.

 Demikian tutorial blog tentang Cara Membuat Judul Postingan Bisa Diklik, semoga bermanfaat, dan selamat mencoba.

Via Blog Kang Ismet

Cara Memasang Like Box FB Fan Page di Blog

Add Comment
Cara Memasang Like Box FB Fan Page di Blog
Cara Memasang Like Box FB Fan Page di Blog - Pastinya diantara kita semua sudah memiliki akun Facebook masing-masing kan? tentunya, karena memang Facebook sudah menjadi media social yang sangat populer di internet, hampir seluruh pengguna internet di dunia mengenal Facebook, jadi tidak bisa dipungkiri lagi bahwasanya Facebook adalah sarana terbaik untuk ber-promosi, selain itu di Facebook kita juga bisa membuat yang namanya Fan Page, semacam halaman forum bagi kita yang menyukai suatu organisasi, contohnya seperti Fan Page farhan share diatas ini, kita bisa berbagi pengalaman dan tanya jawab di dalam fan page tersebut.

Bila kita ingin membuat suatu Fan Page untuk blog kita, ada baiknya setelah dibuat kita tampilkan widget like button maupun like box seperti diatas di blog kita, agar pengunjung blog kita dapat mengetahui alamat-alamat sharing antar sesama pengunjung (forum) blog kita di berbagai macam sosial media. Bagi anda yang berminat, silahkan disimak yang berikut ini.


2. Silahkan isi form yang disediakan dengan kriteria widget yang anda inginkan, setelah itu klik 'get code'.

Cara Memasang Like Box FB Fan Page di Blog















3. Pilih opsi 'iframe' pada menu pilihan 'get code'.

Cara Memasang Like Box FB Fan Page di Blog







4. Lalu copy code script yang disediakan di opsi 'iframe'.

Cara Memasang Like Box FB Fan Page di Blog






Sekarang kita tinggal memasang kode Fanpage FB tersebut di blog.

1. Login ke Blogger.

2. Pilih Tata Letak.

3. Pilih Add Gadget.

4. Pilih HTML/JavaScript.

Cara Memasang Like Box FB Fan Page di Blog






5. Lalu pastekan code script yang tadi di opsi 'iframe' kedalam box konten 'HTML/JavaScript'.

6. Klik 'Save' dan selesai.

Demikian informasi tentang Cara Memasang Like Box FB Fan Page di Blog, semoga bermanfaat dan selamat mencoba.

Mengenal Fitur Mentions In Blogger dengan Google+

Add Comment
Mengenal Fitur Mentions In Blogger dengan Google+ - Sobat blogger, ternyata baru-baru ini Google+ kembali bekerjasama dengan rekan satu divisinya yakni blogspot untuk meng-integrasikan akun dalam artikel, hal ini tidak bukan diciptakan untuk memudahkan para blogger untuk merefrensikan seseorang yang diyakininya berguna untuk kepentingan para pembaca, tapi sebelum kita mengenal lebih jauh tentang fitur ini ada beberapa hal yang harus kita perhatikan terlebih dahulu. Karena bahwasanya untuk menggunakan fitur ini anda harus meng-update profil blogger ke profil Google+ anda terlebih dahulu di blogspot.

Fitur Mentions In Blogger ini dapat kita pergunakan dengan mudah, hanya dengan menambahkan kode '+' atau '@' pada postingan dengan opsi 'compose' bukan 'HTML', nanti secara otomatis setiap huruf yang kita ketikan didepan huruf + atau @ tersebut akan menampilkan hasil pencarian berbeda-beda, mulai dari orang-orang yang berada di lingkaran G+ kita sampai orang-orang populer di dunia.

Dengan begitu, kini blogspot mempunyai lebih banyak fitur-fitur menarik, dan patut untuk dicoba. Bisa dilihat pada gambar di bawah ini, setiap kita menulsikan huruf didepan @ atau + akan muncul hasil pencarian akun G+. 

Mengenal Fitur Mentions In Blogger dengan Google+















Demikian informasi tentang Mengenal Fitur Mentions In Blogger dengan Google+, semoga bermanfaat dan selamat mencoba.

Membuat Iklan/Banner Melayang di Kanan dan Kiri Blog

Add Comment
Membuat Iklan/Banner Melayang di Kanan dan Kiri BlogTULISKAN.com - Para blogger, pastinya anda sudah tahu banner bukan? banner adalah sejenis gambar yang di pasang pada blog, bisa digunakan sebagai media iklan, media promosi, maupun media informasi. Namun terkadang, blog kita memiliki tata ruang yang terbatas untuk menyimpan banner, oleh karena itu kita biasanya hanya memasang beberapa banner, sekarang saya akan mencoba memberikan solusi agar kita dapat memaksimalkan kegunaan dan monetize blog, yakni dengan cara membuat banner melayang di sisi blog, agar tidak memakan space di sidebar ataupun tata letak lain blog kita.

Selain itu, Iklan banner seperti ini juga sangat membantu anda dalam advertising, karena iklan yang muncul akan selalu ikut kebawah dan keatas halaman setiap kali di scroll, jadi pengunjung bisa selalu melihat iklan tersebut, dari situ kita harapkan hasil klik-an iklanya pun juga akan bagus, dan menambah keuntungan monetize kita para blogger. 

Ide postingan ini saya dapatkan dari salah seorang sahabat blogger yang meminta membuatkan tutorial ini, ia ingin beberapa bulan kedepan monetize keuangan blog-nya bisa maksimal dan meningkat, dan pada kesempatan kali ini saya akan coba untuk menjawabnya. Ternyata caranya juga mudah kok sob, tinggal ikuti langkah-langkah di bawah ini, silahkan disimak.

Cara Membuat Banner Melayang di Kanan atau Kiri Blog

1. Login Ke Blogger.

2. Pilih Tata Letak.

Cara Membuat Banner Melayang di Kanan atau Kiri Blog







3. Pilih Tambah Gadget.

4. Pilih 'HTML/JavaScript'.

Cara Membuat Banner Melayang di Kanan atau Kiri Blog






5. Lalu letakkan kode di bawah ini ke dalam kotak konten 'HTML/JavaScript', setelah itu klik 'save'.

<script type='text/javascript'>
    $(document).ready(function() {
    $('img#closed').click(function(){
    $('#btm_banner').hide(90);
    });
    });
    </script>
    <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
    </script><script type="text/javascript">
    if (window.jstiming) window.jstiming.load.tick('headEnd');
    </script>
    <!--start: floating ads-->
    <div id="teaser2" style="width:auto; height:auto; text-align:left; display:scroll;position:fixed; top:20px;left:10px;">
    <!--Mulai-->
<a href='URL-Tujuan' title='Judul Iklan'><img src='URL-Gambar/banner'/></a>
    <!--Akhir-->
    </div>
    <!--end: floating ads-->
    <!--start: floating ads-->
    <div id="teaser3" style="width:auto; height:auto; text-align:right; display:scroll;position:fixed; top:20px;right:0px;">

    <!--Mulai-->
<a href='URL-Tujuan' title='Judul Iklan'><img src='URL-Gambar/banner'/></a>
    <!--Akhir-->
    </div>
    <!--end: floating ads-->

Keterangan:
  • Ganti kode yang berwarna merah dengan kode script banner anda
  • 20 = Jarak Iklan Pop-right dari sisi atas layar
  • 0 = Jarak Iklan Pop-right dari sisi kanan layar
  • 20 = Jarak Iklan Pop-left dari sisi atas layar
  • 20 = Jarak Iklan Pop-left dari sisi kiri layar

6. Selesai.

Demikian tutorial blog tentang Cara Membuat Banner Melayang di Kanan atau Kiri Blog, semoga bermanfaat, dan selamat mencoba.