Showing posts with label TUTORIAL. Show all posts
Showing posts with label TUTORIAL. Show all posts

Wednesday, March 22, 2017

Halaman Off Topic Ala Agieltriono

thumbs

Hi Guys 😉 selamat siang . kali ini admin mau share cara membuat halaman off topic ala agiel . gak keren sih tapi sederhana dan mudah dimengerti pengunjung kok 😄 . Halaman Off Topic di Blog itu perlu. Kenapa karena memungkinkan pengunjung agar dapat curhat dan bertanya kepada admin blog sobat. Nah oleh karena itu kita ikutin cara membuat Halaman Off Topic ini.

Step 1

Kita buat dahulu Pages/halaman Kosong Beri Judul Out Off Topic langsung publish , disini kita sudah membuat Halaman yang nanti kita gunakan sebagai halaman Off Topic.

Step 2

Setelah kita buat halaman ,kita edit halaman tersebut kemudian switch ke HTML mode. Lalu paste seluruh HTML Markup di bawah ini.
<span style="font-size: large;">Halaman ini Admin buat untuk menerima komentar diluar topik dari artikel yang Admin bagi sama kalian.</span>

<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-d1oE4zZ7LzI/WNFhw7JDozI/AAAAAAAAHl8/ikXRI4VxcoYWGxCL6Ae4EjuNNMfb_FOHwCLcB/s1600/offtopic.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="thumbs" border="0" src="https://3.bp.blogspot.com/-d1oE4zZ7LzI/WNFhw7JDozI/AAAAAAAAHl8/ikXRI4VxcoYWGxCL6Ae4EjuNNMfb_FOHwCLcB/s1600/offtopic.gif" title="Off Topic Introduction"/></a></div>

<span style="font-size: large;">Kalian Juga Bisa saling sapa dengan sesama blogger untuk sekedar silaturahmi</span>

<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-r5uUOQL-yaw/WNFk0DOQslI/AAAAAAAAHmQ/K5lJoBNdicc1-nHSwMJdq4TGduBUvhXDQCLcB/s1600/notifyme.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="thumbs" border="0" src="https://4.bp.blogspot.com/-r5uUOQL-yaw/WNFk0DOQslI/AAAAAAAAHmQ/K5lJoBNdicc1-nHSwMJdq4TGduBUvhXDQCLcB/s1600/notifyme.gif" title="Silahkan Berkomentar"/></a></div>

Admin Mohon untuk mengikuti peraturan tentang berkomentar di Off Topic Page ini Tanpa SARA,KATA KASAR,MENYINGGUNG ORANG LAIN,SPAM Dan Wajib MENGHARGAI SATU SAMA LAIN

<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-UgeFnRhWpXk/WNF3cksdO_I/AAAAAAAAHms/UzX39wpLVvkOdUfmPISTTxjvYhklDWgIwCLcB/s1600/Pikachu-psd80915.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="thumbs" border="0" src="https://1.bp.blogspot.com/-UgeFnRhWpXk/WNF3cksdO_I/AAAAAAAAHms/UzX39wpLVvkOdUfmPISTTxjvYhklDWgIwCLcB/s1600/Pikachu-psd80915.gif" title="ATTENTION"/></a></div>

<span style="font-size: large;"><b></b></span> <span class="lovy"><b>Terima kasih</b></span>

Lalu Publish ✅

Step 3
Lalu Kita butuh menambahkan link di komentar agar dapat di lihat oleh pengunjung.
tambahkan Link ke Halaman Off Topic tepat di atas kolom komentar
<a href="https://namablogsobat.com/p/out-off-topic.html">Off Topic</a>

Kalian bisa taruh link ini dimana saja yang kalian suka, kalian bisa tambahkan style button atau lain nya dengan kreasi kalian sendiri .



Terima Kasih Telah Menyimak Tutorial tata cara membuat Halaman Out Off Topic Ala Blog Agieltriono
Read more

Tuesday, November 22, 2016

FIX GTA SA GLITCH DAN EROR

thumbs

