Funkysst.com: Tips
Showing posts with label Tips. Show all posts
Showing posts with label Tips. Show all posts

Wednesday, January 10, 2018

Menu Tabel pada Blogger Dan Bagaimana Membuatnya

Menemapatkan Menu pada Header itu sudah biasa, kali ini saya akan mempostingan sesuai judul yaitu Cara Membuat Menu Tabel pada Blogger Sederhana dengan Microsoft Word. Kebanyakan para Blogger menempatkan Menu mereka dibagian Menu Header dan Menu Navigasi. Tapi saya ingin kreasikan sendiri menu itu, yaitu dengan cara menempatkan semua menu saya ke dalam Tabel. Jadi semua kategori saya tempatkan jadi satu menu dan satu halaman yaitu dengan Tabel tersebut. Ide ini saya pikirkan, dan saya kreasikan sendiri.

Jika kalian ingin membuat menu anda jadi simple, seperti gambar dibawah. Untuk membuat menu seperti itu anda hanya memerlukan Microsoft Word.
Ide ini saya pikirkan, karena menu saya sangat kebanyakan. Jadi saya ingin menempatkan menu itu jadi satu halaman dan satu menu.

Screenshoot :


Screenshoot "Menu Header Kebanyakan"


Cara Membuat Menu Tabel pada Blogger dengan Microsoft Word

Cara Pertama :

1. Buka Microsoft Word
2. Buatlah Tabel sesuai dengan selera Anda.

Buat Tabel di Microsoft Word
3. Jika sudah membuat Tabel di Microsoft Word. Sekarang Save File itu. Perhatikan cara Save nya agar bisa dipasangkan di Blogger. Silakan pilih "Web Page" <HTML>

Save. Pilih Web Page <HTML>

4. Buka lokasi dimana Anda menyimpan File tadi. Silakan > Open With > Pilih Notepad.


5. Sehingga menjadi Sebuah kode HTML. Silakan Anda Copy & Paste kode tersebut dan Pastekan di Laman Kosong.

Sellect All <Copy>

6. Setelah men-Sellect all script nya sekarang adalah langkah memasangnya. Anda membuka Laman > Laman kosong.

 Buat Laman Baru

7.  Jika sudah membuat tabel dan meng-copy script yang sudah di sellect all itu. Langkah selanjutnya adalah bagaimana cara memasangnya di Blogger. Mudah saja, Anda hanya meng-copy kode HTML tadi ke Laman. Contohnya seperti di bawah ini.

Paste kode HTML yang di Notepad ke Laman kosong 
<Pilih HTML>



Cara Membuat Link pada Tabel yang Dibuat Tadi 
Setelah membuat Tabel dan Memasangnya di Blogger, Maka menu itu belom di sisipkan Link. Untuk membuatnya dan mensisipkan link pada tabel itu, silakan ikuti langkah-langkah berikut ini :


8. Terakhir, Silakan anda publikasikan.

Sekian Tips Blogger kali ini, bila anda merasakan kesulitan. Silakan jangan sungkan untuk berkomentar, pasti komentar anda saya balas. :) Thank's For Reading & Sharing and Visited; Menu Tabel pada Blogger Dan Bagaimana Membuatnya - Semoga Bermanfaat!

SUMBER: Mycyber-download

Download dengan kode CSS & dan Cara Membuat Tombol Demo Di blogger

Link adalah tautan yang menghubungkan antara halaman satu dengan halaman yang lain. Sesuai dengan judul yaitu Cara Membuat Tombol Demo & Download dengan kode CSS. Sebelumnya saya pernah membuat tutorial buat blogger yaitu : Cara Membuat Link Pada Tombol Icon Download. Cara tersebut sama, hanya kita menggunakan gambar Icon Download. Namun untuk kali ini berbeda, Yiatu dengan menggunakan kode CSS yang diletakkan di </style> atau ]]></b:skin> Langsung ikuti langkah - langkah berikut ini, jika ingin memasangnya.

Screenshoot :


Cara Membuat Tombol Demo & Download dengan kode CSS

Cara Pertama :

1. Buka Blogger - Kemudian login.
2. Dashboard - Template.
3. Edit HTML.

Proses Pembuatan : 

