29 Desember 2013

Cara Membuat Pengaturan Pesan Untuk Berkomentar

Gambar Membuat Pengaturan Pesan Untuk Berkomentar
Cara Membuat Pengaturan Pesan Untuk Berkomentar -
Selamat malam sahabat blogger semua, di pertemuan sebelumnya telah saya sampaikan beberapa tips tentang Memberi Komentar Secara Baik Dan Benar Di Blog, nah...!!! di pertemuan kali ini saya ingin share sedikit tentang bagaimana Cara Membuat Pengaturan Pesan Untuk Berkomentar Di Blog, Seperti yang sama-sama kita ketahui bahwa manfaat adanya kolom komentar sebagai wahana tempat kita berdiskusi, bertukar pendapat dan mengkritik tulisan yang kita baca agar nantinya dapat mengoptimalkan kemajuan blog itu sendiri.

Saat berkunjung di suatu blog terkadang kita merasa terkesan karena tulisan dalam blog tersebut dapat memberikan manfaat bagi kita, sehingga memaksa untuk memberikan tanggapan atas tulisan tersebut dengan berkomentar, sekalipun itu hanya ucapan nice post, terimakasih atas infonya dan banyak lagi,tetapi tak jarang juga kolom komentar sebagian banyak orang menjadikannya sebagai tempat promosi iklan, bertukar link yang sedikit banyaknya membuat kita pemilik blog merasa risih akan hal itu.
Padahal tanpa itu semua kita bisa mendapat manfaat dengan adanya kolom komentar seperti Mencari Backlink Melalui Kolom Komentar, oleh karena fungsi dan manfaatnya yang begitu relevan, perlu kita tambahkan sedikit kalimat untuk nantinya dapat dipahami oleh pembaca sebelum mereka menyampaikan pendapat dengan berkomentar.

Berikut Tips Cara Membuat Pengaturan Pesan Untuk Berkomentar
>> Log in ke akun Blogger
>> Pilih Template - EDIT TEMPLATE
>> Cari Kode <a name='comment-form'/> atau <h3>Poskan Komentar</h3>
>> Copy kode berikut lalu Paste dibawah kode tadi
<br/><div style='text-align: left;padding:3px;box-shadow:6px 6px 6px rgb(191,89,75);border:1px solid red;'>Terima kasih karena telah memilih Blog <b><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></b> sebagai wahana untuk berbagi<br/>Silahkan Tinggalkan <b>PESAN</b> dan <b>KESAN</b> sahabat setelah membaca Artikel ini &gt;&gt;<br/><b>1.</b> <blink style='background-color:yellow'><b>LINK AKTIF</b></blink> akan <b>TERHAPUS</b> otomatis<br/><b>2.</b> Mari berbagi, berdiskusi dengan berkomentar yang efektif dan membangun<br/><b>3.</b> Berkomentar hari ini, maka hari itu juga saya akan berkunjung ke Blog sahabat<br/><br/><div class='author' style='text-align: right;font-size:10px;font-weight:bold;color:red'>By. <data:post.author/></div></div>

>> Selanjutnya Copy kode berikut dibawah kode <div class='comments-content'> atau bisa juga di atas kode <b:if cond='data:post.embedCommentForm'>
<br/><div style='text-align: left;padding:3px;box-shadow:6px 6px 6px rgb(191,89,75); border:1px solid red;'>Terima kasih karena telah memilih Blog <b><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></b> sebagai wahana untuk berbagi<br/>Silahkan Tinggalkan <b>PESAN</b> dan <b>KESAN</b> sahabat setelah membaca Artikel ini &gt;&gt;<br/><b>1.</b> <blink style='background-color:yellow'><b>LINK AKTIF</b></blink> akan <b>TERHAPUS</b> otomatis<br/><b>2.</b> Mari berbagi, berdiskusi dengan berkomentar yang efektif dan membangun<br/><b>3.</b> Berkomentar hari ini, maka hari itu juga saya akan berkunjung ke Blog sahabat<br/><br/><div class='author' style='text-align: right;font-size:10px;font-weight:bold;color:red'>By. <data:post.author/></div></div>

>> Simpan Template dan Lihat hasilnya, jika berhasil maka akan terlihat seperti kalimat yang ada diatas kolom komentar artikel ini. SELAMAT MENCOBA

Tips - Jika anda ingin mempromosikan iklan dengan berkomentar, terlebih bila komentar di blog tersebut di moderasi, maka komentar anda akan terlebih dahulu dihapus sebelum dimunculkan, sia-sia bukan..!! mau promosi, promosikan iklan anda di Cara Terdahsyat Mempromosikan Iklan Atau Artikel Gratis.
Demikian yang dapat saya sampaikan, semoga Cara Membuat Pengaturan Pesan Untuk Berkomentar ini dapat memberikan pemahaman buat sahabat lain sebelum berkomentar. dan saya ucapkan Terimakasih.
di 15 komentar:

28 Desember 2013

Cara Membuat Border Judul Artikel Blog

Gambar Membuat Border Judul Artikel Blog
Cara Membuat Border Judul Artikel Blog - Sebagaimana suatu blog tempat kita menuangkan semua inspirasi dalam tulisan, Berbagi informasi serta sekedar tempat menyalurkan hobby dengan menyajikan konten tulisan yang berkualitas untuk menggambarkan atas apa yang anda alami dengan maksud agar seseorang dapat mendengar, merasakan, dan memberi pendapat tentang semua tulisan anda yang telah anda rangkum menjadi satu kalimat yaitu Judul Artikel Blog.

Judul Artikel Pada Blog merupakan rangkuman keseluruhan isi tulisan, karena seberapa panjang tulisan yang anda buat semua itu akan sia-sia jika tidak diberi judul. karena seseorang yang membaca tulisan anda akan mengenang atau terkesan dengan judul tulisan. Singkatnya seseorang akan lebih menghafal judul tulisan anda ketimbang isi tulisan anda.

Seperti Judul Artikel ini tentang Cara Membuat Border Judul Artikel Blog, cara ini hanya untuk memberi hiasan sehingga Judul Artikel Blog lebih terlihat menarik dimata Pengunjung, jika di Artikel sebelumnya saya telah membahas Cara Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan. Berikut Tips sederhana dari saya tentang Cara Membuat Border Judul Artikel Blog :

