50 Most Wanted Modifikasi Tema Mystique, Hacks - Versi 2.4.3

Di sini, di artikel ini kita sudah berbagi 50 cara yang berbeda untuk memodifikasi tema Mystique WordPress. Menyesuaikan tema Mystique menggunakan panduan ini.

A+ A-

Memperbarui:

Tutorial ini ditulis untuk tema Mystique WordPress hingga 2.4.3 dan sejak versi 3.0 kode tema telah berubah banyak bahwa tutorial ini tidak lagi bekerja. Untuk modifikasi baru, hacks membaca artikel ini, Cara mengubah Mystique 3.0+ Theme WordPress .

Mystique adalah tema WordPress gratis yang mencoba ke atas template komersial dalam hal desain dan fungsionalitas. Dalam artikel kami sebelumnya, kami menunjukkan cara bagi pengguna untuk menambahkan ikon sosial untuk Mystique Nav bar . Pada artikel ini, kami akan berbagi dengan Anda cara dengan mana Anda dapat memodifikasi berbagai bidang dalam tema Mystique. Menyesuaikan setiap bagian dari tema Mystique WordPress menggunakan panduan ini.

Jika Anda tidak suka untuk mengedit kode, kemudian men-download Diubah Mystique Theme - MystiqueRevised .

Pengguna CSS Code:

Catatan: Tambahkan kode berikut ke, Under Penampilan -> Pengaturan Mystique -> CSS Pengguna.

1. Sesuaikan Posisi Site Title / Site Logo

/*** LOGO/Site_Title and Navbar***/
#site-title {padding:35px 0 10px 0;}

Mana 35px adalah ruang di atas judul situs dan 10px adalah ruang bawah judul situs atau logo situs.

2. Sesuaikan Halaman Lebar

Untuk beberapa alasan Anda ingin mengubah default 960 (Grid System) lebar halaman dengan lebar kustom kemudian melakukan langkah-langkah berikut: Pertama Under Penampilan -> Pengaturan Mystique -> Desain -> pilih Fluid (100%) / opsi Custom kemudian tambahkan kode di berikut pengguna CSS.

/* Page Width */
body.fluid .page-content{
 max-width: 1060px;
}

Perubahan nilai 1060 sesuai dan jika Anda ingin mengubah ukuran sidebar kemudian Desain -> Gunakan kolom ukuran pilihan.

3. Set Custom Unggulan Pos Lebar dan Tinggi

Jika Anda menyesuaikan lebar halaman selain 960 (Grid System) maka Anda harus menyesuaikan pos lebar fitur. Anda juga dapat menyesuaikan posting ketinggian fitur menggunakan potongan kode berikut. Perubahan nilai 174, 1060 sesuai.

/* Custom featured page width and height*/
#featured-content .slide-container, #featured-content ul.slides li.slide{ height:174px;
width:1060px;
}

4. Hide Tagline dari Homepage

Jika Anda ingin menyembunyikan tagline dari situs tetapi harus dipajang di halaman browser dan sebagainya.

/* Hide tag line from homepage */
#header .headline{ display: none; !important}

5. Ganti Site Title Color

/* Change Site title color */
#site-title #logo a{
color:#FFFFFF;
}

warna default adalah Putih. Mengubah nilai FFFFFF jika Anda ingin warna lain.

6. Ganti Site Tag Line Color

/* Change Site tag line color */
#site-title p.headline{
color:#C2DC15;
}

warna default adalah Green. Mengubah nilai C2DC15 jika Anda ingin warna lain.

Change Site Title Tag Line Color

7. Ubah Hover Color of Blog Judul

/* The hover colour of blog title */
#site-title #logo a:hover{color:#ed1e24;}

warna default adalah Red. Mengubah nilai ed1e24 jika Anda ingin warna lain.

8. Bergabunglah Navigasi Bar dengan Content Main

Join Navigation Bar with Main Content

/* Join navigation with main content */
.header-wrapper .shadow-right{padding-bottom:0;}

9. Hitam Style Navigasi