Malam Brother , sudak sekian lama saya gak post di karenakan saya sakit 😷 . Baik pada postingan kali ini saya sudah punya beberapa tips dan solusi dalam mengatasi Grand Theft Auto San Andreas Stoped Working , Glitch , Freeze , dan lain sebagai nya . maka dari itu , kita simak tutor dari saya .

NB : Solusi sudah FIX dan telah saya liat sendiri di komputer saya
berikut spek PC saya

WINDOWS 7 32BIT , 4GB RAM , INTEL DUAL CORE 2.8 GHZ , SSD KINGSTON 240GB , MONITOR DELL.INC MAX RESOLUTION 1366X768 , GPU AMD RADEON R7 2GB

Saya menggunakan spek PC rendah atau LOW . namun hasil tetap sempurna .

Nah Untuk pertama kita akan setting Graphic terlebih dahulu

AMD GRAPHIC

  • BUKA CATALYST CONTROL PANEL
  • PILIH GRAPHIC SETTING
  • LIHAT TESSELATION , ganti menjadi (Use Aplication Setting)
  • MAXIMUM TESSELATION biarkan (Use Aplication Setting)
  • MORPHOLOGICAL FILTERING (OFF)
  • FRAME RATE rubah menjadi (OFF)
  • TAMBAHKAN GTA_SA.EXE KE DAFTAR SETTING GRAPHIC (LIHAT GAMBAR)
Lebih jelas nya lihat gambar . usahakan setting sesuai dengan yang ada pada gambar !!
AMD

NOTE : KEMUNGKINAN TIDAK SEMUA GPU AMD SAMA TAMPLIAN SETTING NYA JADI SIMAK BAIK-BAIK SETINGAN KALIAN !!!

NVIDIA GRAPHIC

Untuk Nvidia biarkan default.
hanya disable v-sync untuk performa GTA kamu menjadi lancar dan tambahkan daftar aplication gta_sa.exe di list setting


Oke setting GPU CARD selesai sekarang setting gta

SETTING UP GTA

Pertama kalian WAJIB memiliki gta versi 1.0 !!!
file-file di GTA SA harus dalam keadaan standar !

BAHAN PERTAMA
jika gta kalian sama seperti saya 1.0 dan standar , kalian harus download cleo dan modloader
📢 cleo versi 4.3.2.1
LINK : http://cleo.li/
📢 modloader versi 0.3.5
LINK : http://www.gtagarage.com/mods/show.php?id=25377

BAHAN KEDUA
setelah kalian cari dan download cleo dan modloader , kalian download file di bawah ini :
📢 StreamMeMfix 2.2
LINK : http://www.gamemodding.net/en/gta-san-andreas/gta-sa-mods/7423-sa-streammemfix-22.html
📢 Memory2048 atau memory512
LINK : http://www.gamemodding.net/en/gta-san-andreas/gta-sa-cleo-scripts/45427-memory2048.html
📢 project2dfx (ini sudah ada limit adjuster yang nanti kita setting)
LINK : https://thirteenag.github.io/p2dfx
📢 Widescreenfix by thirteenAG
LINK : https://thirteenag.github.io/wfp#gtasa
📢 gta sa exe original
LINK : http://www.gamemodding.net/en/gta-san-andreas/gta-sa-mods/45488-gta_saexe-10-us.html
📢 SilentPatchSA 1.1 Build 27
LINK : http://www.gtagarage.com/mods/show.php?id=25368
📢 fixblackroad.asi
LINK : https://drive.google.com/uc?export=download&id=0B3CUuMWORS28TVd1RzNROXVLaEk
📢 Flickr.asi
LINK : https://drive.google.com/uc?export=download&id=0B3CUuMWORS28RHFEUnE0d1NKamM

cara instal CLEO pilih folder gta san andreas lalu install
cara instal MODLOADER , copy folder modloader dan modloader.asi ke folder gta sa
untuk profect2dfx copy file yg ada pada rar ke folder gta sa
untuk StreamMeMfix taruh di folder gta sa
untuk widescreenfix taruh di script folder . INGAT BUKAN DI FOLDER DATA/SCRIPT !
GTA EXE kalian replace saja , inget backup terlebih dahulu.
untuk memory2048 taruh di folder cleo
untuk SilentPatchSA taruh ajah di folder gta sa kamu.
untuk fixblackroad.asi dan Flickr.asi taruh di folder gta sa kalian