Kode -
border: 1px solid red;border-bottom: 5px solid red

Hasilnya -
Cara Membuat Border Judul Artikel Blog

Kode -
border: 1px solid blue;border-bottom: 5px solid blue;box-shadow: 5px 5px 5px

Hasilnya -
Cara Membuat Border Judul Artikel Blog

Kode -
border: 3px double cyan;box-shadow: inset 10px 10px 10px rgb(455, 35, 86)

Hasilnya -
Cara Membuat Border Judul Artikel Blog

Kode -
border: 5px double #999; box-shadow: 5px 5px 5px rgb(89, 125, 191); background-color: magenta

Hasilnya -
Cara Membuat Border Judul Artikel Blog

Kode -
box-shadow: 5px 5px 5px rgb(189, 191, 191);text-shadow:1px 0px 1px red, 0px 0px 1px blue

Hasilnya -
Cara Membuat Border Judul Artikel Blog

Bagi anda yang tertarik ingin Membuat Judul Artikel Blog terlihat beda, silahkan anda mencobanya dan lagi-lagi saya mengucapkan terimakasih karena telah membaca tulisan saya dengan judul Cara Membuat Border Judul Artikel Blog.
Artikel berikutnya Cara Memasang Widget Auto Ping Untuk Artikel Blog

Ingin Berkomentar..? Scroll kebawah..
Animated Pictures Comments Pictures
di 9 komentar:

Mengetahui Cara Kerja Google Merayapi Situs

Gambar Google Merayapi Situs
Mengetahui Cara Kerja Google Merayapi Situs - Sebelum memutuskan untuk membuat suatu Situs atau Web/Blog, sebaiknya anda telah mengkaji web/blog anda akan dimuat dengan konten-konten apa nantinya yang akan anda sajikan kepada pengunjung/visitor blog anda, sebelumnya baca tentang Membuat Konsep Artikel Blog Optimasi SEO.
Berikut tips sederhana tentang Cara Google Mengindeks/Merayapi Situs.

Mungkin saat ini anda sedang browsing di depan komputer dan melakukan penelusuran Google, ingin mencari sesuatu dengan mengetikkan sepenggal kata, dan kata inilah yang disebuat KATA KUNCI, maka google akan menampilkan daftar hasil KATA KUNCI yang berkaitan dari keseluruhan web.
Bagaimana Google menemukan laman web yang cocok dengan kueri/Kata Kunci Anda dan menampilkan hasilnya di penelusuran?

Jawabannya sederhana, anggap saja anda sedang mencari satu judul dalam buku yang sangat tebal, dan anda tahu dihalaman berapa kata tersebut bisa anda temukan. Begitupun Google, Google memeriksa semua laman untuk menentukan lokasi yang akurat dan langsung merayapi sehingga menampilkan laman tersebut di penelusuran dengan hasil yang paling relevan untuk disajikan kepada anda, singkatnya seberapa kuat kandungan KATA KUNCI pada situs anda, maka kata kunci anda dapat tampil diurutan TOP 10 Google Penelusuran.

Mengetahui Cara Kerja Google Merayapi Situs dengan Tiga proses kunci dan mengirimkannya untuk ditampilkan di hasil penelusuran Google :
Gambar Google Indeks Situs

1. Merayapi - Cara Google mengetahui Situs

Merayapi adalah proses yang dilakukan Googlebot untuk menemukan laman baru atau laman yang telah diperbaharui  untuk ditambahkan ke Google indeks.

Seperti yang anda ketahui ada Miliaran laman di web, Googlebot menggunakan proses algoritme suatu program komputer untuk menentukan situs mana yang dirayapi, seberapa sering, dan berapa banyak laman yang diambil dari tiap situs. nah...!! Program inilah yang disebut Googlebot (juga dikenal sebagai robot, bot, atau spider).

Proses perayapan Google dimulai dengan daftar URL laman web yang berasal dari hasil proses perayapan, terlebih dengan adanya data Peta Situs yang disediakan oleh webmaster. Saat mengunjungi sebuah situs, Googlebot mendeteksi tautan pada tiap laman dan menambahkannya ke dalam daftar laman untuk dirayapi. Termasuk Situs baru, Situs yang telah diperbaharui, dan tautan mati yang dicatat dan digunakan untuk memperbarui Google indeks.

2. Mengindeks - Cara Google mengindeks Situs

Googlebot merayapi tiap laman untuk diindeks dan menyusun sejumlah besar hasil indeks dari semua kata yang ditemukan dan lokasinya pada setiap laman. Sebagai tambahan, Google akan lebih memproses informasi yang ada di dalam tag isi kata kunci dan atribut, seperti tag Judul dengan atribut ALT.
Jadi lengkapi situs anda dengan Title Tag, Meta Tag dengan Atribut ALT

3. Menyajikan - Cara Google Menampilkan Situs

Saat pengguna memasukkan kueri/kata kunci, Googlebot menelusuri indeks untuk mencari laman yang cocok dan menampilkan hasil yang paling relevan bagi pengguna. Relevansi ditentukan oleh lebih dari 200 faktor, salah satunya adalah PageRank untuk laman yang ditentukan. PageRank adalah ukuran pentingnya sebuah laman berdasarkan tautan yang datang dari laman lainnya. Singkatnya, setiap tautan ke sebuah laman di dalam situs Anda dari situs lain menambah PeringkatLaman situs Anda. Google berusaha keras meningkatkan pengalaman pengguna dengan mengidentifikasi tautan spam dan praktik lainnya yang berakibat negatif pada hasil penelusuran. Tipe tautan terbaik adalah tautan yang diberikan berdasarkan kualitas isi konten Artikel anda

Agar situs Anda mendapatkan peringkat yang baik dalam laman hasil penelusuran Google, penting untuk memastikan bahwa Google dapat merayapi dan mengindeks situs Anda dengan benar. Agar konten artikel dapat bersaing baca Tips Menulis Artikel Blog Berkualitas SEO.