1. Temukan kode </style> atau ]]></b:skin>
2. Copy&paste kode CSS berikut ini, dan letakkan diatas kode </style> atau ]]></b:skin>
/* CSS Demo Download Buttons */
.btn{list-style:none;text-align:center;margin:10px!important;padding:10px!important;font-size:14px;clear:both;display:inline-block;text-decoration:none!important;color:#FFF!important}
.btn ul {margin:0;padding:0}
.btn li{display:inline;margin:5px;padding:0;list-style:none;}
.demo,.download{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:Open Sans,sans-serif;text-align:center;text-transform:uppercase;border-radius:3px;opacity:.95;border:0;letter-spacing:2px;transition:all .2s ease-out}
.demo {background-color:#3498DB;}
.download {background-color:#1ABC84;}
.demo:hover {background-color:#60B8F4;color:#fff;border-bottom:2px solid #3498DB; opacity:1;}
.download:hover {background-color:#49DDAA;color:#fff;border-bottom:2px solid #1ABC84;opacity:1;}
.demo:before {content:'\f135';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.download:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
3. Terakhir, anda buat postingan/Entri Baru. Pilih HTML sebelum Compose.

Perhatikan gambar berikut ini!

4. Copy&paste kode HTML berikut ini dan letakkan di bagian HTML bukan Compose
<div style="text-align: center;">
<ul class="btn">
<li><a class="demo" href="http://maycyber-download.blogspot.com/" target="_blank">DEMO</a></li>
<li><a class="download" href="http://maycyber-download.blogspot.com/" target="_blank">Free Download Template</a></li>
</ul>
</div>
</div>
Note : "Silakan tulisan yang berwarna merah diganti dengan link kepunyaan anda."

Preview : 


5. Selesai. Tinggal buat postingan deh. ^.^

Demikianlah Tutorial blogger kali ini, Mudah bukan. Sekian dari saya, Semoga Bermanfaat!
Thanks for Reading, Sharing & Visited and Search : Download dengan kode CSS &amp; dan  Cara Membuat Tombol Demo  Di blogger

Sunday, January 7, 2018

Share Buttons Dan Membuat Flat Social Di Blogger

Assalamualaikum...Langsusung saja sobat funkysst ...Cara Menge-share artikel ke sosial media mungkin merupakan salah satu cara untuk meningkatkan popularitas dan terkenalnya sebuah blog/situs. Tujuan berbagi ke sosial media adalah untuk meningkatkan pengunjung jika pengunjung tersebut tertarik dan meng-klik bersama. Salah satu cara untuk berbagi postingan ke sosial media yaitu dengan cara memasang tombol share buttons di blog Anda. Mungkin tombol share ini sudah tidak asing lagi dikalangan web atau situs. Karena ini memang dibutuhkan. Hal ini sangat bermanfaat, diantaranya adalah agar pengunjung dapat membagikan sebuah postingan anda di Sosial Media.
Pada kesempatan kali ini, saya akan membagikan Flat Social Share Buttons. Dengan tombol share buttons, pengunjung dapat dengan mudah berbagi artikel ke sosial milik dia dengan hanya satu klik saja.

Baca Juga :

Screenshoot : 
[MayCyber] - Tombol Flat Social Share Buttons

Cara Membuat Flat Social Share Buttons di Blogger 

Cara Pertama :


1. Buka Blogger - Kemudian Login.
2. Dashboard - Kemudian Template.
3. Edit HTML.

Proses Pembuatan : 

1. Temukan <CTRL+F> kode ]]></b:skin> atau </style>
2. Copy & Paste kode berikut ini, dan letakkan diatas kode ]]></b:skin> atau </style>
/* CSS Share Button */
.sharepost li{width:19%;padding:0;list-style:none;}
.sharepost li a{opacity:0.8;padding:10px 0;color:#fff;display:block;border:double #fff;}
.sharepost{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:20px;}
.sharepost li a:hover{opacity:1;color:#444;border:double #fff;}
.sharepost li .twitter{background-color:#55acee;}
.sharepost li .facebook{background-color:#3b5998;}
.sharepost li .gplus{background-color:#dd4b39;}
.sharepost li .pinterest{background-color:#cc2127;}
.sharepost li .linkedin{background-color:#0976b4;}
.sharepost li .twitter:hover,.sharepost li .facebook:hover,.sharepost li .gplus:hover,
.sharepost li .pinterest:hover,.sharepost li .linkedin:hover{background-color:#444;color:#fff;}
.sharepost li{float:left;margin-right:1.2%}
.sharepost li:last-child{margin-right:0}
.sharepost li .fa:before{margin-right:5px}
3. Jika sudah dipasang? Temukan lagi kode <data:post.body/>
4. Copy & Paste kode berikut ini, dan letakkan dibawah kode <data:post.body/>
Catatan :
" Bisanya kode ini lebih dari satu, silakan anda pilih yang kedua. Atau anda bisa mencobanya satu/satu."
<b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div class='sharepost'>
                <ul>
                <li><a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/>Tweet</a></li>

                <li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/>Share</a></li>

                <li><a class='gplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Google Plus Share'><i class='fa fa-google-plus'/>Share</a></li>

    <li><a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' target='_blank'><i class='fa fa-linkedin'/>Share</a></li>

                <li><a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;amp;description= + data:post.title&quot;' target='_blank'><i class='fa fa-pinterest'/>Share</a></li>

                </ul>
         </div> </b:if>
5. Supaya Responsive? Sekarang kita pasang script Bootstrapcdn atau Font Awesome. Karena Icon pada tombol share ini, menggunakan font awesome icons "Contoh : fa fa-facebook"
6. Selanjutnya Temukan kode </head>
7. Copy & Paste kode berikut ini, dan letakkan diatas kode </head>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
8. Terakhir, Simpan Template.

Sekian Tutorial Blogger kali ini, bila ada kesalahan? Silakan jangan sungkan untuk berkomentar. Terakhir silakan anda lihat postingan blog anda. Sekian dari saya Semoga Bermanfaat! Thank's For Reading & Sharing and Visited; Share Buttons  Dan Membuat Flat Social Di Blogger


SEKIAN TERIMA KASIH.

Kuota VidMax Menjadi Kuota Reguler Menggunakan Anonyton Pro

Assalamualaikumm.. sobat funkysst ..pada kesempatan yang baik ini admin akan share nih trick buat kalian pengguna telkomsel dan yang mempunyai kuota Vidmax tapi gk pernah kepake dan nggk tau cara makenya, sebenarnya ada banyak cara namun saya memberi kan tips yang lebih mudah, oke dari pada nunggu lama mending langsung saja ke tutorialnya.



1. Pertama kalian download dulu aplikasinya klik disini

2. Setelah kalian mendownloadnya silahkan kalian install aplikasi tersebut
3. Jika sudah terinstall silahkan buka aplikasi tersebut dan masuk ke menu STEALTH SETTINGS
4. Lalu setting Sesuai gambar di bawah ini

5. Selanjutnya kalian klik EDIT SSL SETTINGS dan setting sesuai gambar di bawah ini
6. Jika sudah selesai silahkan klik Save dan klik lagi Save
7. Silahkan klik CONNECT untuk menghubungkan jika sukses/terhubung akan tampil seperti gambar di bawah ini

nah gimana mudah bukan? tunggu apalagi silahkan gunakan kuota vidmax anda, semoga artikel ini dapat membantu kalian semua, dan jangan lupa mampir terus ya, karena akan update artikel-artikel terbaru.

Baca juga: Cara menggunakan KPN Tunnel Rev 

TERIMA KASIH.

Saturday, January 6, 2018

Domain Blogspot.co.id Menjadi Redirect Blogspot.com

Assalamualaikum sobat funkysst ketemu lagi ..alahamdulillah bisa post kembali...
Langsung pada juduk di atas Domain Blogspot.co.id Menjadi Redirect Blogspot.com

Tujuan dari pengalihan domain blogspot.co.id menjadi blogspot.com adalah untuk mempermudah dalam mengawasi kebijakan, yakni berupa pelanggaran yang dilakukan oleh blogger terhadap sebuah negara. Dimana ketika blogpot itu melanggar kebijakan suatu negara maka kemungkinan blogspot tersebut akan di banned. (Hanya untuk  blogger negara yang bersangkutan)

Pemberlakuan pengalihan blogspot.com menjadi blogspot.co.id ini di Indonesia terjadi pada tanggal 03 September 2015. Dimana karena hal ini, membuat para blogger Indonesia menjadi kepanikan dan mencari solusinya. Redirect domain ini bukan terjadi di Indonesia saja tetapi dibeberapa negara, yakni negara; Amerika = dengan domain blogspot.com, Germany/Jerman= dengan domain blogspot.de, dan Jepang=dengan domain blogspot.jp dan masih banyak lagi yang tidak bisa disebutkan 1/1.

Screenshoot : 


Menurut saya dengan kondisi seperti ini:

blogspot.co.id maupun blogspot.com menurut saya sama saja, sama-sama gratis. Tugas kita hanya membuat artikel yang berkualitas dan bermafaat serta selalu update! Karena bagaimanapun Artikel yang berkualitas merupakan popularitas tertinggi dalam sebuah blog. Saya pribadi, saya lebih memilih blogspot.co.id dibanding blogspot.com, Kenapa? Ini merupakan dan menandakan ciri khas TLD (Top Domain Level) Indonesia jadi ini mendantakan kita ini blogger indonesia sejati dan menjadi terlihat lebih keren.

Domain Blogspot.co.id Menjadi Redirect Blogspot.com

Cara Pertama : 
1. Buka Blogger - Kemudian login
2. Dashboard - Template
3. Edit HTML

Proses Pembuatan : 

1. Temukan kode </head>
2. Copy&paste kode berikut ini, dan letakkan dibawah kode </head>
<script type='text/javascript'> var str= window.location.href.toString(); if
 ((str.indexOf('.com/'))=='-1') { var str1=str.substring(str.lastIndexOf(".blogspot."));
 if (str1.indexOf('/')=='-1') { var str2=str1; } else { var
 str2=str1.substring(0,str1.indexOf('/')+1); } window.location.href
 =window.location.href.toString().replace(str2,'.blogspot.com/ncr/'); } </script>
3. Simpan Template!

Demikianlah Tutorial Blogger kali ini, Saya tidak bertanggung jawab atas dampaknya. Terakhir, silakan lihat homepage anda lalu lihat bagian URL alamat anda di Tab Browser. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading & Sharing : Domain Blogspot.co.id Menjadi Redirect Blogspot.com

Terimakasih.

Friday, January 5, 2018

Menambah Berat Badan Secara Alami Dengan Mudah

Mempunyai badan yang kurus memang tidak menyenangkan, tidak percaya diri saat memakai baju. mempunyai tubuh yang ideal merupakan dambaan setiap orang. banyak yang mengira dengan memakan dalam jumlah banyak dapat menambah bobot badan. tapi kenyataannya itu tidak benar, menambah bobot tubuh hanya dengan makan sebanyak mungkin malah dapat menyebabkan gangguan kesehatan lainya.
berikut ini adalah tips menambah berat badan dengan cara yang sehat





1. jangan lupa sarapan sebelum memulai beraktivitas.
sarapan atau makan pagi sangat penting untuk menambah energi didalam tubuh anda. konsumsilah makan pagi dengan makanan yang banyak mengandung nutrisi,protein seperti susu,telur dan buah-buahan

2. memakan snack atau ngemil.
dalam sehari jafwal ideal makan adalah tiga kali, tapi jangan lupa memakan makanan ringan juga penting, tentunya bukan jajanan yang sembarangan. anda bisa ngemil makanan ringan seperti roti,biskuit, cereal.

3. mengkonsumsi lemak 
sakah satu sumber kalori yang banyak adalah berasal dari lemak. jangan mengkonsumsi lemak tidak sehat, ganti dengan lemak tak jenuh seperti kacang,minyak kelapa,alpukat,ikan salmon.

4. minuman yang mengandung kalori
untuk memiliki berat badan yang ideal, minumlah minuman yang banyak mengandung kalori, tetapi bukan minuman yang bersoda atau minuman yang mengandung pemanis buatan, tetapi dengan meminum susu segar, jus buah asli, minuman yang dicampur madu.

5. berolahraga secara teratur.
berolahraga dengan rutin memang cara terbaik untuk menaikkan massa otot, kegiatan olahraga yang teratur membantu tulang menyerap banyak kalsium sehingga menjadi kuat dan sehat. 

Segitu saja artikel dari kami terima kasih..

Thursday, January 4, 2018

Post Populer Default Pada Blogger

Widget Popular post pada blogger merupakan widget yang menampilkan daftar Artikel yang paling sering dibaca oleh pengunjung. Widget popular post ini menurut -master seo, dapat memberikan dan membantu meningkatkan pageview. Selain untuk meningkatkan pageview, Populart post ini juga berguna untuk memper-ganteng tampilan blog kita. Perlu diketahui juga bahwa Blogger menyediakan widget popular post/Entri Populer ini memiliki stuktur tampilan yang kurang enak dipandang. Untuk merubah wigdet entri popular itu jadi enak dipandang, jalan satu-satunya adalah dengan cara memasang kode di blog kita. Ikuti langkah-langkah berikut ini.
Cara Membuat Popular Post Default Blogger Only Thumbnail
Cara Membuat Popular Post Default Blogger Only Thumbnail

Cara Pertama : 

1. Buka Blogger » Kemudian login.
2. Dashboard » Template.
3. Edit HTML.

Proses Pembuatan :

1. Temukan kode ]]></b:skin> atau </style>
2. Copy&paste kode berikut ini, dan letakkan diatas kode ]]></b:skin> atau </style>
/* CSS Popular Post */
.PopularPosts .item-thumbnail{margin:0}
.PopularPosts .widget-content ul{margin:0;padding:0}
.PopularPosts .item-title a{text-decoration:none;font-family:'Arimo';font-size:14px;color:#777;text-align:justify;}
.PopularPosts .item-title{padding-bottom:.4em}
.PopularPosts .item-title a:hover{color:#E74C3C}
.PopularPosts .item-snippet{font-family:'Arimo';font-size:12px;line-height:1.6em;color:#777;padding-top:10px}
.PopularPosts img{width:100%;height:100%;}
.PopularPosts .widget-content ul li{padding:5px;border:1px solid #ddd}
.PopularPosts li .item-snippet{display:none}
.PopularPosts li .item-thumbnail{float:right;margin:0;padding:3px;border:1px solid #ddd;display:inline;width:90px;height:90px;overflow:hidden;}
.PopularPosts li:first-child .item-thumbnail{width:97%;height:190px;overflow:hidden;margin-bottom:20px}
.PopularPosts li:first-child .item-content{position:relative}
.PopularPosts li:first-child .item-thumbnail,.PopularPosts li:first-child .item-snippet{display:block}
.PopularPosts li:first-child .item-title a{font-family:'Arimo';font-size:20px;text-align:center;line-height:1.3;position:absolute;top:50px;width:75%;left:20px;color:#fff;border-radius:5px;background-color:rgba(248,140,0,0.62);padding:15px}
.PopularPosts li:first-child .item-snippet{display:none}

3. Simpan Template!
4 Terakhir, Kembali ke menu Dashboard - Tata Letak/Layout 
5. Edit » Add a Gadget di Sidebar.
6. Pilih "Entri Populer"

 7. Terakhir, Ikuti Instruksi pada gambar dibawah ini.

Demikianlah Tutorial Blogger kali ini, Bila anda mengalami kesulitan? Jangan sungkan untuk berkomentar dibawah ini. Terakhir, silakan anda lihat pada home page anda. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading, Sharing & Visited and Search : Post Populer Default Pada Blogger 

Bagaimana Agar Blog Tampil Nomor Satu di Pencarian Google

Siapa sih yang tidak menginginkan blog kita bisa tampil nomor satu di halaman pertama Google? Semuanya pasti menginginkan bahkan mendambakan hal itu.

Namun, kenyataanya untuk bisa berapa di halaman pertama Google tidaklah semudah menulis kalimat di secarik kertas dan juga tidaklah semudah membalikan telapak tangan, namun harus ada hal yang mesti kita lakukan. Selain faktor ngeblog itu perlu menulis serta mengetik dengan baik, Fakta lain memang banyaknya persaingan blog diseluruh dunia untuk menempatkan di halaman pertama Google dengan topik dan konten masing-masing.

Rahasia Ampuh Cara Agar Blog Tampil Nomor Satu di Halaman Google
Rahasia Ampuh Cara Agar Blog Tampil Nomor Satu di Pencarian Google

Berikut ini ada beberapa tips dan langkah-langkah yang kemungkinan bisa kita lakukan agar blog anda bisa berada di halaman pertama Google. :
  1. Melakukan riset kata kunci atau keyword
  2. Sesuaikan kata kunci atau keyword dengan konten yang anda buat
  3. Maksimalkan backlink yang berkualitas
  4. Ikuti update Algorytma Google terbaru dan sesuaikan dengan blog anda
  5. Bangun kerja sama dengan Blogger lain
  6. Buatlah konten (artikel, video, gambar dll) yang berkualitas.
  7. Melakukan blogwalking dengan blog tetangga
  8. Jangan lupa melakukan promosi blog melalui pasang iklan pada situs kredibel dengan pengunjung yang sudah banyak dan trafic yang tinggi.
  9. Tetaplah istiqomah dan Ikhiar serta berdoa dalam menjalani rutinitas dunia blogging.
Demikianlah informasi mengenai cara agar blog tampil halaman pertama google. Sekian dari saya, Semoga Bermanfaat! serta sukses selalu untuk kita bersama. Thanks for Reading & Sharing : Bagaimana Agar Blog Tampil Nomor Satu di Pencarian Google

Membuat Artikel Anti Copy Paste Pada Blog

Sekitar meninggu yang lalu artikel saya telah dicopy&paste atau di duplikat konten oleh orang yang tidak dikenal. Lalu sayapun melaporkan Google DMCA atas pelanggaran hak cipta tersebut. Nah, untuk mencegah tersebut jalan satu-satunya adalah memasang anti copy&paste pada Template. Namun jika blog anda suka membagikan sebuah kode-kode misalnya tentang tutorial blogger bagi pemula dan tidak ingin postingan anda di copas oleh orang tidak dikenal, kecuali pada kode-kode yang dibagikan. Biasanya memasang yang seperti ini untuk menghindari pencurian/duplikat konten.


Script Anti Copy-Paste ini yang akan saya bagikan kali ini tidak menggunakan javascript, namun hanya menggunakan kode CSS sehingga tidak memperlambat loading blog anda. Untuk Demonya sudah diterapkan di blog ini, anda bisa mencobanya copy artikel saya hanya kode saja yang bisa di copy&paste. Berikut ini cara memasangnya di blog.

Cara Membuat Blog Anti Copy&Paste Hanya Bagian Tertentu Saja

Cara Pertama :

1. Buka Blogger - Kemudian login
2. Dashboard - Template
3. Edit HTML

Proses Pembuatan :
1. Temukan kode ]]></b:skin>
2. Copy&paste kode berikut ini, dan letakkan diatas kode ]]></b:skin>
/* CSS Anti-Copas */
.post-outer {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
-moz-user-select:none;
}

.post { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -ms-user-select:none; -moz-user-select:none; }
.post blockquote,.post pre,.post code { -webkit-touch-callout:text; -webkit-user-select:text; -khtml-user-select:text; -ms-user-select:text; -moz-user-select:text; }

.post blockquote,.post pre,.post code,.post i,.post b{
  -webkit-touch-callout:text;
  -webkit-user-select:text;
  -khtml-user-select:text;
  -ms-user-select:text;
  -moz-user-select:text;
}
Wajib Baca :

.post i : Hanya bagian Itaclic/Tulisan Miring yang bisa di Copy&Paste
.post b : Hanya bagian Bold/Tulisan Tebal yang bisa di Copy&Paste

Jadi intinya, ketika anda ingin membagikan sebuah kode. Sebaiknya kode tersebut di berikan tulisan miring atau tulisan tebal. Tujuannya agar kode tersebut bisa di copy&paste oleh pengujung.

3. Simpan Template.

Demikianlah Tutorial Blogger kali ini, bila terjadi kesalahan jangan sungkan untuk berkomentar dibawah ini. Terakhir, silakan anda lihat postingan lalu coba anti copy salah satu artikel anda. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading & Sharing : Membuat Artikel  Anti Copy Paste Pada Blog

TERIMAKASIH SEMOGA BERMANFAAT :D