NB : UNTUK DOWNLOAD DI GAMEMODDING.NET PILIH MANUAL INSTAL !!! untuk menghindari miss folder atau crash , karena akan mereplace file !!

oke sekarang selesai instal , NEXT

SETTING OPEN LIMIT ADJUSTER

nah setelah sudah di instal semua sekarang buka limitadjuster dari project 2dfx tadi , letak nya berada di folder gta sa nama file III.VC.SA.LimitAdjuster
kita ganti beberapa settingan default nya.
kita cari Baris seperti di bawah ini :
[SALIMITS]
PtrNodeSingle = unlimited
PtrNodeDouble = unlimited
EntryInfoNode = unlimited
Peds = 140
PedIntelligence = 140
Vehicles = 110
Buildings = 100000
Objects = 10000
Dummys = 50000
ColModel = unlimited
Task = unlimited
Event = unlimited
PointRoute = unlimited
PatrolRoute = unlimited
NodeRoute = unlimited
TaskAllocator = unlimited
PedAttractors = unlimited
VehicleStructs = unlimited
MatrixList = unlimited
OutsideWorldWaterBlocks = 500
AlphaEntityList = unlimited
VisibleEntityPtrs = unlimited
VisibleLodPtrs = unlimited
StreamingObjectInstancesList = 30000
AtomicModels = unlimited
DamageAtomicModels = unlimited
TimeModels = unlimited
ClumpModels = unlimited
VehicleModels = unlimited
PedModels = unlimited
WeaponModels = unlimited
EntitiesPerIpl = unlimited
EntityIpl = unlimited
StaticShadows = 2048
Coronas = 20000
ScriptSearchLights = 1024
FrameLimit = 30
MemoryAvailable = 30%

nah kamu liat FrameLimit = 30 dan MemoryAvailable = 30% ,kita ganti menjadi FrameLimit = 105 dan MemoryAvailable = 100% . untuk normal nya FrameLimit = 60 dan MemoryAvailable = 100%
lalu save

Oke Next

CHECK SCRIPT.IMG DAN MAIN.SCM

kita buka folder data/script , nah kamu liat untuk normal nya script.img 568kb sedangkan main.scm 3,008kb , jika kedua file yang ada di data/script kurang dari besar nya kedua file itu , maka sudah di pastikan gta kamu gak akan berjalan lancar , yah mungkin 2 menit udah stoped working , masuk garasi crash , misi crash bola basket juga ilang bahkan gak bisa main basket !
TIPS : untuk yang ngerasa aneh pada kedua file itu saya punya file original dari komputer saya . silahkan ambil di 4shared http://scriptagiel.4shared.com

TIPS : untuk saved game, sudah saya sesuaikan dengan setingan default standar gta sa, ini link nya lewat Google https://drive.google.com/uc?export=download&id=0B3CUuMWORS28aEJlUEtOd0JGMU0


FINAL STEP
Coba main dan setting gta sa kalian

(SETTING)
-draw distance biarkan default
-FRAME LIMITER (ON)
-ANTIALIASING (OFF)
-WIDESCREEN (ON)
-MIPMAPPING (ON)
-VISUAL FX QUALITY (LOW)
-RESOLUTION (SUDAH OTOMATIS FIX OLEH WIDESCREENFIX BY THIRTEENAG)

setelah setting selesai silahkan start new game lalu keluar.
lalu buka lagi gta sa load save game yang tadi kalian download judul END OF THE LINE .

coba main selama mungkin putari kota di map dan lihat hasil nya , gta sa kalian berjalan tanpa eror kan ?

NB : JANGAN LUPA IBADAH 😡


NB : Dengan modloader kalian bisa menaruh mod di situh
untuk cara nya sederhana misal modku/contoh.txd atau modku/folder1/contoh.txd