Itu sebabnya kenapa suatu situs yang telah berumur selalu menduduki peringkat 10 di hasil Google Penelusuran, Terlebih karena situs tersebut telah memahami kata kunci dan salah satu faktornya adalah PageRank, karena Google akan menampilkan kata kunci yang diprediksi yang dapat menghemat waktu sipengguna. Jika peringkat situs baik untuk sebuah kata kunci, itu karena Google telah menentukan bahwa kontennya lebih relevan bagi kueri pengguna sesuai algoritme Google.

Demikian Informasi SEO tentang Mengetahui Cara Kerja Google Merayapi Situs, semoga informasi ini dapat memberikan manfaat untuk Optimasi situs web/blog anda.
Jika anda suka dengan artikel diatas, bantu saya dengan membagikan artikel ini lewat tombol SHARE dibawah, saya tunggu pendapat anda dikolom komentar
Terimakasih.
di 9 komentar:

25 Desember 2013

Cara Mudah Membuat Tombol Share Di Blog

Gambar Tombol Share
Cara Mudah Membuat Tombol Share Di Blog - sebenarnya banyak variasi yang dapat kita pasang di blog, dari yang keren, super keren hingga kita bisa Membuat Tombol Share Di Blog dengan warna-warni agar terkesan menarik dimata pengunjung.
Dengan adanya Widget Tombol Share yang Menarik di blog seakan memberi pesan kepada Visitor Blog agar dengan mudah melakukan Share/Berbagi atas apa yang telah mereka baca di artikel blog anda. Namun jika anda tidak memasang tombol share sekalipun sebenarnya blogger telah menyediakan widget tombol share di setiap template default blogger. Hanya saja banyak diantara pengguna blogger kurang menyukai tampilan widget tombol share default blogger karena tidak valid HTML5, sehingga mereka melakukan modifikasi widget tombol share tersebut hingga terlihat menarik dengan paduan warna-warni.

Untuk Cara Mudah Membuat Tombol Share Menarik Di Bawah Postingan Blog kita hanya menggunakan kode CSS, disini saya akan sedikit berbagi Kode CSS widget Tombol Share dipertemuan kita kali ini.

Artikel terkait -

Berikut Tutorial Cara Mudah Membuat Tombol Share Di Blog
  1. Login ke Akun Blogger Sobat
  2. Pilih menu TEMPLATE lalu klik Edit-Template
  3. Silahkan Copy CSS berikut dan Paste ke-Template sobat tepat di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='bookmark'>