/* Black navigation */
ul.navigation{background-position:left -464px;background-color:#000;}

ul.navigation li{background-position:right bottom;}

ul.navigation li a{text-shadow:none;color:#b3b3b3;}

ul.navigation li.active a, ul.navigation li.current_page_item a,ul.navigation li.current_page_parent a,ul.navigation li.current_page_ancestor a, ul.navigation li.current-cat a,ul.navigation li.current-cat-parent a,ul.navigation li.current-cat-ancestor a{background-position:left -164px;color:#fff;}

ul.navigation li a:hover,ul.navigation li:hover a,ul.navigation li a.fadeThis span.hover{background-color:rgba(255,255,255,0.1);}

ul.navigation li:hover li a{background-color:transparent;}

ul.navigation li li a:hover,ul.navigation li li a.fadeThis span.hover{background-color:#ed1e24 !important;}

ul.navigation li.active a span.pointer, ul.navigation li.current_page_item a span.pointer,ul.navigation li.current_page_parent a span.pointer,ul.navigation li.current_page_ancestor a span.pointer, ul.navigation li.current-cat a span.pointer,ul.navigation li.current-cat-parent a span.pointer,ul.navigation li.current-cat-ancestor a span.pointer
{background-position:center bottom;}

ul.navigation ul{background-color:rgba(0,0,0,0.66);border-color:#000;}

ul.navigation li.active ul, ul.navigation li.current_page_item ul,ul.navigation li.current_page_parent ul,ul.navigation li.current_page_ancestor ul, ul.navigation li.current-cat ul,ul.navigation li.current-cat-parent ul,ul.navigation li.current-cat-ancestor ul
{background-color:#656565;border-color:#656565;}

ul.navigation ul ul{border-top:1px solid rgba(255,255,255,0.5);}

Warna kustom untuk Navigation Bar

Custom Colors for the Navigation Bar

/* Custom colors for the navigation bar */
ul.navigation li a:hover,ul.navigation li:hover a{background-color:#fc0;}
ul.navigation li.active a:hover, ul#navigation li.active:hover a{ background-color:#a6c61c;}

ul.navigation li.active a span.pointer, ul.navigation li.current_page_item a span.pointer, ul.navigation li.current_page_parent a span.pointer, ul.navigation li.current_page_ancestor a span.pointer{ display: none; }

ul.navigation li a.fadeThis span.hover{ background-color: #fc0; }

ul.navigation li.active a, ul.navigation li.current_page_item a, ul.navigation li.current_page_parent a, ul.navigation li.current_page_ancestor a{ background:#a6c61c; color:#fff; text-shadow:rgba(0,0,0,0.5) 1px 1px 1px; }

ul.navigation{ background:#c4db63 url(/ges/nav.png) repeat-x left top; }
ul.navigation li a{ text-shadow:rgba(0,0,0,0.5) 1px 1px 1px; color: #fff; }<strong></strong>

10. Penurunan Ukuran Site Judul Teks

Untuk mengurangi ukuran penggunaan teks situs judul kode berikut. Menyesuaikan nilai 300 sesuai.

/* Decrease site title text size */
#site-title #logo{font-size:300%;}

11. Perubahan Ukuran Header

Change Size of Header

/* Change font size of header */
h1.title{font-weight: bold;font-size: 180%;margin:0 0 .2em 0;padding:.2em 0 0 0;text-shadow: #fff 1px 1px 1px;}

Menyesuaikan nilai 180 sesuai.

12. Judul Aktifkan Widget Lower Case

Dalam tema Mystique semua judul widget yang dalam huruf besar. Untuk mengubah ini menggunakan kode berikut.

/* turn widget titles to lower case */
.block h3.title{text-transform:none;}

13. Perbatasan untuk Setiap Posting

Border for each post

/*border for each post */
.post{
    border:2px solid;
    margin:0 0 40px;
    padding:15px;
    text-align:justify;
}

14. Mengubah Ukuran Font Default dari Teks dalam Post

/* Custom font size inside post */
div.post-content{ font-size: 120%; }

15. Mengubah latar belakang hitam:

Dalam tema Mystique , latar belakang default hitam Anda dapat mengubahnya ke lainnya. Berikut kami berikan biru sebagai contoh.

/* Change black background */
body{background-color:blue;}

16. Ganti Background Color dengan atas dan bawah Warna:

/* Change background colour with upper and lower colour */

body{
   background-color: white;
}

#page{
   background: #000; /* for non-css3 browsers or Opera */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#CCCCCC'); /* for IE 6 & 7 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#CCCCCC')"; /* for IE 8 */
   background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0,0,0,0))); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #000, rgba(0,0,0,0));} /* For gecko FF3+ */
}

17. Kontrol permanen Halaman

Untuk membuat kenaikan atau penurunan tombol ukuran teks control (Page Kontrol Button) di kanan atas untuk secara permanen tetap terlihat daripada harus mouse-over menambahkan kode berikut. Beberapa orang ingin fitur yang besar ini menjadi sangat terlihat dan tidak tersembunyi seperti itu.

/*Permanent Page Controls */
#pageControls a{ display: block !important; }

Permanent Page Controls

18. Hapus Halaman Kontrol Permanen

/* Remove page controls */
#pageControls{
    height:100px;
    position:absolute;
    right:0;
    top:0;
    width:0;
    z-index:4;

19. Alternatif Header Image

Untuk menggunakan berikut gambar header menambahkan kode yang diberikan di bawah gambar.

Alternate Header Image

/* Alternate header image */
#page{background-image:url(/uploads/other-domain/wp-content/themes/mystique/images/_alt/header2.jpg);}

Ganti localhost dengan URL situs Anda.

20. Move Up RSS Feed dan Twitter Buttons

Secara default kami menemukan Twitter dan RSS tombol yang tersembunyi oleh bar navigasi dan sulit untuk melihat dan tidak mudah diakses oleh pembaca, sehingga memindahkan mereka untuk keramahan pengguna.

/* Move up Twitter and RSS buttons */
#header a.nav-extra{
   height:64px;
}

#header p.nav-extra{
   top:-60px;
}

Move Up the RSS Feed and Twitter Buttons

21. Hide RSS Tombol Navigasi Bar

/* Hide RSS button */
#header a.rss{display:none;}

22. Sembunyikan Tombol Twitter Navigasi Bar

/* Hide Twitter button */
#header a.twitter{display:none;}

23. Sembunyikan Pos Informasi Bar

Dalam situs Anda jika Anda ingin menyembunyikan informasi posting seperti Tanggal, Diposkan oleh, Kategori, comment kemudian gunakan kode berikut.

/* Hide post information bar */
.post-date, .post-info{display:none;}

24. Selalu Show "REPLY | QUOTE | EDIT "di Komentar

Secara default "REPLY | QUOTE | EDIT "akan ditampilkan ketika Anda membawa mouse atas mereka. Untuk menunjukkan kepada mereka gunakan secara permanen kode berikut.

/* Always show “REPLY | QUOTE | EDIT” in comments */
#comments .controls{
   opacity : 1 !important;
   position: absolute;
   display: block !important;
   top: -3px !important;
}

Always show REPLY | QUOTE | EDIT in comments

25. Perubahan Footer Background Color untuk Light Gray

Change Footer Background Color to Light Gray

/* Change footer background color to light gray */
#footer{background:#ddd;}
#footer-blocks .leftFade,#footer-blocks .rightFade{background-image:none;}

Jika Anda ingin warna lain kemudian mengubah nilai #ddd, kita menggunakan nilai #eeeeee.

26. Perubahan Footer Background Color Dark Gray

/* Dark background footer */
#footer{background:#666;color:#ddd;}
#footer a{color:#fff;}
#footer-blocks .leftFade,#footer-blocks .rightFade{background-image:none;}

Change Footer Background Color to Dark Gray

27. Dapatkan Latar Belakang Anda Diupload ke Ulangi

Jika Anda telah meng-upload gambar latar belakang kustom dan Anda ingin mengulanginya kemudian gunakan kode berikut.

body{background-repeat: repeat;}

(Atau ulangi-x, repeat-y)

28. Sesuaikan Space Antara Line dan Paragraf

/* Adjust space between line and paragraphs */
.post-content p{
   margin: 0 0 1.2em 0;
   line-height: 150%;
}

Properti pertama: Jarak antara paragraf (atas / kanan / bawah / kiri).
Properti kedua: Jarak antara garis. Menyesuaikan nilai-nilai yang sesuai.

29. Penurunan Gap antara Widgets

Beberapa orang tidak suka kesenjangan besar antara widget. Jadi di sini adalah kode untuk menyesuaikan kesenjangan.

/* Decrease space between Widgets */
li.block{list-style-type:none;padding:0;margin:0;}
li.block, .arbitrary-block{margin:1em 0 1.2em;position:relative;}

Menyesuaikan nilai 1,2 sesuai.

Decrease the Gap between Widgets

30. Menyembunyikan atau Hapus Judul Halaman

Jika Anda ingin menyembunyikan atau menghapus judul posting pada halaman single post kemudian tambahkan kode berikut.

h1.title{font-size:0%;}

Hide or Remove the Page Title

31. Modify Penampilan Tags seperti ATOM Tema / Kerangka

Modify Appearance of Tags

/* Modify appearance of tags */
.post-tags a{
 -moz-border-radius: 10px 10px 10px 10px;
 border: 1px solid #EEEEEE;
 color: #AAAAAA;
 margin-bottom: 2px;
 padding: 1px 5px 2px;
 text-decoration : none;
}

.post-tags a:hover{
 background : #666666;
 border: 1px solid #666666;
 padding: 1px 5px 2px;
 color : #ffffff;
 -moz-border-radius: 10px 10px 10px 10px;
 text-decoration : none;
}

32. Judul Aktifkan Navigasi Lower Case

Dalam tema Mystique semua judul navigasi dalam huruf besar. Untuk mengubah ini menggunakan kode berikut.

ul.navigation li  a{text-transform:none !important; font-size:115%;}

Anda juga dapat menyesuaikan ukuran font judul navigasi. Perubahan nilai 115% sesuai.

Navigation Titles in Lowercase

33. Modify Penampilan Next dan Links Sebelumnya

Anda dapat memodifikasi tampilan link berikutnya dan sebelumnya sehingga akan mudah terlihat dan menarik.

Modify Appearance of Next and Previous Links

/* Change Previous and Next Links */
.single-navigation a{
   border: 1px solid #EEEEEE;
   color: #d96109;
   margin-bottom: 2px;
   padding: 1px 5px 2px;
   text-decoration : none;
}

.single-navigation a:hover{
   background : #666666;
   border: 1px solid #666666;
   padding: 1px 5px 2px;
   color : #ffffff;
   text-decoration : none;
}

34. Lepaskan Tags

Gunakan kode berikut untuk menyembunyikan tag.

/* Hide Tags */
div .post-tags{
  display:none;
}

35. Sembunyikan Pos Informasi Bar

Tambahkan kode berikut untuk menyembunyikan informasi bar pos.

/* Hide post information bar */
.post-date, .post-info{display:none;}

36. Teks-Justify di Pos dan Page Konten

Jika Anda ingin membenarkan teks dan laman konten tambahkan kode berikut:

/* Text-Justify post and page content */
.post-content{text-align:justify;}

37. Tetap Background Gambar Khusus

Untuk memperbaiki kustom add gambar latar belakang kode berikut:

/* Fixed custom background image */
body{background-attachment:fixed;}

38. Meningkatkan Ukuran Font dalam Pages

Anda dapat meningkatkan ukuran font dari halaman menggunakan kode berikut:

body p{
 font-size:15px;
}

Lainnya yang berguna Cuplikan Kode untuk Tema Mystique

1. Tempatkan Keterangan yang Tepat di bawah Blog Judul

Di bawah Penampilan -> Lihat di style.css Anda menemukan

#site-title p.headline{float:left;border-left:1px solid  #999;margin:0 0 0 1em;padding:.2em 0 .2em  .8em;font-weight:normal;font-size:140%;line-height:64px;letter-spacing:0.4em;}

Hapus: - border-left:1px solid #999;
Tambahkan: - clear:left;
Ubah: - margin:0 0 0 0em;
Ubah: - line-height:44px;
Perubahan: - padding:.2em 0 .2em .1em;

Sesuaikan nomor yang Anda inginkan.

2. Tambahkan Favicon untuk Blog Anda / Situs:

Bagi mereka yang tidak tahu apa yang Favicon, " Favicon adalah icon kecil (gambar) yang ditampilkan di awal address bar browser. Hal ini juga disebut Favourite Icon, ikon Page dan icon url. "Sebagian besar orang menggunakan 16 * 16 pixel favicon (Anda juga dapat menggunakan 32 * 32 pixel favicon) dengan" .ico "format. Tapi, Anda juga bisa menggunakan gif, png (format gambar) juga.

Keuntungan utama dari menciptakan dan menggunakan favicon adalah, itu membuatnya mudah untuk menemukan blog Anda atau situs ketika seseorang favorit atau bookmark situs / blog di antara beberapa situs lain.

Di bawah Penampilan -> Lihat di header.php Anda, cari

<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />

dan mengubahnya menjadi

<link rel="shortcut icon" href="Your Favicon File URL HERE" />

Jangan lupa untuk mengganti, ico dan gif url berkas. Kunjungi www.iconj.com gratis 18000+ favicon animasi, ikon Generator online, favicon hosting yang banyak.

Favicon in Mystique Theme

3. Dapatkan gambar dalam posting untuk membuka di lightbox, seperti ini:

Lightbox Effect in Mystique Theme

Lightbox adalah fitur standar yang tersedia di tema Mystique . lightbox akan membuka link yang berakhir di .jpg, .png atau .gif (akan berasumsi itu gambar a). Jadi hanya membuat gambar dari tulisan link. misalnya. thumbnail yang link ke gambar ukuran penuh.

4. Untuk menempatkan link di bar navigasi atas, tambahkan kode untuk mengikuti, Under Penampilan -> Pengaturan Mystique -> Advanced> fungsi Pengguna.

<?php 
  function mymenu() {  
     echo '<li><a href="Link to Your Menu" rel="nofollow">Menu Title</a></li>'; 
  }
  add_action('mystique_navigation', 'mymenu'); 
?>

Hal ini berguna ketika Anda ingin menempatkan link eksternal di bar navigasi. Ubah "Link ke Menu" oleh link anda dan "Menu Judul" dengan judul Anda.

5. Membuat Background Transparan

Di bawah Penampilan -> Lihat di style.css Anda, cari

/*** MAIN LAYOUT ***/
.shadow-left{background:url(/ges/shadow.png) no-repeat left bottom;}
.shadow-right{background:url(/ges/shadow.png) no-repeat right bottom;padding-bottom:0px;position:relative;}
#main{background:#fff url(/ges/main-right.jpg) no-repeat right top;}
#main-inside{background:transparent url(/ges/main-left.jpg) no-repeat left top;min-height:380px;}

dan mengubahnya menjadi

/*** MAIN LAYOUT ***/
.shadow-left{background:url(/ges/shadow.png) no-repeat left bottom;}
.shadow-right{background:url(/ges/shadow.png) no-repeat right bottom;padding-bottom:0px;position:relative;}
#main{background:transparent;}
#main-inside{background:transparent;min-height:380px;}

6. Hapus Space antara Top Navigation Bar dan Konten Aktual

Ada beberapa ruang antara bar navigasi atas dan konten yang sebenarnya. Jika Anda ingin menghapus ruang ini atau Anda dapat bergabung dengan konten dan nav bar bersama-sama. Di bawah Penampilan -> Lihat di style.css Anda, cari

/*** MAIN LAYOUT ***/
.shadow-left{background:url(/ges/shadow.png) no-repeat left bottom;}
.shadow-right{background:url(/ges/shadow.png) no-repeat right bottom;padding-bottom:10px;position:relative;}

Ubah 10px 0px jika Anda ingin bergabung dengan konten dan bar nav bersama Atau mengubahnya sesuai.

Remove the Space between the Top Navigation Bar and the Actual Content

7. Jalan lain untuk Kurangi Ukuran Font Pos Judul

Di bawah Penampilan -> Lihat di single.php Anda, cari

<h1 class="title"><?php the_title(); ?></h1><?php endif; ?>

Ubah h1 ke h2, h3 sesuai pilihan Anda.

8. Jalan lain untuk Mengatur Posisi Site Title / Logo Situs

Dalam Penampilan -> Editor -> Buka Stylesheet (style.css), menemukan:

/*** LOGO/Site_Title and Navbar***/
#site-title{padding:4em 0 3.7em 0;}

Dengan menyesuaikan nilai 4em dan 3.7em Anda dapat menyesuaikan posisi logo sundulan. 4 em adalah ruang di atas judul situs dan 3.7em adalah ruang antara judul situs dan bar navigasi.

9. Another Way mendapatkan Space yang Tersirat

Dalam Penampilan -> Editor -> Buka Stylesheet (style.css), menemukan:

p{margin:.6em 0 .3em;line-height:150%;}

Dengan nilai default adalah 150%. Anda dapat mengubahnya ke nilai yang lebih tinggi yang Anda butuhkan.

10. Sertakan Teks Lainnya di Fitur Konten Bar

Jika Anda memiliki meningkatkan lebar fitur konten bar maka Anda ingin memasukkan lebih banyak teks dalam konten fitur bar. Untuk melakukan ini, Anda memerlukan FTP client, kemudian di bawah wp-content -> Tema -> mistik -> ekstensi -> unggulan-posting -> unggulan-posts.php, cari:

echo '<div class="summary">'.mystique_strip_string(420, strip_tags(strip_shortcodes($featured_post['post_content']))).'</div>';

Mengubah 420 untuk namun banyak karakter yang ingin Anda miliki di posting Anda unggulan.

11. Bagaimana menambahkan "Go to Top" tombol

Ada dua cara untuk menambahkan fitur ini: Memodifikasi header.php dan dengan menggunakan plugin .

Memodifikasi Header (header.php)

Di bawah WordPress Dashboard -> Appearance -> Editor -> header.php, Carilah

< ?php wp_head(); ?>

Di bawah garis ini menambahkan kode berikut:

&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;
a.go-top{display: none;position:fixed;right:10px;bottom:10px;cursor: pointer;z-index: 99;padding: 5px 10px;background: #eee;text-decoration: none;}a.go-top:hover{background: #333;color: #fff;}
&amp;lt;/style&amp;gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot; &amp;gt;
jQuery().ready(function(){
     jQuery( window ).bind(&amp;quot;scroll&amp;quot;,function(){
       if(jQuery(window).scrollTop() &amp;gt; 170){
            jQuery(&amp;quot;.go-top&amp;quot;).show();
	}
       else
           jQuery(&amp;quot;.go-top&amp;quot;).hide();
     });
  });
  &amp;lt;/script&amp;gt;

Kemudian tepat setelah dua garis yaitu setelah

tambahkan kode berikut:

&amp;lt;a href=&amp;quot;#page&amp;quot; id=&amp;quot;goTop&amp;quot; class=&amp;quot;go-top&amp;quot;&amp;gt;Go to Top&amp;lt;/a&amp;gt;

Sekarang, di situs Anda, Anda akan melihat "Pergi ke atas" tombol yang muncul di sudut kanan bawah layar Anda yang memungkinkan pengguna untuk lancar gulir ke atas.

Screenshot of Go to Top Button

Klik untuk melihat gambar penuh

Hanya gulir sedikit dan Anda akan melihat "Pergi ke atas" tombol muncul di bagian bawah halaman Anda.

menggunakan Plugin

Jika Anda ingin menambahkan "Go to Top" tombol tanpa memodifikasi file template Anda kemudian mencoba salah satu dari berikut Plugin.

1) Geser ke Top Plugin

Gulir ke Plugin atas akan menambahkan sebuah tombol yang melayang di sudut kanan bawah layar Anda yang memungkinkan pengguna untuk lancar gulir ke atas halaman Anda. Ambil dan menginstal Geser ke Top Plugin.

2) WP ke atas

Plugin ini akan menambahkan "Kembali ke atas" link secara otomatis ke blog Anda. Ambil dan menginstal WP ke atas.

3) Kembali ke atas

Menambahkan "Pergi ke atas" link ke posting Anda. Ini adalah plugin WordPress yang didasarkan pada jQuery, jQuery Easing dan Geser ke Top v3. Ambil dan menginstal Go to Top Plugin.

12. Bagaimana menambahkan +1 Google Tombol untuk Mystique Navigation Bar

+1 Google Button in Mystique Navbar Salah satu ide terbaru dan indah inovatif Google adalah Google Webmaster Tombol +1 yang membiarkan pengunjung Anda atau teman merekomendasikan artikel Anda untuk visibilitas yang lebih baik di mesin pencari. Baru-baru ini Google telah mengubah algoritma mereka dan menekankan pada apa yang orang-orang seperti dan saham.

Kami sangat menyarankan setiap blog / website pemilik untuk menambahkan Google +1 Tombol di situs mereka. Di sini kita berbagi cara untuk menambahkan tombol +1 Google untuk Mystique navigasi bar.

  1. The Cuplikan dari Kode tersedia di: - http://www.google.com/webmasters/+1/button/
  2. Di bawah WordPress Dashboard -> Appearance -> Editor. Dalam Template Kolom mencari "footer.php" file. Di footer.php pencarian file untuk </body> tag dan menambahkan kode sebelum tag body berikut:
    &amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;https://apis.google.com/js/plusone.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;

    kemudian

  3. Di bawah WordPress Dashboard -> Appearance -> Settings Mystique -> Advanced. Gulir ke bawah untuk fungsi Pengguna kemudian tambahkan kode berikut:
                    &amp;lt;?php  
                      add_action('mystique_navigation', 'googleplus');
                      function googleplus(){
                        echo '&amp;amp;nbsp &amp;amp;nbsp &amp;amp;nbsp &amp;amp;nbsp &amp;lt;g:plusone&amp;gt;&amp;lt;/g:plusone&amp;gt;';
                      }
                    ?&amp;gt;
                

Itu semua yang perlu Anda lakukan dan +1 Google Tombol akan muncul di website / blog.

Kami berharap bahwa Anda menikmati artikel panjang dan akal ini. Jika Anda suka silahkan me-retweet dan berbagi dengan teman-teman Anda di Facebook, Twitter, Google+.