modloader juga bisa meload semua file gta sa termasuk exe dan asi

dan ingat JANGAN REPLACE FILE-FILE GTA SA KALIAN !!!!
masukan mod di modloader kecuali file cleo atau CS file taruh di cleo folder atau asi bisa di folder gta bisa di script folder , bisa di modloader.

Semua tutor sudah saya rangkum berdasarkan apa yang saya alami.
TERIMA KASIH
Read more

Friday, October 7, 2016

Pasang Gallery Post Di Halaman Statis

Gallery Post


Malam , pada tutorial kali ini saya akan berbagi tentang cara memasang Gallery Postingan yang telah kita posting pada halaman statis . Ini dapat berguna untuk Recent Post , bisa juga untuk Popular Post , Bisa juga hanya untuk Menarik Perhatian pengunjung dengan menaruh nya di Sidebar Blogger. Yuk kita simak tutorial berikut.

Step pertama
Pertama kita Buat Halaman Statis berjudul Gallery Saya
Lalu langsung Publish ! .

Lalu Balik Lagi Ke Halaman Gallery Saya
SWITCH KE HTML TAB dan centang tekan enter untuk baris baru pada settingan post agar rapih

Step kedua
setelah itu kita buat CSS seperti di bawah ini.
<style scoped='' type='text/css'>
/* Gallery Post Agiel*/
.agil-gallery{padding:10px;clear:both;}
.agil-gallery:after{content:"";display:table;clear:both;}
.agil-gallery .bs-item a{position:relative;float:left;margin:0 15px 15px 0!important;text-decoration:none;}
.agil-gallery .bs-item .ptitle{background:rgba(0,0,0,0.5);background:#7f7f7f\9;display:block;clear:left;font-size:11px;line-height:1.3em;height:2.6em;position:absolute;text-align:left;bottom:10%;color:#fff;padding:2px 5px;word-wrap:break-word;overflow:hidden;}
.agil-gallery a img{background:#eee;float:left;padding:5px;box-shadow:1px 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.5);transition:background-color 0.4s;-webkit-transition:background-color 0.4s;-moz-transition:background-color 0.4s;}
.agil-gallery a:hover img{background:#ee7e22;}
</style>

Step ketiga
Lalu Kita tambahkan kode Script di bawah kode css tadi.
<script type='text/javascript'>
//<![CDATA[
function agilGallery(root) {
var entries = root.feed.entry || [];
var html = ['<div class="agil-gallery nopin" title="Semua Postingan Ada Disini">'];
for (var i = 0; i < entries.length; ++i) {
var post = entries[i];
var postTitle = post.title.$t;
var orgImgUrl = post.media$thumbnail ? post.media$thumbnail.url : 'https://2.bp.blogspot.com/-LbawKe_798E/V6n9HiXI5jI/AAAAAAAAG1c/OZro5iipvXYGdBabadIYq797C3h69ilYACPcB/s1600/Agiel%2BTriono.png';
var newImgUrl = orgImgUrl.replace('s72-c', 's' + agilg_thumbSize + '-c');
var links = post.link || [];
for (var j = 0; j < links.length; ++j) {
if (links[j].rel == 'alternate') break;
}
var postUrl = links[j].href;
var imgTag = '<img alt="' + postTitle + '" title="' + postTitle + '" src="' + newImgUrl + '" width="' + agilg_thumbSize + '" height="' + agilg_thumbSize + '"/>';
var pTitle = agilg_showTitle ? '<span class="ptitle">' + postTitle + '</span>' : '';
var item = '<a href="' + postUrl + '" target="_blank" title="' + postTitle + '">' + imgTag + pTitle + '</a>';
html.push('<div class="bs-item">', item, '</div>');
}
html.push('</div>');
document.write(html.join(""));
}
var agilg_thumbSize = 150;
var agilg_showTitle = true;
//]]>
</script>
<script src="https://agieltriono.blogspot.com/feeds/posts/summary?max-results=500&alt=json-in-script&callback=agilGallery"></script>

Lalu Klik Publish !

Penyesuaian
Silahkan kalian ganti https://agieltriono.blogspot.com/ dengan url blog sobat .

EXAMPLE :
Domain NON HTTPS !
<script src="http://www.namablog.com/feeds/posts/summary?max-results=500&alt=json-in-script&callback=agilGallery"></script>
Domain HTTPS !
<script src="https://www.namablog.com/feeds/posts/summary?max-results=500&alt=json-in-script&callback=agilGallery"></script>

*var agilg_thumbSize = 150; adalah Lebar Pixel Thumbnail Gambar
*var agilg_showTitle = true; ganti menjadi false jika ingin menyembunyikan Judul Postingan
*var orgImgUrl = post.media$thumbnail ? post.media$thumbnail.url : 'https://2.bp.blogspot.com/-LbawKe_798E/V6n9HiXI5jI/AAAAAAAAG1c/OZro5iipvXYGdBabadIYq797C3h69ilYACPcB/s1600/Agiel%2BTriono.png'; Gambar Default Jika Postingan sobat tidak terdeteksi adanya Gambar. ganti url https://2.bp.blogspot.com/-LbawKe_798E/V6n9HiXI5jI/AAAAAAAAG1c/OZro5iipvXYGdBabadIYq797C3h69ilYACPcB/s1600/Agiel%2BTriono.png dengan gambar yang sobat inginkan.
*max-results=500 adalah jumlah postingan yang akan di tampilkan ganti 20 untuk menampilkan postingan sebanyak 20 , ganti 7 untuk menampilkan hingga batas 7 postingan.



atau ingin menambahkan nya di sidebar ?
Kalian Bisa Lansung Instal Dengan Klik Add Widget .




Selesai Silahkan Lihat Hasilnya !
Read more

Sunday, October 2, 2016

Percantik Tampilan Blogger Editor

Blogger Editor


Selamat malam bro selama satu hari ini banyak kali kejadian di luar prediksi 😂 sekolah hujan , bangun kesiangan , abis sholat subuh terus tidur lagi hehe 😏 is not make sense 💯 .

sebelum nya saya mau malam ini mau beri kan tutorial untuk mempercantik tampilan blog editor dengan addons STYLSIH Chrome dan Firefox , nah ini yang harus di lakukan.

Cara Instal

Pertama Kalian harus download addons terlebih dahulu bro .
CHROME
Download
FIREFOX
Download
setelah di instal pilih Add Style .silahkan instal Style buatan saya sendiri di bawah ini.
Blogger Editor Black Style Responsive
Download
Lalu lihat hasil nya .
untuk melihat hasil kalian bisa masuk ke Editor Html di Dashboard blogger.
Menginstal STYLISH tidak merubah tampilan blog kalian.


Pengeditan

Kalian Bisa tambahkan CSS style dari inspect element dari draft blogger ke stylish addons yang tadi kalian download. 💯


Read more

Saturday, October 1, 2016

Twiemoji Emotikon Di Blogger

Blogger Emotikon


Malam bro 💭 hari hari ini saya berganti domain ke GQ masih gratis 🆓 , soal nya masih sekolah 📖 hehe gak bisa di ajak kompromi orang tua . tapi Bagaimana pun saya akan tetep sharing ke kalian , dan pada waktu nya saya bakal berganti ke COM 📌 . dan sekarang alhamdulilah saya akan berbagi Tutorial cara memasang Emotikon di blog menggunakan Twemoji. yang Notabene Support untuk Wordpress , tapi bingung kalo udah jatuh di tangan designer atau programer , jadi berubah fungsi ke blogger 👤 . oke kita mulai Tutorial nya .

Apa Itu Emoticon ?

Emoticon ‼ adalah suatu ekspresi perasaan atau Feeling berdasarkan si penulis EMOT yang Berati EMOTION atau EMOSI . Nah dengan ini Para Reader akan Segan datang ke website anda , karena begitu banyakan icon ekspresi pada postingan sobat

Kode Emotikon

🚩 Gunakan CTRL+C untuk menyalin kode emotikon.

Taruh Di NOTEPAD agar pada saat menulis postingan dapat dengan mudah sobat paste 😉

:@
:p
:$
:#
:D
;)
:)
:/
:(
:3
:x
:o
:x
:k
:!!
:!3
:?
:valid
:idn
:rocket
:thumbsup
:thumbsdown

:a
:g
:i
:e
:l
:love
:baper
:close
:z
:handsup
:quarantine
:music
:yes
:tm
:clock
:warn
:up
:unvalid
:setting
:unitedstates
:japan
:spain
;copyright
;registered
:find
:finishflag
:brokenheart
;mail
:commputer
;phone
;book
;mafia
;lamp
:100
;top
;horn
;comment

Lalu Tambahkan Kode Di Bawah ini di atas kode </body>.

Gunakan CTRL+F untuk mencari kode.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
document.getElementsByClassName = function(clsName){
    var retVal = new Array();
    var elements = document.getElementsByTagName("*");
    for(var i = 0;i < elements.length;i++){
        if(elements[i].className.indexOf(" ") >= 0){
            var classes = elements[i].className.split(" ");
            for(var j = 0;j < classes.length;j++){
                if(classes[j] == clsName)
                    retVal.push(elements[i]);
            }
        }
        else if(elements[i].className == clsName)
            retVal.push(elements[i]);
    }
    return retVal;
}

function addSmiley(){
  var postBodyClass = (postBodyClass) ? postBodyClass : 'post-body';
  var d = document.getElementsByClassName(postBodyClass);
  for(var i=0;i<d.length;i++){
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\)/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f600.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;-*\)/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f602.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\$/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f616.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\(/g, ' <img draggable="false" class="emoji" alt="☹" src="https://twemoji.maxcdn.com/2/72x72/2639.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*D/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f601.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*p/g, '<img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f61b.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*k/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f643.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\@/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f621.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\#/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f603.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*x/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f618.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*o/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f62e.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\//g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f641.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*3/g, ' <img draggable="false" class="emoji" alt="❤" src="https://twemoji.maxcdn.com/2/72x72/2764.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*!!/g, ' <img draggable="false" class="emoji" alt="‼" src="https://twemoji.maxcdn.com/2/72x72/203c.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*!3/g, ' <img draggable="false" class="emoji" alt="❣" src="https://twemoji.maxcdn.com/2/72x72/2763.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*valid/g, ' <img draggable="false" class="emoji" alt="✅" src="https://twemoji.maxcdn.com/2/72x72/2705.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*unvalid/g, ' <img draggable="false" class="emoji" alt="❎" src="https://twemoji.maxcdn.com/2/72x72/274e.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*clock/g, ' <img draggable="false" class="emoji" alt="⏰" src="https://twemoji.maxcdn.com/2/72x72/23f0.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*idn/g, ' <img draggable="false" class="emoji" alt="����" src="https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1e8.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*close/g, ' <img draggable="false" class="emoji" alt="❌" src="https://twemoji.maxcdn.com/2/72x72/274c.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*up/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f199.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*handsup/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f590.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*yes/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f197.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*music/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f3b6.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*rocket/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f680.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\quarantine/g, ' <img draggable="false" class="emoji" alt="☢" src="https://twemoji.maxcdn.com/2/72x72/2622.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*tm/g, ' <img draggable="false" class="emoji" alt="™" src="https://twemoji.maxcdn.com/2/72x72/2122.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*z/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f634.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*love/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f60d.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*baper/g, ' <img draggable="false" class="emoji" alt="☺" src="https://twemoji.maxcdn.com/2/72x72/263a.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\?/g, ' <img draggable="false" class="emoji" alt="❓" src="https://twemoji.maxcdn.com/2/72x72/2753.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*warn/g, ' <img draggable="false" class="emoji" alt="⚠" src="https://twemoji.maxcdn.com/2/72x72/26a0.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*thumbsup/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f44d.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*thumbsdown/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f44e.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*a/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f1e6.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*g/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f1ec.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*i/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f1ee.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*e/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f1ea.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*l/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f1f1.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:s-*etting/g, ' <img draggable="false" class="emoji" alt="⚙" src="https://twemoji.maxcdn.com/2/72x72/2699.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:united-*states/g, ' <img draggable="false" class="emoji" alt="����" src="https://twemoji.maxcdn.com/2/72x72/1f1fa-1f1f2.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:j-*apan/g, ' <img draggable="false" class="emoji" alt="����" src="https://twemoji.maxcdn.com/2/72x72/1f1ef-1f1f5.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:s-*pain/g, ' <img draggable="false" class="emoji" alt="����" src="https://twemoji.maxcdn.com/2/72x72/1f1ea-1f1e6.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:finish-*flag/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f3c1.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:com-*mputer/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f4bb.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:f-*ind/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f50d.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;to-*p/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f51d.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:1-*00/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f4af.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;ph-*one/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f4f1.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;m-*ail/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f4e7.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;ho-*rn/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f4e2.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;bo-*ok/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f4d6.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:broken-*heart/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f494.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;com-*ment/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f4ac.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;la-*mp/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f4a1.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;ma-*fia/g, ' <img draggable="false" class="emoji" alt="����‍♀️" src="https://twemoji.maxcdn.com/2/72x72/1f575-1f3fb-200d-2640-fe0f.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;copy-*right/g, ' <img draggable="false" class="emoji" alt="©" src="https://twemoji.maxcdn.com/2/72x72/a9.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;regis-*tered/g, ' <img draggable="false" class="emoji" alt="®" src="https://twemoji.maxcdn.com/2/72x72/ae.png"/>');
    }
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

addLoadEvent(addSmiley);
//]]>
</script>
</b:if>


Lalu Tambahkan Kode Di Bawah ini di atas kode </body>

Gunakan CTRL+F untuk mencari kode.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://cdn.rawgit.com/agiltriono/Blogger-Demo-Templates/master/twemoji2a2.min.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
</b:if>

Selesai Simpan templates Dan Lihat Hasil Nya ‼

kode source www.kompiajaib.com
Read more

Sunday, September 25, 2016

Membuat Pesan Tampil Di Console Log Untuk Blogger

Console Log


Console Log Adlah alat untuk memberitahukan kesalahan pada HTML inspect element, nah penggunaan yang tidak tepat lah akan menyebabkan account atau website dapat di curi atau di sebut scam atau hacking.
namun tidak menutup kemungkinan sahabat blogger menggunakan tools developer hanya untuk sekedar mengecek apa ada kesalahan pada beberapa link atau kode di website sobat.
nah untuk mempercantik console log window di chrome atau mozzila silahkan ikuti tutorial berikut.

Cara nya sangat mudah hanya tambahkan kode JS di atas kode </body> gunakan CTRL + F
<script>
//<![CDATA[
function printLogEntries (logEntries) {
  function padLeft(nr, n, str) {
    return Array(n-String(nr).length+1).join(str||'0')+nr;
  }

  var DDLogFlagError = (1 << 0),
      DDLogFlagWarning = (1 << 1),
      DDLogFlagInfo = (1 << 2),
      DDLogFlagDebug = (1 << 3),
      DDLogFlagVerbose = (1 << 4);

  var COLORS = [];
  COLORS[DDLogFlagError] = 'background:black;color:red';
  COLORS[DDLogFlagWarning] = 'background:black;color:yellow';
  COLORS[DDLogFlagInfo] = 'background:white;color:black';
  COLORS[DDLogFlagDebug] = 'background:white;color:pink';
  COLORS[DDLogFlagVerbose] = 'background:white;color:gold';

  var logLines = [], logLinesColor = [];
  [].forEach.call(logEntries, function(logEntry) {
      var d = new Date(logEntry.timestamp);
      var dateFormatted = [
        [d.getFullYear(), padLeft(d.getMonth()+1,2), padLeft(d.getDate(),2)].join('/'),
        [padLeft(d.getHours(),2), padLeft(d.getMinutes(),2), padLeft(d.getSeconds(),2)].join(':')
        ].join(' ');
      var logStr = ([
        '%c [' + dateFormatted + ']',
        '%c ' + logEntry.message
      ].join(' '));
      logLines.push(logStr);
      logLinesColor.push('background:white;color:black');
      logLinesColor.push(COLORS[logEntry.level]);
  });
  console.log.apply(console, [logLines.join('\n')].concat(logLinesColor));
}

printLogEntries([
  {level: 1, message: 'Error Log', timestamp:1467638116285},
  {level: 2, message: 'Warning Log', timestamp:1467638118285},
  {level: 4, message: 'Info Update Log', timestamp:1467638126285},
  {level: 8, message: 'Debug Entry Content', timestamp:1467638316285},
  {level: 16, message: 'Verbose', timestamp:1467648116285},
])
console.log("%cBe Careful Using The Console !", "color: Red; font-size: x-large");
//]]>
</script>

Selesai Simpan Templates

Reference :

Console.log() - Web APIs | MDN

Console API Reference

Read more

Saturday, September 24, 2016

Pasang Syntax Highlighter Dengan Number

Syntax Highlighter


siang Bro , kali ini saya mau bagi TUTORIAL cara pasang syntax Highlighter dengan number , syntax highlighter juga berfungsi sebagai pembungkus markup,javascript, dan css tag dengan memberikan warna pada setiap tag tersebut. sekarang mari perhatikan cara pemasangan pada blogger

pertama kita tambahkan CSS terlebih dahulu ke ]]> </ b: skin> atau <style> .
Contoh ada pada Agiel Triono