<style>
.bookmark{margin-top:5px;border:5px double red;border-right:1px solid red;border-left:1px solid red;background:#9fc5ed;box-shadow: 0 2px 5px 2px #ddd;}
.bookmark h4{color:#666;border-bottom:1px double red;padding:0;margin-bottom:10px;padding-left:10px;}
.bookmark img{}
.book{float:left;margin:0 8px 0 0;padding:1px;border:1px solid #eee;background:#ffffff;}
  .booklast{float:left;margin:0;padding:1px;border:1px solid #eee;background:#ffffff;}
</style>
<h4>If You Like This Post, Share it With Your Friends</h4>
<div align='center'>
<span class='st_facebook_large' displayText='Facebook'/>
<span class='st_twitter_large' displayText='Tweet'/>
<span class='st_linkedin_large' displayText='LinkedIn'/>
<span class='st_digg_large' displayText='Digg'/>
<span class='st_stumbleupon_large' displayText='StumbleUpon'/>
<span class='st_reddit_large' displayText='Reddit'/>
<span class='st_tumblr_large' displayText='Tumblr'/>
<span class='st_email_large' displayText='Email'/>
<span class='st_dzone_large' displayText='DZone'/>
<span class='st_netlog_large' displayText='Netlog'/>
<span class='st_google_large' displayText='Google'/>
<span class='st_identi_large' displayText='identi.ca'/>
<div style='clear:both;'/></div></div>
</b:if>

Keterangan- Silahkan ganti kata yang berwarna merah sesuai dengan selera anda.
Selanjutnya Copy CSS Berikut dan Paste ke-Template Sobat sebelum kode </head>

<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({onhover:false , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>


Jangan lupa langsung di Save Templatenya, dan lihat hasilnya.

Semoga apa yang saya sampaikan diartikel tentang Cara Mudah Membuat Tombol Share Di Blog ini dapat memberikan manfaat, dan tunggu artikel menarik lainnya di pertemuan kita lain waktu. Terimakasih

- Happy Blogging -
Diperbaharui pada Wednesday April 16, 2014
di 71 komentar:

24 Desember 2013

Cara Membuat Tombol Back To Top Efek Scroll

Gambar Membuat Tombol Back To Top Efek Scroll
Cara Membuat Tombol Back To Top efek Scroll - Tombol Back To Top yang biasanya berupa gambar panah menuju keatas yang terletak dibawah blog merupakan salah satu widget yang dapat membantu pengunjung untuk lebih mudah kembali keatas halaman page. Dengan Membuat Tombol Back To Top (Kembali Ke Atas) sangat membantu untuk bergerak cepat kembali pada artikel yang diatas, sehingga kita tidak perlu lagi menggunakan fungsi scroll mouse untuk melihat halaman yang telah terlewat.
Nah..!! jika saat ini anda berada pada halaman komentar dan ingin melihat atau membaca ulang artikel yang anda kunjungi, cukup KLIK Tombol Back To Top, maka anda akan diarahkan kehalaman Title Judul Blog atau Header.
Akan tetapi kalau artikel blog  cukup pendek mungkin Tombol Back To Top (Kembali Ke Atas)ini sedikit tidak berlaku, namun jika terkadang artikel blog  kita cukup panjang tentu Tombol Back To Top sangat dapat membantu.

Sebelumnya diartikel SAHABAT BLOGGER 77 telah kita share Tips Mudah Membuat Tombol Share Di Blog, Berikut Cara Membuat Tombol Back To Top Efek Scroll
  1. Log in to akun Blogger
  2. Tata letak >>> tambahkan Gadget
  3. Copy kode berikut lalu Paste pada HTML/JavaScript
Kode script I - Cara Membuat Tombol Back To Top Efek Scroll Lembut
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOX868Vuqujubb6A2FxOisK4Osvy3xn4w-rKQbnu-o-_WeiB-TK72h0uDHRly-Ghg7_RxQZ8X2hl7qQVUDtjDNTPeCX3h8Pku6UbJgGRiUmVui5MlOXCbtcwOjPG3tomYocL0moDd3IBk/s1600/TO-TOP.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>

Kode script II - Cara Membuat Tombol Back To Top Efek Scroll Cepat
<br /><script type="text/javascript">
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Modified by www.MyBloggerTricks.com
* Republish by http://sahabatblogger77.blogspot.com
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
var scrolltotop={
   //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
   //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
   setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
   controlHTML: '<img src="http://i1198.photobucket.com/albums/aa452/Lutfi14/back-to-top.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
   controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
   anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
   state: {isvisible:false, shouldvisible:false},
   scrollup:function(){
       if (!this.cssfixedsupport) //if control is positioned using JavaScript
           this.$control.css({opacity:0}) //hide control immediately after clicking it
       var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
       if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
           dest=jQuery('#'+dest).offset().top
       else
           dest=0
       this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
   },
   keepfixed:function(){
       var $window=jQuery(window)
       var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
       var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
       this.$control.css({left:controlx+'px', top:controly+'px'})
   },
   togglecontrol:function(){
       var scrolltop=jQuery(window).scrollTop()
       if (!this.cssfixedsupport)
           this.keepfixed()
       this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
       if (this.state.shouldvisible && !this.state.isvisible){
           this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
           this.state.isvisible=true
       }
       else if (this.state.shouldvisible==false && this.state.isvisible){
           this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
           this.state.isvisible=false
       }
   },

   init:function(){
       jQuery(document).ready(function($){
           var mainobj=scrolltotop
           var iebrws=document.all
           mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
           mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
           mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
               .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
               .attr({title:'Back to Top'})
               .click(function(){mainobj.scrollup(); return false})
               .appendTo('body')
           if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
               mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
           mainobj.togglecontrol()
           $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
               mainobj.scrollup()
               return false
           })
           $(window).bind('scroll resize', function(e){
               mainobj.togglecontrol()
           })
       })
   }
}
scrolltotop.init()
</script>

Keterangan - Silahkan sesuaikan gambar Tombol Back To Top dengan selera anda, ganti kode yang berwarna MERAH dengan Url gambar berikut :
Gambar Widget Tombol Back To Top
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEZsIZNZpeNdr9gmBwemQMu1jXICTR9xdOOLpCUKv9VikUkh_lYKoI2Z2Y3x4x8ftk2uUc4PJvZSAzfJbZ7R2lyJl_XbCs3Rpgc9IfhTovrj_bcX1cNjQShMSGt8I7Lpusp5k1eFjFfkQx/s1600/back+to+top10.gif

Gambar Widget Tombol Back To Top
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0VXW5kgELYHabl_Aggnm6MurXzAUirTOR7OR63qpC-r_6P1RjoQ7JuZjz95wlOB6c3INJh4QnAvqlxMu9ly_WHFL2cXHYN4RBRFXkZolv5C52yINFtZrzQg4g2nGNXJox6JaT9KzcXSuU/s1600/back+to+top14.png

Gambar Widget Tombol Back To Top
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFtBM4Yce6OSz8MX9bE006nbjF8jbQjrtQiDv38YJ0hUJJrc9_4_KbXXYeTUozFOyeJI7O575lOGiuBZWEiDRH9ZaXCbp3BZhawwGFLhTCAjMo5g5nxw2DVdkC061ZgltxToreKU3BI_8T/s1600/back+to+top15.png

Gambar Widget Tombol Back To Top
http://i1198.photobucket.com/albums/aa452/Lutfi14/back-to-top.png

Title : Cara Membuat Tombol Back To Top efek scroll
Next Title : Cara Melihat Jumlah Visitor Online Di Blog

= SELAMAT MENCOBA =
di 51 komentar:

22 Desember 2013

Menghapus Link Dengan Mengaktifkan Deteksi Komentar Spam

Gambar Menghapus Link Dengan Mengaktifkan Deteksi Komentar Spam
Cara Menghapus Link Dengan Mengaktifkan Deteksi Komentar Spam - Kolom komentar pada blog memang banyak manfaatnya, selain sebagai sarana interaksi antara sipemilik blog dengan si pengunjung, di kolom komentar banyak juga diantara sahabat blogger yang memanfaatkannya sebagai sarana promosi iklan atau content artikel blog dengan menggunakan link aktif pada komentarnya, bahkan ada yang secara sengaja hanya ingin mendapat BACKLINK dengan mengganti pesan komentarnya dengan alamat link aktif.
Bagaimana cara berkomentar menggunakan link aktif.? Baca Cara Merubah Pesan Komentar Menggunakan Link Aktif.
Baca juga Cara Mengirim Pesan Komentar Menggunakan OpenID

Berkomentar menggunakan LINK AKTIF sangat tidak disukai oleh GOOGLE, karena memaksa googlebot mengindeks blog lain yang bersumber dari blog anda, jika hal ini tidak kita cegah bisa-bisa GOOGLE akan mengabaikan blog anda, Jika anda tidak setuju dengan komentar-komentar spam, terlebih komentar tersebut menggunakan link aktif yang mungkin membuat blog anda sebagai lahan promosi oleh orang lain, Berikut Cara Menghapus Link Dengan Mengaktifkan Deteksi Komentar Spam

Cara Mematikan atau Menghapus Link Aktif Pada Komentar Blog
- Login ke akun blog sobat
- Pilih template >> Edit HTML
- Cari kode ]]></b:skin> (tekan Ctrl+F untuk mempermudah pencarian kode)
- Copy kode CSS berikut dan Paste di atas kode ]]></b:skin>
/*----Deteksi Komentar Spam Start----*/
#comments p a {display: none !important; }
/*----Deteksi Komentar Spam End----*/

- Simpan template

Keterangan - Kode diatas mendeteksi komentar spam sehingga memblokir link aktif /hidup yang pakai kode “a” , misalnya <a href='http://sahabatblogger77.blogspot.com'> Cara Menghapus Link Dengan Mengaktifkan Deteksi Komentar Spam </a> . Jadi dengan kode diatas semua komentar yang pakai kode <a akan dihapus otomatis. Akan tetapi cara ini tidak direkomendasikan, karena masih terbaca di browser, otomatis masih terbaca sebagai link oleh Mesin Pencari GOOGLE.

Cara Menghapus Link Dengan Mengaktifkan Deteksi Komentar Spam dengan beberapa kode script CSS :

1. Menghapus link aktif ( remove )
Paste kode CSS dibawah ini dibawah ]]></b:skin> , bisa juga diatas </head> atau <body> ,
<! -- Hapus link aktif otomatis dalam komentar start -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function() {
$('#comments p').find('a').remove(); });
</script>
<! -- Hapus link aktif otomatis dalam komentar end -->

2. Merubah Link Aktif dengan KATA PERINGATAN
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function(){ jQuery("#comments p").find("a").replaceWith("<span> MAAF ! komentar anda TERHAPUS ( LINK AKTIF ) tidak di izinkan</span>"); }); </script>

3. Linknya atau tulisannya tetap muncul, Cuma link aktifnya hilang (unwrap)
<! -- Hilangkan link aktif start -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js' type='text/javascript'/> <script type='text/javascript'>
//<![CDATA[
$(function() {
$('#comments p').find('a').contents().unwrap();
});
//]]>
</script>
<! -- Hilangkan link aktif  End -->

4. Mengalihkan link aktif ke Url yang kita tentukan
LINK AKTIF tetap muncul tetapi akan mengarah ke alamat Link yang kita tentukan
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function(){ jQuery("#comments p a").attr("href", "http://sahabatblogger77.blogspot.com/"); }); </script>

Keterangan!!!
Kode yang warna BIRU silahkan pilih sendiri misalnya ke Link Url Blog atau Postingan anda.
Setiap Template berbeda-beda jika dalam template anda sudah ada script jQuery , sebaiknya yang warna MERAH jangan dicopy lagi karena fungsinya sama.
Kode CSS script JQuey tersebut untuk mematikan link aktif dalam komentar, tapi hanya berfungsi pada setting komentar Embedded atau Tersemat . Kalau pada setting komentar Popup Window atau Jendela Munculan tidak bisa dipakai karena tautan / link aktif untuk memunculkan windownya yaitu pada tulisan Post a comment juga ikut mati.

Update - Jika anda mengalami kegagalan untuk menyimpan kode CSS diatas, itu berarti kode diatas tidak cocok dengan template anda, coba gunakan kode CSS script berikut :
Gambar Link Aktif Pada Komentar Blog
Paste kode CSS berikut di atas kode penutup </body>
Hasilnya akan terlihat seperti gambar diatas.
<script type='text/javascript'>
//<![CDATA[
function blockLinks(parentID, children) {
    var parent = document.getElementById(parentID),
        content = parent.getElementsByTagName(children);
    for (var i = 0; i < content.length; i++) {
        if (content[i].innerHTML.indexOf('</a>') !== -1) {
            content[i].innerHTML = "<b><mark>LINK AKTIF</mark></b> akan <b>TERHAPUS</b> otomatis, silahkan berkomentar ulang Terima Kasih!";
            content[i].className = "spammer-detected";
        }
    }
}
blockLinks('comment-holder', 'p');
//]]>
</script>

Demikian Cara Menghapus Link Dengan Mengaktifkan Deteksi Komentar Spam berikut,semoga dapat bermanfaat dan visitor yang suka spam komentar akan berpikir dua kali menanam Link Aktif Di Komentar Blog anda. Terimakasih
di 20 komentar:

20 Desember 2013

Cara Memasang Widget Auto Ping Untuk Artikel Blog

Gambar Widget Auto Ping
Cara Memasang Widget Auto Ping Untuk Artikel Blog - Seperti judul artikel  di atas, keuntungan melakukan Auto Ping (Ping Otomatis) untuk artikel blog  bertujuan untuk mempermudah goolebot merayapi semua content halaman yang ada di web/blog.
Setelah Menulis Artikel Blog Berkualitas SEO, langkah selanjutnya bagaimana agar artikel dengan cepat terindex bukan? Dalam hal ini kita perlu Mendaftarkan Artikel Blog Agar Terindex Google, Atau anda juga bisa Memasang Widget Auto Ping Untuk Artikel Blog.
Melakukan Auto Ping di  setiap Artikel dapat mempermudah kita memanggil robot search engine dengan memasang widget PING OTOMATIS, maka web/blog secara otomatis akan memberitahu googlebot bahwasanya ada artikel baru yang harus di indeks setiap kali anda mempublikasikan artikel blog, cara ini juga merupakan Trik master SEO untuk optimasi Blog, agar Blog/Website kita lebih dapat bersaing dan meraih peringkat teratas di search angine.

Auto Ping - Merupakan layanan Pemanggil/Memberitahu mesin pencari, blog dan direktori RSS bahwa blog Anda baru saja diperbarui atau dibuat. Dengan Auto Ping Artikel Blog lebih cepat Terindeks di mesin pencari GOOGLE, Dapat meningkatkan visibilitas blog dan lebih banyak lalu lintas. Dan hanya membutuhkan waktu kurang dari 30 detik untuk melakukan hal ini dengan alat ping blog otomatis kita yang benar-benar gratis dan mudah. Bekerja untuk semua jenis blog atau situs.

Berikut Tutorial Cara Memasang Widget atau Melakukan Auto Ping Untuk Artikel Blog sebagai berikut :

Contoh kode CSS Auto Ping to SAHABAT BLOGGER 77
<!-- auto ping by http://www.auto-ping.com/ -->
<a href="http://www.auto-ping.com/pinger" target="_blank"><img src="http://www.auto-ping.com/iping.php?aut=EF604E06F6B668920487F89D5739455201155A64B952D33C03781B8DD4AB7FC7F33C7AA257D35CBBB2" alt="Ping your blog, website, or RSS feed for Free" /></a>
<!-- auto ping by http://www.auto-ping.com/-->
  1. Daftarkan URL blog anda terlebih dahulu untuk mendapatkan kode CSS di http://autoPing.com
  2. Selanjutnya Copy kode yang diberikan lalu Paste pada TEMPLATE web/blog anda yang kosong
  3. Anda juga bisa memasang widget Auto Ping pada sidebar blog anda (pilih gadget HTML/JavaScript) lalu pastekan kode CSS yang anda copy tadi dari situs Auto Ping