.hljs{display:block;overflow-x:auto;padding:0 !important;background:#222;color:white}
.hljs-name,.hljs-strong{font-weight:bold}
.hljs-code,.hljs-emphasis{font-style:italic}
.hljs-tag{color:#62c8f3}
.hljs-variable,.hljs-template-variable,.hljs-selector-id,.hljs-selector-class{color:#ade5fc}
.hljs-string,.hljs-bullet{color:#a2fca2}
.hljs-type,.hljs-title,.hljs-section,.hljs-attribute,.hljs-quote,.hljs-built_in,.hljs-builtin-name{color:#ffa}
.hljs-number,.hljs-symbol,.hljs-bullet{color:#d36363}
.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#fcc28c}
.hljs-comment,.hljs-deletion,.hljs-code{color:#888}
.hljs-regexp,.hljs-link{color:#c6b4f0}
.hljs-meta{color:#fc9b9b}
.hljs-deletion{background-color:#fc9b9b;color:#333}
.hljs-addition{background-color:#a2fca2;color:#333}
.hljs a{color:inherit}
.hljs a:focus,.hljs a:hover{color:inherit;text-decoration:underline}
code {padding: 0;font-size: inherit;color: inherit;white-space: pre !important;}
pre .line-number{color:#666666;min-width:1em}
pre .line-number span{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
pre .line-number span:nth-child(even){background-color:#EEEEEE}
pre .cl{display:block;clear:both}
pre .line-number{float:left;border-right:2px solid #666666;text-align:right}
pre .line-number span{padding:0 .8em 0 1em}

lalu CTRLF pada keyboard cari </body>
lalu tambahkan kode di bawah ini tepat di atas kode </body>
<script type='text/javascript'> 
//<![CDATA[
(function() {
    var pre = document.getElementsByTagName('pre'),
        pl = pre.length;
    for (var i = 0; i < pl; i++) {
        pre[i].innerHTML = '<span class="line-number"></span>' + pre[i].innerHTML + '<span class="cl"></span>';
        var num = pre[i].innerHTML.split(/\n/).length;
        for (var j = 0; j < num; j++) {
            var line_num = pre[i].getElementsByTagName('span')[0];
            line_num.innerHTML += '<span>' + (j + 1) + '</span>';
        }
    }
})();
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.rawgit.com/agiltriono/Blogger-Demo-Templates/master/highlightpro.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
SAVE TEMPLATE. Lihat hasil nya.

Read more