Setelah semua langkah-langkah diatas telah dilakukan Jangan lupa klik "Simpan Setelan" buka salah satu artikel anda dan lihat hasilnya, Jika berhasil maka pada kolom
Your Website Title: Akan tertulis judul artikel blog anda
Your Website URL: Alamat permanen link

sebagai CONTOH anda boleh lihat dengan klik Widget banner auto ping dibawah ini
Gambar Widget Banner Auto Ping

Update: Jika Anda ingin melakukan Auto Ping atau Ping Otomatis pada artikel/postingan baru anda, silahkan buka terlebih dahulu artikel/postingan Anda lalu klik widget Auto Ping. maka secara otomatis artikel blog anda akan tersimpan di DATABASE GOOGLE.

Demikian yang dapat saya sampaikan, semoga Cara Memasang Widget Auto Ping Untuk Artikel Blog ini dapat membantu optimasi blog anda dan jika anda mengalami kesulitan silahkan tanyakan dikolom komentar.
Terpopuler: Tips Mudah Membuat Tombol Share Di Blog
di 9 komentar:

18 Desember 2013

Cara Merubah Pesan Komentar Menggunakan Link Aktif

Gambar Komentar Menggunakan Link Aktif
Cara Merubah Pesan Komentar Menggunakan Link Aktif - Selain widget kolom iklan yang di sediakan pemilik Blog dengan adanya Kolom komentar di blog tentunya bisa kita manfaatkan untuk menyebar luaskan atau memperkenalkan beberapa artikel blog anda melalui jasa kolom komentar kepada si pemilik blog serta pengunjung lain yang juga berkomentar di blog yang sama. Dengan Merubah Pesan Komentar Menggunakan Link aktif saat anda berkomentar, maka dengan mudah si pemilik blog atau pengunjung lain menuju alamat yang anda buat dengan meng-klik pesan komentar yang anda sampaikan.

Jika sebelumnya anda telah membaca Cara Mengirim Pesan Komentar Menggunakan OpenID, mungkin cara ini layak anda coba untuk lebih memperkenalkan blog anda kepada pengunjung dengan Cara Membuat Link Aktif Di Komentar Blog yang tentunya Merubah Pesan Komentar anda Menggunakan Link.
Untuk anda yang selalu rajin berkunjung di blog lain dengan meninggalkan komentar baca juga Cara Cepat Mendapatkan Backlink Berkualitas dari kolom komentar.

Berikut Tutorial Cara Membuat atau Merubah Pesan Komentar Menggunakan Link Aktif dengan kode script seperti gambar berikut :
Gambar Kolom Komentar Dengan Link Aktif

1. LINK UNTUK HOME BLOG
<b><a href="http://sahabatblogger77.blogspot.com">SAHABAT BLOGGER 77</a></b>

hasilnya-
SAHABAT BLOGGER 77

2. LINK UNTUK ARTIKEL BLOG
<b><a href="http://sahabatblogger77.blogspot.com/2013/12/cara-merubah-pesan-komentar-menggunakan-link-aktif.html">Cara Merubah Pesan Komentar Menggunakan Link Aktif</a></b>

hasilnya-
Cara Merubah Pesan Komentar Menggunakan Link Aktif

3. LINK UNTUK IKLAN ANDA
<a href="http://didianto.com/go/person.php?pid=indri77">URL gambar iklan anda</a>

hasilnya-
Gambar Cara Mendaftar Iklan Gratis


Keterangan-
  1. Ganti kode script berwarna MERAH dengan alamat URL yang anda inginkan
  2. BIRU adalah pesan yang akan tampil pada komentar, silahkan sesuaikan dengan kata-kata yang anda inginkan
  3. Demikian yang dapat saya sampaikan dan saya mengucapakan terimakasih karena telah memilih blog saya untuk anda kunjungi dengan Title Cara Merubah Pesan Komentar Menggunakan Link Aktif
  4. Selanjutnya Baca Cara Menghapus Link Dengan Mengaktifkan Deteksi Komentar Spam
  5. Terima Kasih
di 12 komentar:

16 Desember 2013

Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan

Marquee Effect Pictures
Cara Membuat Tulisan Berjalan dan Bergerak Pada Blog, Cara Membuat Kalimat Bergerak dan Berkedip Pada Artikel, Cara Membuat Alamat Link Berjalan dan Bergerak Di Blog
Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan menggunakan efek marquee- Mungkin banyak diantara sahabat blogger yang telah dulu mengenal dan memahami apa itu marquee ?, berhubung saya masih pemula di dunia blogging dan juga baru mengenal kata MARQUEE gak ada salahnya saya share beberapa model efek marquee di artikel kali ini, ya... hitung-hitung memperbanyak koleksi perkenalan kode marquee ke sahabat lain gitu..!! hehe..

Ok..! dech tanpa basa-basi lagi langsung aja kita meluncur ke topik Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan - yang kita kenal sebagai marquee itu menggunakan perkodean CSS HTML, cara membuatnya pun terbilang mudah, cukup menuliskan kode <marquee> di awal teks, dan akhiri dengan kode penutup </marquee> di akhir teks seperti ini:



<< MACAM >><< MACAM >>
EFEK TEKS DENGAN MARQUEE


Berikut beberapa model MARQUEE yang dapat Anda gunakan untuk Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan:

1. Marquee Tanpa Atribut
Silahkan tinggal di copy aja kode html dibawah ini

<marquee>TEKS INI AKAN BERJALAN</marquee>

Hasilnya :
TEKS INI AKAN BERJALAN


2. Marquee Dengan Atribut
Scrollamount = Kecepatan kalimat, semakin besar angka maka kalimat berjalan cepat
Direction = Pengaturan gaya arah kalimat berjalan
Bgcolor = Pengaturan warna kalimat atau Teks berjalan
Behavior = Pengaturan gaya kalimat bejalan
Scrolldelay = Pengaturan gaya kalimat yang ditentukan dengan detik/mil

Silahkan tinggal di copy aja kode html dibawah ini

<marquee scrollamount="100">TEKS INI AKAN BERJALAN</marquee>
<marquee direction="left" scrollamount="10">TEKS INI AKAN BERJALAN</marquee>
<marquee behavior="alternate" scrollamount="15">TEKS INI AKAN BERJALAN</marquee>
<marquee direction="right" scrollamount="10">TEKS INI AKAN BERJALAN</marquee>
<marquee direction="right" scrollamount="100">TEKS INI AKAN BERJALAN</marquee>
<marquee bgcolor="red">TEKS INI AKAN BERJALAN</marquee>

Hasilnya :
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN


3. Marquee Dengan Penggabungan Beberapa Atribut
Silahkan tinggal di copy aja kode html dibawah ini

<marquee loop="5">KALIMAT INI AKAN BERJALAN</marquee>
<marquee direction="right" style="background-color: green;" width="125">KALIMAT INI AKAN BERJALAN</marquee><marquee direction="left" style="background-color: blue;" width="125">KALIMAT INI AKAN BERJALAN</marquee>
<marquee style="font-style: italic;">KALIMAT MIRING AKAN BERJALAN</marquee>

Hasilnya :
KALIMAT INI AKAN BERJALAN 5X SETELAHNYA AKAN HILANG
KALIMAT INI AKAN BERJALANKALIMAT INI AKAN BERJALAN
KALIMAT MIRING AKAN BERJALAN


4. Marquee Dengan Penggabungan Atribut Sesuai Perintah Mouse
Atribut berikut dapat Anda tambahkan untuk memanggil perintah pointer mouse. Singkatnya, efek teks akan berhenti saat panah mouse Anda melintasi/berada pada teks, dan sebaliknya teks akan kembali berjalan saat pointer mouse di lepas.

Silahkan tinggal di copy aja kode html dibawah ini

<marquee onmouseout="this.start()" onmouseover="this.stop()">KALIMAT INI AKAN BERJALAN</marquee>
<marquee direction="up" height="30" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="200">KALIMAT INI AKAN BERJALAN</marquee>
<marquee direction="down" height="30" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="200">KALIMAT INI AKAN BERJALAN</marquee>

Hasilnya :
KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN


5. Marquee Dengan Perpaduan Atribut Style
Silahkan tinggal di copy aja kode html dibawah ini

<marquee direction="right" scrollamount="225" width="200">KALIMAT INI AKAN BERKEDIP</marquee>
<marquee scrollamount="200" width="180">KALIMAT INI AKAN BERKEDIP</marquee>
<marquee onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3">Kembali ke Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan</marquee>

Hasilnya :
KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN
Kembali ke Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan


Beberapa kode pada artikel ini, sudah saya benarkan atau saya perbaharui agar memudahkan Anda dalam menerapkan efek ini pada tulisan blog Anda, sebagai referensi panduan buat sahabat semua pecinta SAHABAT BLOGGER 77, berikut beberapa desain terbaru untuk membuat tampilan efek pada teks atau tulisan. Semoga tutorial ini dapat memberikan Anda inspirasi, untuk berbagi hal-hal menarik lainnya di sini. Terimakasih


DESAIN EFEK TERBARU PADA TEKS/TULISAN (Modifikasi)
➟ Membuat Efek CSS Animasi Pada Tulisan
➟ Menciptakan Efek Pelangi Pada Text
➟ Membuat Efek Tulisan Dengan CSS Text Shadow



Di benarkan dan telah di perbaharui pada:
July 26, 2014 Oleh - Devy Indriyani
di 92 komentar:

14 Desember 2013

Cara Mengganti Judul Artikel Dengan Permanen Link

Smart link image
Cara Membuat Permanen Link Pada Blog - sebenarnya secara default saat kita menulis artikel blog baru, kita bisa lihat di sebelah kanan tab tulisan ada menu opsi setelan entri "Tautan Permanen" Permanen Link (Permalink) secara otomatis akan muncul sesuai dengan entri Judul Artikel yang anda buat, seperti artikel ini dengan Permanen Link-
http://sahabatblogger77.blogspot.com/2013/12/cara-mengganti-judul-artikel-dengan-permanen-link.html. Hanya saja Permanen Link tersebut tidak terlihat pada artikel saat kita publikasikan tulisan.

Permalink-Permanen Link merupakan alamat situs URL atau Link Permanen artikel atau postingan di blog yang dapat dibuka di mesin telusur seperti Google, Yahoo, dan Bing.
Agar memudahkan Google membaca permalink tersebut, kita perlu Menambahkan Permanen Link Otomatis dan SEO Friendly Pada Plog. sehingga kita tidak kerepotan lagi mengubahnya secara manual. Dengan Cara Mengganti Judul Artikel Dengan Permanen Link, maka secara otomatis Permanen link akan terpasang saat anda publikasikan artikel. Disini akan saya share beberapa model Permanen Link (Permalink) atau Smart Link sebagai berikut :

MODEL PERTAMA
Cara Mengganti Judul Artikel Dengan Permanen Link sebagai berikut:
➝ Ke Tata Letak
➝ Pilih Template - Edit Template
➝ Gunakan CTRL+F untuk memudahkan pencarian kode
➝ Copy kode berikut lalu Paste diatas atau sebelum kode ]]></b:skin>

/*about profile blogger widget desain
url: http://sahabatblogger77.blogspot.com/
author: devy indriyani*/
#about-profile {
  width:auto;
  background:#f2f2f2;
  border:2px solid #000000;
  margin:0 auto;
  display:block;
  font-family:"julee";
  color:#000;}

#about-profile .info-text {padding:5px;}
#about-profile h4 {
  background:#FF0000;
  border:none;
  border-bottom:2px solid #39f;
  color:#fff;
  font-family:"julee";
  text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
  padding:5px 10px;
  display:block;}

#about-profile h4 a {color:#000000;}
#about-profile img {
  background:pink;
  width:90px;
  height:100px;
  border:1px solid #080;
  margin:3px 20px 0 0;
  float:left;
  padding:2px;
  box-shadow:5px 5px 5px rgb(0,0,0,.5);
  -moz-box-shadow:5px 5px 5px rgb(0,0,0,.5);
  -webkit-box-shadow:5px 5px 5px rgb(0,0,0,.5);}


➝ Lalu cari kode <data:post.body/>
➝ Kemudian letakkan kode berikut dibawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='about-profile'>
        <h4>Diposting Oleh : <b><data:post.author/></b></h4>
            <div class='info-text'>
<img alt='About Profile Image' src='URL-Gambar Anda.jpg'/>
Anda sedang membaca artikel tentang - <b><a expr:href='data:post.url'><data:post.title/></a></b>
Jika ingin mengcopy paste atau menyebar-luaskan artikel ini, jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya >> <textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea><p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://sahabatblogger77.blogspot.com/' target='_blank'>SB-77 Desain</a></span></p>
<div style='clear:both;'/>
            </div>
    </div>
</b:if>
Dan hasilnya akan seperti ini:


DEMO SHOW




MODEL KEDUA
Cara Mengganti Judul Artikel Dengan Permanen Linksebagai berikut:
➝ Ke Tata Letak
➝ Pilih Template - Edit Template
➝ Gunakan CTRL+F untuk memudahkan pencarian kode
➝ Temukan kode ini <data:post.body/>, Taruh kode ini dibawahnya:

ELEMEN KODE
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div style='background: #a8f884; margin-bottom: 10px;margin-top: 30px;border: 2px ridge red;border-right: 8px double red;border-left: 8px double red; font-size: 11px; padding: 15px'><span style='font-size: 17px;'><div style='color: blue'><b>TERIMA KASIH ATAS KUNJUNGAN SAUDARA</b></div></span><br/>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>
 Title= <b><span itemprop='itemreviewed'><data:post.title/></span></b><br/>
  Pengarang= <b><span itemprop='reviewer'><data:post.author/></span></b><br/>
Rating Blog <span itemprop='rating'>1</span> dari 5
</div>
    <span style='text-align: jusfity;'>Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke &gt;&gt; <div style='color: red'><b><div style='font-family: Arial;font-size: 13px;'><a expr:href='data:post.url'><data:post.url/></a></div></b></div><div style='text-align: center;'><div style='color: red'><b>= TERIMA KASIH =</b></div></div></span></div></b:if>
      <div style='clear: both;'/>

Hasilnya akan terlihat seperti tombol DEMO SHOW dibawah ini:



DEMO SHOW



Mari berbagi Cara Mengganti Judul Artikel Dengan Permanen Link ini dengan meng-klik tombol share Google+.
See you and happy Week end guys...!!!


Diperbaharui - (Desain Ulang)
Oleh: Devy Indriyani at "09 Agustus 2014"
di 32 komentar:

13 Desember 2013

Cara Mengirim Pesan Komentar Menggunakan OpenID

OpenID Comment
Banyak hal yang tentunya bisa kita dapatkan dengan berkomentar di blog lain menggunakan OpenID, sama halnya mencari dan mendapatkan ribuan Backlink Berkualitas dengan Cara Mengirim Pesan Komentar Menggunakan OpenID. Setelah sebelumnya kita sudah membahas tentang Mencari Backlink Melalui Kolom Komentar selanjutnya mendapatkan backlink tersebut dengan berkomentar menggunakan Profil OpenID.

Berkomentar dengan OpenID - hanya bisa kita terapkan jika halaman atau web/blog yang akan kita beri komentar tentunya menyediakan profil OpenID dalam Kolom Komentarnya. Berkomentar dengan cara menggunakan OpenID biasanya bertujuan agar sipemilik blog dengan mudah melakukan kunjungan balik dengan meng-klik nama sipemberi komentar sehingga secara otomatis langsung diarahkan ke alamat URL sipemberi komentar, selain itu berkomentar dengan profil openID dapat menambah backlink keblog, akan tetapi jika sipemilik blog tidak menyediakan Profil OpenID dalam komentarnya, maka Pesan Komentar OpenID blog anda tidak akan bisa digunakan.

OpenID merupakan desentralisasi yang sifatnya standart dan terbuka bagi pengguna/USER sehingga dapat mengontrol akses masuk ke berbagai layanan hanya dengan satu Identitas Digital (ID). OpenID menggantikan saat kita hendak mengakses sebuah layanan yang meminta nama pengguna (userName) dan kata sandi (Password) saat proses login.
Jika ingin menigkatkan traffik blog dan banyak mendapat backlink, silahkan gunakan OpenID blog anda untuk berkomentar di blog ini.Berikut langkah-langkah Cara Mengirim Pesan Komentar Menggunakan OpenID

Gambar Kolom Komentar Dengan Profil OpenID

1. Temukan dan ketahui OpenID anda

Sebelum anda menggunakan OpenID anda untuk berkomentar, terlebih dahulu baiknya anda Membuat OpenID Blog anda dengan setingan sebagai berikut -
>> Pada dasbor blog pilih menu SETTING >> Lainnya dan lihat OpenID anda ada disana, silahkan anda coba berkomentar menggunakan alamat tersebut.

2. Cara Verifikasi OpenID

Terkadang saat kita telah menggunakan OpenID dalam berkomentar, muncul tulisan berwarna merah "Your Openid Credentials Could Not Be Verified" itu berarti OpenID anda belum diverifikasi kepemilikannya. Agar OpenID anda aktif dan dapat digunakan silahkan Copy kode berikut lalu Paste keblog anda tepat dibawah atau setelah kode <head>

<link href='http://draft.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://sahabatblogger77.blogspot.com/' rel='openid.delegate'/>

>> Hapus tulisan yang berwarna biru dan gantikan dengan alamat OpenID anda.
>> Simpan Template - dan tunggu beberapa saat, OpenID anda siap digunakan.
>> Jika cara ini masih gagal coba alternatif berikut :
  1. Hapus kode <link href='http://sahabatblogger77.blogspot.com/' rel='openid.delegate'/>
  2. Gantikan dengan kode <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
Sampai tahap ini OpenID blog anda telah selai di buat. silahkan anda mencobanya dengan berkomentar di blog ini dengan openID anda. Demikian Cara Mengirim Pesan Komentar Menggunakan OpenID dari saya, Jika ingin berburu backlink selanjutnya baca Cara Cepat Mendapatkan Backlink Berkualitas

Terimakasih and Happy blogging
di 25 komentar:

Daftar menu Artikel Blog - SAHABAT BLOGGER 77


SAHABAT BLOGGER 77
Please wait...



Posting & Komentar
di